/* Navigation */
nav {
  margin-bottom: 2rem;
}

nav ul {
  list-style: none;
  display: flex;
  gap: 1.25rem;
  padding: 0;
}

li {
  background-color: 0a4fb4;
  border: 2px solid white;
  border-radius: 8px;
}

li a {
    color: #0a4fb4;
}

li.active {
  background-color: #0a4fb4;
  border: 2px solid #0a4fb4;
  border-radius: 8px;
}

li.active > a {
  color: white;
}

nav a {
  text-decoration: none;
  font-weight: 500;
  padding: 1em;
}

nav a:hover {
  text-decoration: underline;
}