/* Snowflakes Animation */
.snowflake {
    position: fixed;
    top: -5vh; /* Start above the screen */
    background: #FFF;
    border-radius: 50%;
    pointer-events: none; /* Let clicks pass through */
    z-index: 9999;
    filter: blur(1px); /* Slight blur for realism */
    box-shadow: 0 0 4px rgba(255, 255, 255, 0.8);
    animation-name: fall, sway;
    animation-timing-function: linear, ease-in-out;
    animation-iteration-count: infinite, infinite;
    animation-direction: normal, alternate;
}

@keyframes fall {
    0% {
        top: -5vh;
    }
    100% {
        top: 105vh;
    }
}

@keyframes sway {
    0% {
        transform: translateX(0px);
    }
    100% {
        transform: translateX(30px);
    }
}