/* Keyframe Definitions */

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

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes blink {
    50% {
        opacity: 0;
    }
}

/* Firefly Floating Animation */
@keyframes float {

    0%,
    100% {
        transform: translate(0, 0);
    }

    25% {
        transform: translate(10px, -15px);
    }

    50% {
        transform: translate(-5px, 10px);
    }

    75% {
        transform: translate(-15px, -5px);
    }
}

/* Glow Pulse for Fireflies */
@keyframes pulseGlow {

    0%,
    100% {
        box-shadow: 0 0 4px currentColor, 0 0 10px currentColor;
        opacity: 0.6;
    }

    50% {
        box-shadow: 0 0 15px currentColor, 0 0 30px currentColor;
        opacity: 1;
    }
}