@import url('https://fonts.googleapis.com/css?family=Work+Sans:100,200,300,400,500,600,700,800,900&display=swap&subset=latin-ext');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap');

* {
  font-family: 'Lato', sans-serif;
}

/*============================================================================================================================= */

/*==================BEMUTATKOZÁS================================================*/
body {
  background-image: url(../kepek/bemutatkozas.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 100vh;
  background-attachment: fixed;
}

.img {
  background-image: url(../kepek/edina.jpg);
  height: 300px;
  width: 200px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  box-shadow: 5px 5px 5px grey;
}

.bemutatkozas {
  width: 66%;
  height: 100vh;
  margin-left: 33%;
  /*border: 1px solid green;*/
}

.belso_keret {
  /*border: 1px solid red;*/
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 2%;
}

h1 {
  font-size: 2.5em;
  font-weight: 400;
}

h2 {
  font-size: 1.5em;
  font-weight: 300;
}

h5 {
  text-align: justify;
  font-weight: 300;
  font-size: 1em;
}

span {
  font-weight: 400;
}

input[type="checkbox"]:checked~nav {
  width: 33%;
}

.label {
  background-color: rgb(160, 238, 177);
  left: 1%;
  top: 1%;

}

a.tovabb {
  display: block;
  padding: 0px 0px;
  color: #000;
  font-weight: 300;
  font-size: 1em;
  text-shadow: none;
}

a.tovabb:hover {
  background-color: black;
  color: white;
  font-weight: 300;
  max-width: 15%;
}