/* Styling for the universal navbar */

#navbar {
  display: flex;
  align-self: center;
  width: 47.5vw;
  padding: .5rem;
  height: 3vh;
  background-color: hsla(180, 100%, 50%, 0.442);
  margin: .7rem .7rem .35rem .7rem;
}
#nav-links {
  align-items: center;
  display: flex;
  gap: 16px;
  text-decoration: none;
}
#nav-links a {
  font-size: 1.2rem;
  text-decoration: none;
  color: rgba(137, 43, 226, 0.637);
}

@media (max-width: 600px) {
  #navbar {
    width: calc(100vw - 2.3rem);
    margin: .7rem;
  }
  #nav-links a {
    font-size: 1rem;
    text-decoration: none;
    color: rgba(137, 43, 226, 0.637);
  }
}