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

@layer utilities {
    .animate-slow-zoom {
        animation: slow-zoom 20s infinite alternate;
    }
    .animate-shine {
        animation: shine 3s linear infinite;
    }
    .animate-blob {
        animation: blob 7s infinite;
    }
    .animation-delay-2000 {
        animation-delay: 2s;
    }
    .animation-delay-4000 {
        animation-delay: 4s;
    }
}

@keyframes slow-zoom {
    from { transform: scale(1.05); }
    to { transform: scale(1.15); }
}

@keyframes shine {
    to {
        background-position: 200% center;
    }
}

@keyframes blob {
    0% {
        transform: translate(0px, 0px) scale(1);
    }
    33% {
        transform: translate(30px, -50px) scale(1.1);
    }
    66% {
        transform: translate(-20px, 20px) scale(0.9);
    }
    100% {
        transform: translate(0px, 0px) scale(1);
    }
}