body{
    background-image: url(kepek/kep6.jpeg);
    background-size: cover;
    background-repeat: no-repeat;
    filter: brightness();
    font-family: sans-serif;
    color:darkblue
}

@media screen and (max-width: 600px) {
  .menu {
    flex-direction: column;
  }

  .doboz {
    width: 100%;
  }
}

@media screen and (min-width: 601px) and (max-width:1000px) {
  .menu {
    flex-direction: column;
  }

  .doboz {
    width: 66.66%;
  }
}


@media screen and (min-width: 1001px) {
  .menu {
    flex-direction: row;
  }

  .doboz {
    width: 33.33%;
  }
}


.overlay {
  position: fixed;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5); 
  z-index: 1;
}


.tartalom {
  position: relative;
  z-index: 2;
  padding-top: 100px;
}

section {
    font-size: 16px; 
}

.font-size-control {
    margin-left: 10px;
}

nav{
    text-align: left;
    display: inline-block;
    background-color: black;
}

a {
  color: aqua;
}

a:visited {
  color:cadetblue;
}

a:hover {
  color: red;
  text-decoration: underline;
}

a:active {
  color: orange;
}