.sora{
  font-family: "Sora", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  }
  
  
  @keyframes spin {
        from {
            transform: rotate(0deg);
        }

        to {
            transform: rotate(280deg);
        }
    }

    /* Apply the custom animation to a utility class that Tailwind can use */
    .animate-spin-slow {
        animation: spin 60s linear infinite;
        /* You can adjust '60s' for faster/slower spin */
    }

    @keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px) scale(0.95);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

.animate-fadeInUp {
  animation: fadeInUp 0.6s ease-out forwards;
}