@keyframes floatTitle {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-1.5cqh);
    }
}

@keyframes twinkle {
    0% {
        opacity: 0.15;
        transform: scale(0.4);
        box-shadow: 0 0 0.2cqw 0.05cqw rgba(255, 255, 255, 0.3);
    }
    50% {
        opacity: 0.6;
        transform: scale(1.0);
        box-shadow: 0 0 0.7cqw 0.15cqw rgba(255, 255, 255, 0.75);
    }
    100% {
        opacity: 1;
        transform: scale(1.4);
        box-shadow: 0 0 1.4cqw 0.3cqw rgba(255, 255, 255, 1);
    }
}

@keyframes pulseButton {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(1.05);
    }
}

@keyframes moonContainerPulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.03);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes firefly-path-1 {
    0% {
        transform: translate(0, 0) scale(0.8);
        opacity: 0.2;
    }
    25% {
        transform: translate(3cqw, -6cqh) scale(1.2);
        opacity: 0.8;
    }
    50% {
        transform: translate(-2cqw, -12cqh) scale(0.9);
        opacity: 0.4;
    }
    75% {
        transform: translate(2cqw, -5cqh) scale(1.3);
        opacity: 0.9;
    }
    100% {
        transform: translate(0, 0) scale(0.8);
        opacity: 0.2;
    }
}

@keyframes firefly-path-2 {
    0% {
        transform: translate(0, 0) scale(1.0);
        opacity: 0.3;
    }
    30% {
        transform: translate(-4cqw, 7cqh) scale(0.8);
        opacity: 0.6;
    }
    60% {
        transform: translate(3cqw, -10cqh) scale(1.3);
        opacity: 0.9;
    }
    80% {
        transform: translate(-2cqw, -3cqh) scale(1.1);
        opacity: 0.5;
    }
    100% {
        transform: translate(0, 0) scale(1.0);
        opacity: 0.3;
    }
}

@keyframes firefly-path-3 {
    0% {
        transform: translate(0, 0) scale(0.7);
        opacity: 0.4;
    }
    20% {
        transform: translate(2cqw, 10cqh) scale(1.2);
        opacity: 0.9;
    }
    40% {
        transform: translate(-3cqw, 4cqh) scale(0.9);
        opacity: 0.3;
    }
    70% {
        transform: translate(2cqw, -8cqh) scale(1.3);
        opacity: 0.8;
    }
    100% {
        transform: translate(0, 0) scale(0.7);
        opacity: 0.4;
    }
}