@layer utilities {
  .content-auto {
    content-visibility: auto;
  }

  .text-shadow {
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  }

  .animate-float {
    animation: float 6s ease-in-out infinite;
  }

  .bg-grid {
    background-size: 40px 40px;
    background-image:
      linear-gradient(to right, rgba(22, 93, 255, 0.05) 1px, transparent 1px),
      linear-gradient(to bottom, rgba(22, 93, 255, 0.05) 1px, transparent 1px);
  }
}

@keyframes float {
  0% {
    transform: translateY(0px);
  }

  50% {
    transform: translateY(-20px);
  }

  100% {
    transform: translateY(0px);
  }
}

#navbar {
  background-color: #fff;
}