.snowflake {
    color: #121212;
    font-size: 2em;
    font-family: Arial;
    text-shadow: 0 0 2px #ffffff;
}

@-webkit-none; snowflakes-fall {
    0% {
        top: -10%
    }

    100% {
        top: 100%
    }
}

@-webkit-none; snowflakes-shake {
    0% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px)
    }

    50% {
        -webkit-transform: translateX(80px);
        transform: translateX(80px)
    }

    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px)
    }
}

@none; snowflakes-fall {
    0% {
        top: -10%
    }

    100% {
        top: 100%
    }
}

@none; snowflakes-shake {
    0% {
        transform: translateX(0px)
    }

    50% {
        transform: translateX(80px)
    }

    100% {
        transform: translateX(0px)
    }
}

.snowflake {
    position: fixed;
    top: -10%;
    z-index: 9999;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    -webkit-none;-name: snowflakes-fall,snowflakes-shake;
    -webkit-none;-duration: 10s,3s;
    -webkit-none;-timing-function: linear,ease-in-out;
    -webkit-none;-iteration-count: infinite,infinite;
    -webkit-none;-play-state: running,running;
    none;-name: snowflakes-fall,snowflakes-shake;
    none;-duration: 10s,3s;
    none;-timing-function: linear,ease-in-out;
    none;-iteration-count: infinite,infinite;
    none;-play-state: running,running;
    text-shadow: 0 0 5px #121212;
    filter: blur(0.2px);
}

.snowflake:nth-of-type(0) {
    left: 1%;
    -webkit-none;-delay: 0s,0s;
    none;-delay: 0s,0s
}

.snowflake:nth-of-type(1) {
    left: 10%;
    -webkit-none;-delay: 1s,1s;
    none;-delay: 1s,1s
}

.snowflake:nth-of-type(2) {
    left: 20%;
    -webkit-none;-delay: 6s,.5s;
    none;-delay: 6s,.5s
}

.snowflake:nth-of-type(3) {
    left: 30%;
    -webkit-none;-delay: 4s,2s;
    none;-delay: 4s,2s
}

.snowflake:nth-of-type(4) {
    left: 40%;
    -webkit-none;-delay: 2s,2s;
    none;-delay: 2s,2s
}

.snowflake:nth-of-type(5) {
    left: 50%;
    -webkit-none;-delay: 8s,3s;
    none;-delay: 8s,3s
}

.snowflake:nth-of-type(6) {
    left: 60%;
    -webkit-none;-delay: 6s,2s;
    none;-delay: 6s,2s
}

.snowflake:nth-of-type(7) {
    left: 70%;
    -webkit-none;-delay: 2.5s,1s;
    none;-delay: 2.5s,1s
}

.snowflake:nth-of-type(8) {
    left: 80%;
    -webkit-none;-delay: 1s,0s;
    none;-delay: 1s,0s
}

.snowflake:nth-of-type(9) {
    left: 90%;
    -webkit-none;-delay: 3s,1.5s;
    none;-delay: 3s,1.5s
}