@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@300;400;500;600;700&display=swap');

body {
    font-family: 'Fredoka', cursive;
    background: linear-gradient(135deg, #e8f4f8 0%, #f0f9ff 100%);
    min-height: 100vh;
}

@keyframes float {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-10px); }
}

@keyframes sparkle {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.7; transform: scale(1.1); }
}

.animate-float {
    animation: float 3s ease-in-out infinite;
}

.animate-sparkle {
    animation: sparkle 2s ease-in-out infinite;
}

.snowflake {
    position: absolute;
    color: #ffffff;
    font-size: 1rem;
    pointer-events: none;
    animation: float 10s linear infinite;
}

.snowflake:nth-child(odd) {
    animation-duration: 8s;
}

.snowflake:nth-child(even) {
    animation-duration: 12s;
}