.nav {
  margin: 0;
  border: 0;
  padding: 0;
  margin: 0;
  border: 0;
  padding-left: 1vw;
  z-index: 50;
}
.burger {
  display: block;
  list-style-type: none;
  position: fixed;
  z-index: 50;
}

.burger li {
  display: inline-block;
  list-style: none;
  color: black;
  position: relative;
  z-index: 50;
}
.burger li a {
  display: block;
  color: black;
  padding: 0;
  text-decoration: none;
  font-family: "Oswald", sans-serif;
  font-variant: small-caps;
  padding-right: 15%;
  font-size: 2rem;
  z-index: 50;
}
.burger li a:hover {
  color: aqua;
}
.burger label {
  display: none;
}
#menu-toggle {
  display: none;
}
@media only screen and (max-width: 600px) {
  nav ul li a {
    font-size: 6vw;
  }
}
@media all and (max-width: 800px) and (min-width: 0px) {
  .burger label {
    display: block;
    height: 70px;
    width: 70px;
    line-height: 70px;
    text-align: center;
    color: black;
    font-size: 1.8rem;
    cursor: pointer;
    background-color: aqua;
  }
  .burger .nav {
    display: none;
  }
  .burger li {
    width: 100%;
  }
  #menu-toggle:checked + .nav {
    display: block;
    background-image: linear-gradient(
      +90deg,
      rgb(255, 255, 255),
      rgb(255, 255, 255),
      rgba(255, 255, 0, 0)
    );
    width: auto;
  }
  .burger label:active .nav {
    display: none;
  }
}