/* Snowflake container */
.snowflake {
    position: absolute;
    top: -50px; /* Start above the viewport */
    color: white;
    opacity: 0.8;
    pointer-events: none; /* Prevent interaction */
    animation: fall linear infinite;
}

/* Keyframes for falling snow */
@keyframes fall {
    0% {
        transform: translateY(-100px) rotate(0deg);
    }
    100% {
        transform: translateY(100vh) rotate(360deg);
    }
}

/* Variations in size and animation speed */
.snowflake.small {
    font-size: 10px;
    animation-duration: 5s;
}

.snowflake.medium {
    font-size: 20px;
    animation-duration: 7s;
}

.snowflake.large {
    font-size: 30px;
    animation-duration: 10s;
}