@keyframes glow {
  0% {
    box-shadow: none;
  }

  50% {
    box-shadow: 0 0 20px rgba(49, 96, 148, 0.6);
  }

  100% {
    box-shadow: 0 0 10px rgba(49, 96, 148, 0.4);
  }
}

/* Quando rolar para baixo */
#navbar.scrolled-down {
  transform: translateY(-200%);
  transition: transform 0.5s ease-in-out;
}

/* Quando rolar para cima */
#navbar.scrolled-up {
  animation: glow 0.8s ease;
  transform: translateY(0%);
  transition: transform 0.5s ease-in-out;
}