/* Decoraciones de fondo */
.bubble {
    position: fixed;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.3);
    z-index: -1;
    animation: float 10s infinite ease-in-out;
}

@keyframes float {

    0%,
    100% {
        transform: translateY(0) rotate(0deg);
    }

    50% {
        transform: translateY(-20px) rotate(5deg);
    }
}