@media only screen and (min-width: 1000px) {
  nav {
    background-image: linear-gradient(to right, #4763f2, #109099);
  }
  nav img {
    margin-left: 5%;
  }
  nav .toggle-btn {
    display: none;
  }
  nav ul {
    padding-top: 5%;
    list-style-type: none;
  }
  nav ul li {
    margin-left: 20px;
    float: left;
  }
  nav ul li a {
    color: white;
  }
  nav ul :hover {
    text-decoration: underline;
    color: white;
  }
}
@media only screen and (min-width: 100px) and (max-width: 999px) {
  nav {
    background-image: linear-gradient(to right, #4763f2, #109099);
  }
  nav img {
    margin-left: 5%;
  }
  nav .toggle-btn {
    float: right;
    margin-right: 10%;
    margin-top: 2%;
  }
  nav .links-side {
    display: none;
    z-index: 10px;
    height: 100%;
    margin-top: 2%;
  }
  nav ul {
    padding-top: 5%;
    padding-bottom: 5%;
    list-style-type: none;
    background-image: linear-gradient(to right, #4763f2, #109099);
    border: solid white 1px;
    margin-left: 3%;
    margin-right: 3%;
    border-radius: 15px;
  }
  nav ul li {
    margin-top: 10px;
  }
  nav ul li a {
    color: white;
    font-weight: bold;
  }
}

/*# sourceMappingURL=nav.css.map */