/* HEADER (navbar) */

header {
  background: linear-gradient(#244177 0%, #060c11);
  margin-bottom: 81px;
}

header nav {
  backdrop-filter: blur(10px) brightness(75%);
  -webkit-backdrop-filter: blur(10px) brightness(75%);
}

.nav-link {
  text-shadow: 0px 2px 3px var(--bs-black);
}

.nav-link.active {
  border-bottom: 3px solid var(--bs-primary);
}

.navbar-nav .nav-link.active {
  color: var(--bs-navbar-active-color);
}

.dropdown-menu {
  backdrop-filter: blur(10px) brightness(75%);
  background-color: rgba(0,0,0,0.85);
}

/* Navbar brand transforms */
a.navbar-brand {
  transition: transform 0.2s ease;
}

a.navbar-brand:hover {
  transform: scale(1.1) rotate(3deg);
  transition: 0.4s ease
}

a.navbar-brand img {
  transition: filter 0.4s ease;
}

a.navbar-brand:hover img {
  filter: drop-shadow(0 0 15px var(--bs-info));
}

a.nav-link:hover {
  transform: scale(1.1);
  filter: drop-shadow(0 0 10px var(--bs-info));
}

a.nav-link {
  transition: transform 0.4s ease, filter 0.4s ease;
}