@keyframes float {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-20px); }
}
@keyframes floatRotate {
    0% {
        transform: translateY(0px) rotate(0deg);
    }
    50% {
        transform: translateY(-30px) rotate(10deg);
    }
    100% {
        transform: translateY(0px) rotate(0deg);
    }
}
@keyframes pulse {
    0%, 100% {
        transform: scale(1);
        opacity: 0.6;
    }
    50% {
        transform: scale(1.1);
        opacity: 0.8;
    }
}
.float {
    animation: float 3s ease-in-out infinite;
}
.flower {
    position: absolute;
    font-size: 2rem;
    opacity: 0.6;
    cursor: pointer;
    transition: all 0.3s ease;
}
.flower:hover {
    transform: scale(1.5) rotate(20deg);
    opacity: 1;
}