.navigation {
  background: #12127d;
}

.navigation .navbar-brand,
.navigation .nav-link,
.navigation .dropdown-item {
  color: yellow;
  font-family: Arial, Helvetica, sans-serif;
}

.navigation .nav-link,
.navigation .dropdown-item {
  text-decoration: none;
}

.navigation .nav-link:hover,
.navigation .nav-link:focus,
.navigation .nav-link.active {
  color: black;
  background: #c8c8ff;
}

.navigation .navbar-toggler {
  border: none;
  color: yellow;
}

.navigation .navbar-toggler:focus,
.navigation .navbar-toggler:active,
.navigation .navbar-toggler-icon:focus {
  box-shadow: none;
}

.navigation .dropdown-menu {
  background: #12127d;
  border: 1px solid #9191ff;
}

.navigation .dropdown-item:hover,
.navigation .dropdown-item:focus {
  background-color: #c8c8ff;
  color: black;
}

@media (max-width: 575.98px) {
  .navigation .nav-link {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .navigation .navbar-nav.ms-sm-auto {
    margin-top: 0.5rem;
  }
}