/*.snowflake {
    position: fixed;
    top: -10px;
    color: #fff;
    font-size: 1em;
    pointer-events: none;
    animation: fall linear infinite;
    z-index: 9999;
}

@keyframes fall {
    0% {
        transform: translateY(0);
        opacity: 1;
    }

    100% {
        transform: translateY(80vh);
        opacity: 0.3;
    }
}*/
.snowflake {
    position: fixed;
    top: -10px;
    background: white;
    border-radius: 50%;
    pointer-events: none;
    opacity: 0.8;
    filter: blur(1px);
    animation: snowFall linear infinite;
    z-index: 9999;
}

@keyframes snowFall {
    0% {
        transform: translateY(0) translateX(0);
    }

    100% {
        transform: translateY(100vh) translateX(20px);
    }
}