@font-face {
  font-family: "PPHatton-Bold";
  src: url(../fonts/PPHatton-Bold.otf);
}
header {
  padding: 1rem;
  background-color: #A72E76;
  font-size: 125%;
  letter-spacing: 0.03rem;
}
header nav {
  text-align: center;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
  grid-gap: 4rem;
  gap: 4rem;
}
header nav ul {
  margin: 0.5rem;
}
header nav ul li {
  display: inline;
}
header nav ul li a {
  font-family: "PPHatton-Bold", sans-serif;
  text-align: center;
  padding: 0.5rem 1rem;
  color: white;
  text-transform: uppercase;
  text-decoration: none;
}
header nav ul li a:hover {
  background: rgba(0, 0, 0, 0.4);
  border-radius: 1rem;
}

.selected a {
  background: rgba(0, 0, 0, 0.4);
  border-radius: 1rem;
  padding: 0.5rem 1rem;
}

@media only screen and (max-width: 1080px) {
  header nav ul {
    display: grid;
    grid-template-columns: auto auto auto;
  }
  header nav ul li {
    margin-top: 0.5rem;
    margin-bottom: 1rem;
  }
}
@media only screen and (max-device-width: 1080px) {
  header nav ul {
    display: grid;
    grid-template-columns: auto auto auto;
  }
  header nav ul li {
    margin-top: 0.5rem;
    margin-bottom: 1rem;
  }
  header nav ul li a {
    font-size: 2rem;
  }
}






/*BACKGROUND COLOR PAGE*/
body{
  background-color: #F2EBE4;
}





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