/* Lumehelveste konteiner */
#snow {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none; /* Ei sega klikke */
    z-index: 9999; /* Kõige pealmine kiht */
}

/* Lumehelves */
.snowflake {
    position: absolute;
    top: -10px; /* Algus ekraanist kõrgemal */
    color: white;
    opacity: 0.8;
    font-size: 1em;
    animation-name: fall, sway;
    animation-timing-function: linear, ease-in-out;
    animation-iteration-count: infinite;
}

/* Langemise animatsioon */
@keyframes fall {
    0% {
        transform: translateY(-10px);
    }
    100% {
        transform: translateY(100vh); /* Katab kogu ekraani kõrguse */
    }
}

/* Kõikumise animatsioon */
@keyframes sway {
    0%, 100% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(20px); /* Kõikumine küljelt küljele */
    }
}