button:focus {outline: none;}
.darken-navbar {
  background-color: #333333eb;
}
#active-title {
  color: #f0f0f0;
}
.navbar {
  padding: .5rem 2rem;
}
.nav-link {
  color: #f0f0f0;
  text-shadow: -1px 1px 5px black;
  font-size: 1.4rem;
}
.nav-link:hover {
  color: white;
  text-shadow: -10px 0px 15px #A4C639;
}
.nav-dark {
  background-color: #333333f5;
  z-index: 99999;
}
.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(164, 198, 57, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.custom-toggler-active .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(164, 198, 57, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

@media (max-width: 992px){
  .navbar { padding: .5rem 1rem; }
}