@tailwind base;
@tailwind components;
@tailwind utilities;


@keyframes animatedgradient {
    0% {
      background-position: 0% 50%;
    }
    50% {
      background-position: 100% 50%;
    }
    100% {
      background-position: 0% 50%;
    }
  }
  
  .animate-gradient {
    animation: animatedgradient 3s ease infinite alternate;
    background-image: linear-gradient(to right, var(--primary), var(--accent), var(--secondary));
    background-size: 200% 200%;
  }