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

@layer utilities {
@keyframes glow {
    0%,100% { box-shadow: 0 0 8px rgba(59, 130, 246, 0.5) }
    50% { box-shadow: 0 0 20px rgba(59, 130, 246, 0.8) }
}

.animate-glow {
    animation: glow 1.5s infinite;
}

@keyframes wiggle {
    0%,
    100% {
    transform: rotate(-3deg);
    }
    50% {
    transform: rotate(3deg);
    }
}

.animate-wiggle {
    animation: wiggle 0.4s ease-in-out 1;
}

@keyframes scale-in {
  0% {
    transform: scale(0.8);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.animate-scale-in {
  animation: scale-in 0.3s ease-out;
}
}