@charset "UTF-8";

.snowflake {
    position: absolute;
    color: white;
    z-index: 10000;
}

.snowflake:after {
    content: "❄";
}

/* Snowflake #1 */
.snowflake:nth-of-type(1) {
    animation-name: snowflake-1;
    animation-delay: 6s;
    animation-duration: 7s;
    animation-iteration-count: infinite;
    left: 23%;
    top: -64%;
}

.snowflake:nth-of-type(1):after {
    font-size: 16px;
}

@keyframes snowflake-1 {
    0% {
        transform: rotate(0deg);
        left: 23%;
        top: -64%;
    }

    25% {
        left: 24%;
    }

    50% {
        left: 23%;
    }

    75% {
        left: 25%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 104%;
        opacity: 0;
    }
}

/* Snowflake #2 */
.snowflake:nth-of-type(2) {
    animation-name: snowflake-2;
    animation-delay: 0s;
    animation-duration: 6s;
    animation-iteration-count: infinite;
    left: 62%;
    top: -61%;
}

.snowflake:nth-of-type(2):after {
    font-size: 2px;
}

@keyframes snowflake-2 {
    0% {
        transform: rotate(0deg);
        left: 62%;
        top: -61%;
    }

    25% {
        left: 63%;
    }

    50% {
        left: 62%;
    }

    75% {
        left: 64%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 101%;
        opacity: 0;
    }
}

/* Snowflake #3 */
.snowflake:nth-of-type(3) {
    animation-name: snowflake-3;
    animation-delay: 7s;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    left: 26%;
    top: -72%;
}

.snowflake:nth-of-type(3):after {
    font-size: 18px;
}

@keyframes snowflake-3 {
    0% {
        transform: rotate(0deg);
        left: 26%;
        top: -72%;
    }

    25% {
        left: 27%;
    }

    50% {
        left: 26%;
    }

    75% {
        left: 28%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 112%;
        opacity: 0;
    }
}

/* Snowflake #4 */
.snowflake:nth-of-type(4) {
    animation-name: snowflake-4;
    animation-delay: 16s;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    left: 18%;
    top: -86%;
}

.snowflake:nth-of-type(4):after {
    font-size: 14px;
}

@keyframes snowflake-4 {
    0% {
        transform: rotate(0deg);
        left: 18%;
        top: -86%;
    }

    25% {
        left: 19%;
    }

    50% {
        left: 18%;
    }

    75% {
        left: 20%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 126%;
        opacity: 0;
    }
}

/* Snowflake #5 */
.snowflake:nth-of-type(5) {
    animation-name: snowflake-5;
    animation-delay: 9s;
    animation-duration: 9s;
    animation-iteration-count: infinite;
    left: 55%;
    top: -64%;
}

.snowflake:nth-of-type(5):after {
    font-size: 2px;
}

@keyframes snowflake-5 {
    0% {
        transform: rotate(0deg);
        left: 55%;
        top: -64%;
    }

    25% {
        left: 56%;
    }

    50% {
        left: 55%;
    }

    75% {
        left: 57%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 104%;
        opacity: 0;
    }
}

/* Snowflake #6 */
.snowflake:nth-of-type(6) {
    animation-name: snowflake-6;
    animation-delay: 13s;
    animation-duration: 8s;
    animation-iteration-count: infinite;
    left: 39%;
    top: -76%;
}

.snowflake:nth-of-type(6):after {
    font-size: 2px;
}

@keyframes snowflake-6 {
    0% {
        transform: rotate(0deg);
        left: 39%;
        top: -76%;
    }

    25% {
        left: 40%;
    }

    50% {
        left: 39%;
    }

    75% {
        left: 41%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 116%;
        opacity: 0;
    }
}

/* Snowflake #7 */
.snowflake:nth-of-type(7) {
    animation-name: snowflake-7;
    animation-delay: 18s;
    animation-duration: 9s;
    animation-iteration-count: infinite;
    left: 28%;
    top: -78%;
}

.snowflake:nth-of-type(7):after {
    font-size: 7px;
}

@keyframes snowflake-7 {
    0% {
        transform: rotate(0deg);
        left: 28%;
        top: -78%;
    }

    25% {
        left: 29%;
    }

    50% {
        left: 28%;
    }

    75% {
        left: 30%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 118%;
        opacity: 0;
    }
}

/* Snowflake #8 */
.snowflake:nth-of-type(8) {
    animation-name: snowflake-8;
    animation-delay: 11s;
    animation-duration: 8s;
    animation-iteration-count: infinite;
    left: 36%;
    top: -78%;
}

.snowflake:nth-of-type(8):after {
    font-size: 13px;
}

@keyframes snowflake-8 {
    0% {
        transform: rotate(0deg);
        left: 36%;
        top: -78%;
    }

    25% {
        left: 37%;
    }

    50% {
        left: 36%;
    }

    75% {
        left: 38%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 118%;
        opacity: 0;
    }
}

/* Snowflake #9 */
.snowflake:nth-of-type(9) {
    animation-name: snowflake-9;
    animation-delay: 8s;
    animation-duration: 6s;
    animation-iteration-count: infinite;
    left: 60%;
    top: -61%;
}

.snowflake:nth-of-type(9):after {
    font-size: 19px;
}

@keyframes snowflake-9 {
    0% {
        transform: rotate(0deg);
        left: 60%;
        top: -61%;
    }

    25% {
        left: 61%;
    }

    50% {
        left: 60%;
    }

    75% {
        left: 62%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 101%;
        opacity: 0;
    }
}

/* Snowflake #10 */
.snowflake:nth-of-type(10) {
    animation-name: snowflake-10;
    animation-delay: 11s;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    left: 52%;
    top: -79%;
}

.snowflake:nth-of-type(10):after {
    font-size: 2px;
}

@keyframes snowflake-10 {
    0% {
        transform: rotate(0deg);
        left: 52%;
        top: -79%;
    }

    25% {
        left: 53%;
    }

    50% {
        left: 52%;
    }

    75% {
        left: 54%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 119%;
        opacity: 0;
    }
}

/* Snowflake #11 */
.snowflake:nth-of-type(11) {
    animation-name: snowflake-11;
    animation-delay: 16s;
    animation-duration: 8s;
    animation-iteration-count: infinite;
    left: 30%;
    top: -59%;
}

.snowflake:nth-of-type(11):after {
    font-size: 4px;
}

@keyframes snowflake-11 {
    0% {
        transform: rotate(0deg);
        left: 30%;
        top: -59%;
    }

    25% {
        left: 31%;
    }

    50% {
        left: 30%;
    }

    75% {
        left: 32%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 99%;
        opacity: 0;
    }
}

/* Snowflake #12 */
.snowflake:nth-of-type(12) {
    animation-name: snowflake-12;
    animation-delay: 14s;
    animation-duration: 6s;
    animation-iteration-count: infinite;
    left: 74%;
    top: -71%;
}

.snowflake:nth-of-type(12):after {
    font-size: 9px;
}

@keyframes snowflake-12 {
    0% {
        transform: rotate(0deg);
        left: 74%;
        top: -71%;
    }

    25% {
        left: 75%;
    }

    50% {
        left: 74%;
    }

    75% {
        left: 76%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 111%;
        opacity: 0;
    }
}

/* Snowflake #13 */
.snowflake:nth-of-type(13) {
    animation-name: snowflake-13;
    animation-delay: 11s;
    animation-duration: 9s;
    animation-iteration-count: infinite;
    left: 75%;
    top: -65%;
}

.snowflake:nth-of-type(13):after {
    font-size: 9px;
}

@keyframes snowflake-13 {
    0% {
        transform: rotate(0deg);
        left: 75%;
        top: -65%;
    }

    25% {
        left: 76%;
    }

    50% {
        left: 75%;
    }

    75% {
        left: 77%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 105%;
        opacity: 0;
    }
}

/* Snowflake #14 */
.snowflake:nth-of-type(14) {
    animation-name: snowflake-14;
    animation-delay: 14s;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    left: 38%;
    top: -87%;
}

.snowflake:nth-of-type(14):after {
    font-size: 3px;
}

@keyframes snowflake-14 {
    0% {
        transform: rotate(0deg);
        left: 38%;
        top: -87%;
    }

    25% {
        left: 39%;
    }

    50% {
        left: 38%;
    }

    75% {
        left: 40%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 127%;
        opacity: 0;
    }
}

/* Snowflake #15 */
.snowflake:nth-of-type(15) {
    animation-name: snowflake-15;
    animation-delay: 19s;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    left: 97%;
    top: -83%;
}

.snowflake:nth-of-type(15):after {
    font-size: 1px;
}

@keyframes snowflake-15 {
    0% {
        transform: rotate(0deg);
        left: 97%;
        top: -83%;
    }

    25% {
        left: 98%;
    }

    50% {
        left: 97%;
    }

    75% {
        left: 99%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 123%;
        opacity: 0;
    }
}

/* Snowflake #16 */
.snowflake:nth-of-type(16) {
    animation-name: snowflake-16;
    animation-delay: 17s;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    left: 67%;
    top: -83%;
}

.snowflake:nth-of-type(16):after {
    font-size: 2px;
}

@keyframes snowflake-16 {
    0% {
        transform: rotate(0deg);
        left: 67%;
        top: -83%;
    }

    25% {
        left: 68%;
    }

    50% {
        left: 67%;
    }

    75% {
        left: 69%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 123%;
        opacity: 0;
    }
}

/* Snowflake #17 */
.snowflake:nth-of-type(17) {
    animation-name: snowflake-17;
    animation-delay: 4s;
    animation-duration: 9s;
    animation-iteration-count: infinite;
    left: 13%;
    top: -91%;
}

.snowflake:nth-of-type(17):after {
    font-size: 7px;
}

@keyframes snowflake-17 {
    0% {
        transform: rotate(0deg);
        left: 13%;
        top: -91%;
    }

    25% {
        left: 14%;
    }

    50% {
        left: 13%;
    }

    75% {
        left: 15%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 131%;
        opacity: 0;
    }
}

/* Snowflake #18 */
.snowflake:nth-of-type(18) {
    animation-name: snowflake-18;
    animation-delay: 18s;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    left: 81%;
    top: -56%;
}

.snowflake:nth-of-type(18):after {
    font-size: 1px;
}

@keyframes snowflake-18 {
    0% {
        transform: rotate(0deg);
        left: 81%;
        top: -56%;
    }

    25% {
        left: 82%;
    }

    50% {
        left: 81%;
    }

    75% {
        left: 83%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 96%;
        opacity: 0;
    }
}

/* Snowflake #19 */
.snowflake:nth-of-type(19) {
    animation-name: snowflake-19;
    animation-delay: 16s;
    animation-duration: 9s;
    animation-iteration-count: infinite;
    left: 17%;
    top: -59%;
}

.snowflake:nth-of-type(19):after {
    font-size: 23px;
}

@keyframes snowflake-19 {
    0% {
        transform: rotate(0deg);
        left: 17%;
        top: -59%;
    }

    25% {
        left: 18%;
    }

    50% {
        left: 17%;
    }

    75% {
        left: 19%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 99%;
        opacity: 0;
    }
}

/* Snowflake #20 */
.snowflake:nth-of-type(20) {
    animation-name: snowflake-20;
    animation-delay: 17s;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    left: 97%;
    top: -100%;
}

.snowflake:nth-of-type(20):after {
    font-size: 24px;
}

@keyframes snowflake-20 {
    0% {
        transform: rotate(0deg);
        left: 97%;
        top: -100%;
    }

    25% {
        left: 98%;
    }

    50% {
        left: 97%;
    }

    75% {
        left: 99%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 140%;
        opacity: 0;
    }
}

/* Snowflake #21 */
.snowflake:nth-of-type(21) {
    animation-name: snowflake-21;
    animation-delay: 2s;
    animation-duration: 7s;
    animation-iteration-count: infinite;
    left: 84%;
    top: -98%;
}

.snowflake:nth-of-type(21):after {
    font-size: 5px;
}

@keyframes snowflake-21 {
    0% {
        transform: rotate(0deg);
        left: 84%;
        top: -98%;
    }

    25% {
        left: 85%;
    }

    50% {
        left: 84%;
    }

    75% {
        left: 86%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 138%;
        opacity: 0;
    }
}

/* Snowflake #22 */
.snowflake:nth-of-type(22) {
    animation-name: snowflake-22;
    animation-delay: 11s;
    animation-duration: 8s;
    animation-iteration-count: infinite;
    left: 85%;
    top: -61%;
}

.snowflake:nth-of-type(22):after {
    font-size: 9px;
}

@keyframes snowflake-22 {
    0% {
        transform: rotate(0deg);
        left: 85%;
        top: -61%;
    }

    25% {
        left: 86%;
    }

    50% {
        left: 85%;
    }

    75% {
        left: 87%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 101%;
        opacity: 0;
    }
}

/* Snowflake #23 */
.snowflake:nth-of-type(23) {
    animation-name: snowflake-23;
    animation-delay: 5s;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    left: 51%;
    top: -95%;
}

.snowflake:nth-of-type(23):after {
    font-size: 8px;
}

@keyframes snowflake-23 {
    0% {
        transform: rotate(0deg);
        left: 51%;
        top: -95%;
    }

    25% {
        left: 52%;
    }

    50% {
        left: 51%;
    }

    75% {
        left: 53%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 135%;
        opacity: 0;
    }
}

/* Snowflake #24 */
.snowflake:nth-of-type(24) {
    animation-name: snowflake-24;
    animation-delay: 12s;
    animation-duration: 6s;
    animation-iteration-count: infinite;
    left: 94%;
    top: -52%;
}

.snowflake:nth-of-type(24):after {
    font-size: 10px;
}

@keyframes snowflake-24 {
    0% {
        transform: rotate(0deg);
        left: 94%;
        top: -52%;
    }

    25% {
        left: 95%;
    }

    50% {
        left: 94%;
    }

    75% {
        left: 96%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 92%;
        opacity: 0;
    }
}

/* Snowflake #25 */
.snowflake:nth-of-type(25) {
    animation-name: snowflake-25;
    animation-delay: 5s;
    animation-duration: 6s;
    animation-iteration-count: infinite;
    left: 95%;
    top: -87%;
}

.snowflake:nth-of-type(25):after {
    font-size: 7px;
}

@keyframes snowflake-25 {
    0% {
        transform: rotate(0deg);
        left: 95%;
        top: -87%;
    }

    25% {
        left: 96%;
    }

    50% {
        left: 95%;
    }

    75% {
        left: 97%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 127%;
        opacity: 0;
    }
}

/* Snowflake #26 */
.snowflake:nth-of-type(26) {
    animation-name: snowflake-26;
    animation-delay: 15s;
    animation-duration: 8s;
    animation-iteration-count: infinite;
    left: 14%;
    top: -98%;
}

.snowflake:nth-of-type(26):after {
    font-size: 11px;
}

@keyframes snowflake-26 {
    0% {
        transform: rotate(0deg);
        left: 14%;
        top: -98%;
    }

    25% {
        left: 15%;
    }

    50% {
        left: 14%;
    }

    75% {
        left: 16%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 138%;
        opacity: 0;
    }
}

/* Snowflake #27 */
.snowflake:nth-of-type(27) {
    animation-name: snowflake-27;
    animation-delay: 7s;
    animation-duration: 9s;
    animation-iteration-count: infinite;
    left: 23%;
    top: -76%;
}

.snowflake:nth-of-type(27):after {
    font-size: 24px;
}

@keyframes snowflake-27 {
    0% {
        transform: rotate(0deg);
        left: 23%;
        top: -76%;
    }

    25% {
        left: 24%;
    }

    50% {
        left: 23%;
    }

    75% {
        left: 25%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 116%;
        opacity: 0;
    }
}

/* Snowflake #28 */
.snowflake:nth-of-type(28) {
    animation-name: snowflake-28;
    animation-delay: 5s;
    animation-duration: 6s;
    animation-iteration-count: infinite;
    left: 34%;
    top: -51%;
}

.snowflake:nth-of-type(28):after {
    font-size: 7px;
}

@keyframes snowflake-28 {
    0% {
        transform: rotate(0deg);
        left: 34%;
        top: -51%;
    }

    25% {
        left: 35%;
    }

    50% {
        left: 34%;
    }

    75% {
        left: 36%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 91%;
        opacity: 0;
    }
}

/* Snowflake #29 */
.snowflake:nth-of-type(29) {
    animation-name: snowflake-29;
    animation-delay: 19s;
    animation-duration: 8s;
    animation-iteration-count: infinite;
    left: 35%;
    top: -75%;
}

.snowflake:nth-of-type(29):after {
    font-size: 2px;
}

@keyframes snowflake-29 {
    0% {
        transform: rotate(0deg);
        left: 35%;
        top: -75%;
    }

    25% {
        left: 36%;
    }

    50% {
        left: 35%;
    }

    75% {
        left: 37%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 115%;
        opacity: 0;
    }
}

/* Snowflake #30 */
.snowflake:nth-of-type(30) {
    animation-name: snowflake-30;
    animation-delay: 8s;
    animation-duration: 9s;
    animation-iteration-count: infinite;
    left: 64%;
    top: -66%;
}

.snowflake:nth-of-type(30):after {
    font-size: 7px;
}

@keyframes snowflake-30 {
    0% {
        transform: rotate(0deg);
        left: 64%;
        top: -66%;
    }

    25% {
        left: 65%;
    }

    50% {
        left: 64%;
    }

    75% {
        left: 66%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 106%;
        opacity: 0;
    }
}

/* Snowflake #31 */
.snowflake:nth-of-type(31) {
    animation-name: snowflake-31;
    animation-delay: 7s;
    animation-duration: 8s;
    animation-iteration-count: infinite;
    left: 65%;
    top: -98%;
}

.snowflake:nth-of-type(31):after {
    font-size: 14px;
}

@keyframes snowflake-31 {
    0% {
        transform: rotate(0deg);
        left: 65%;
        top: -98%;
    }

    25% {
        left: 66%;
    }

    50% {
        left: 65%;
    }

    75% {
        left: 67%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 138%;
        opacity: 0;
    }
}

/* Snowflake #32 */
.snowflake:nth-of-type(32) {
    animation-name: snowflake-32;
    animation-delay: 2s;
    animation-duration: 9s;
    animation-iteration-count: infinite;
    left: 86%;
    top: -82%;
}

.snowflake:nth-of-type(32):after {
    font-size: 15px;
}

@keyframes snowflake-32 {
    0% {
        transform: rotate(0deg);
        left: 86%;
        top: -82%;
    }

    25% {
        left: 87%;
    }

    50% {
        left: 86%;
    }

    75% {
        left: 88%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 122%;
        opacity: 0;
    }
}

/* Snowflake #33 */
.snowflake:nth-of-type(33) {
    animation-name: snowflake-33;
    animation-delay: 5s;
    animation-duration: 7s;
    animation-iteration-count: infinite;
    left: 80%;
    top: -83%;
}

.snowflake:nth-of-type(33):after {
    font-size: 2px;
}

@keyframes snowflake-33 {
    0% {
        transform: rotate(0deg);
        left: 80%;
        top: -83%;
    }

    25% {
        left: 81%;
    }

    50% {
        left: 80%;
    }

    75% {
        left: 82%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 123%;
        opacity: 0;
    }
}

/* Snowflake #34 */
.snowflake:nth-of-type(34) {
    animation-name: snowflake-34;
    animation-delay: 8s;
    animation-duration: 6s;
    animation-iteration-count: infinite;
    left: 80%;
    top: -57%;
}

.snowflake:nth-of-type(34):after {
    font-size: 15px;
}

@keyframes snowflake-34 {
    0% {
        transform: rotate(0deg);
        left: 80%;
        top: -57%;
    }

    25% {
        left: 81%;
    }

    50% {
        left: 80%;
    }

    75% {
        left: 82%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 97%;
        opacity: 0;
    }
}

/* Snowflake #35 */
.snowflake:nth-of-type(35) {
    animation-name: snowflake-35;
    animation-delay: 12s;
    animation-duration: 8s;
    animation-iteration-count: infinite;
    left: 96%;
    top: -66%;
}

.snowflake:nth-of-type(35):after {
    font-size: 7px;
}

@keyframes snowflake-35 {
    0% {
        transform: rotate(0deg);
        left: 96%;
        top: -66%;
    }

    25% {
        left: 97%;
    }

    50% {
        left: 96%;
    }

    75% {
        left: 98%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 106%;
        opacity: 0;
    }
}

/* Snowflake #36 */
.snowflake:nth-of-type(36) {
    animation-name: snowflake-36;
    animation-delay: 12s;
    animation-duration: 9s;
    animation-iteration-count: infinite;
    left: 90%;
    top: -57%;
}

.snowflake:nth-of-type(36):after {
    font-size: 4px;
}

@keyframes snowflake-36 {
    0% {
        transform: rotate(0deg);
        left: 90%;
        top: -57%;
    }

    25% {
        left: 91%;
    }

    50% {
        left: 90%;
    }

    75% {
        left: 92%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 97%;
        opacity: 0;
    }
}

/* Snowflake #37 */
.snowflake:nth-of-type(37) {
    animation-name: snowflake-37;
    animation-delay: 16s;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    left: 8%;
    top: -87%;
}

.snowflake:nth-of-type(37):after {
    font-size: 9px;
}

@keyframes snowflake-37 {
    0% {
        transform: rotate(0deg);
        left: 8%;
        top: -87%;
    }

    25% {
        left: 9%;
    }

    50% {
        left: 8%;
    }

    75% {
        left: 10%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 127%;
        opacity: 0;
    }
}

/* Snowflake #38 */
.snowflake:nth-of-type(38) {
    animation-name: snowflake-38;
    animation-delay: 3s;
    animation-duration: 7s;
    animation-iteration-count: infinite;
    left: 97%;
    top: -88%;
}

.snowflake:nth-of-type(38):after {
    font-size: 15px;
}

@keyframes snowflake-38 {
    0% {
        transform: rotate(0deg);
        left: 97%;
        top: -88%;
    }

    25% {
        left: 98%;
    }

    50% {
        left: 97%;
    }

    75% {
        left: 99%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 128%;
        opacity: 0;
    }
}

/* Snowflake #39 */
.snowflake:nth-of-type(39) {
    animation-name: snowflake-39;
    animation-delay: 9s;
    animation-duration: 7s;
    animation-iteration-count: infinite;
    left: 79%;
    top: -89%;
}

.snowflake:nth-of-type(39):after {
    font-size: 7px;
}

@keyframes snowflake-39 {
    0% {
        transform: rotate(0deg);
        left: 79%;
        top: -89%;
    }

    25% {
        left: 80%;
    }

    50% {
        left: 79%;
    }

    75% {
        left: 81%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 129%;
        opacity: 0;
    }
}

/* Snowflake #40 */
.snowflake:nth-of-type(40) {
    animation-name: snowflake-40;
    animation-delay: 1s;
    animation-duration: 9s;
    animation-iteration-count: infinite;
    left: 16%;
    top: -59%;
}

.snowflake:nth-of-type(40):after {
    font-size: 17px;
}

@keyframes snowflake-40 {
    0% {
        transform: rotate(0deg);
        left: 16%;
        top: -59%;
    }

    25% {
        left: 17%;
    }

    50% {
        left: 16%;
    }

    75% {
        left: 18%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 99%;
        opacity: 0;
    }
}

/* Snowflake #41 */
.snowflake:nth-of-type(41) {
    animation-name: snowflake-41;
    animation-delay: 1s;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    left: 87%;
    top: -59%;
}

.snowflake:nth-of-type(41):after {
    font-size: 1px;
}

@keyframes snowflake-41 {
    0% {
        transform: rotate(0deg);
        left: 87%;
        top: -59%;
    }

    25% {
        left: 88%;
    }

    50% {
        left: 87%;
    }

    75% {
        left: 89%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 99%;
        opacity: 0;
    }
}

/* Snowflake #42 */
.snowflake:nth-of-type(42) {
    animation-name: snowflake-42;
    animation-delay: 6s;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    left: 92%;
    top: -95%;
}

.snowflake:nth-of-type(42):after {
    font-size: 12px;
}

@keyframes snowflake-42 {
    0% {
        transform: rotate(0deg);
        left: 92%;
        top: -95%;
    }

    25% {
        left: 93%;
    }

    50% {
        left: 92%;
    }

    75% {
        left: 94%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 135%;
        opacity: 0;
    }
}

/* Snowflake #43 */
.snowflake:nth-of-type(43) {
    animation-name: snowflake-43;
    animation-delay: 13s;
    animation-duration: 7s;
    animation-iteration-count: infinite;
    left: 28%;
    top: -70%;
}

.snowflake:nth-of-type(43):after {
    font-size: 14px;
}

@keyframes snowflake-43 {
    0% {
        transform: rotate(0deg);
        left: 28%;
        top: -70%;
    }

    25% {
        left: 29%;
    }

    50% {
        left: 28%;
    }

    75% {
        left: 30%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 110%;
        opacity: 0;
    }
}

/* Snowflake #44 */
.snowflake:nth-of-type(44) {
    animation-name: snowflake-44;
    animation-delay: 2s;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    left: 90%;
    top: -71%;
}

.snowflake:nth-of-type(44):after {
    font-size: 5px;
}

@keyframes snowflake-44 {
    0% {
        transform: rotate(0deg);
        left: 90%;
        top: -71%;
    }

    25% {
        left: 91%;
    }

    50% {
        left: 90%;
    }

    75% {
        left: 92%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 111%;
        opacity: 0;
    }
}

/* Snowflake #45 */
.snowflake:nth-of-type(45) {
    animation-name: snowflake-45;
    animation-delay: 2s;
    animation-duration: 9s;
    animation-iteration-count: infinite;
    left: 68%;
    top: -97%;
}

.snowflake:nth-of-type(45):after {
    font-size: 13px;
}

@keyframes snowflake-45 {
    0% {
        transform: rotate(0deg);
        left: 68%;
        top: -97%;
    }

    25% {
        left: 69%;
    }

    50% {
        left: 68%;
    }

    75% {
        left: 70%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 137%;
        opacity: 0;
    }
}

/* Snowflake #46 */
.snowflake:nth-of-type(46) {
    animation-name: snowflake-46;
    animation-delay: 7s;
    animation-duration: 9s;
    animation-iteration-count: infinite;
    left: 24%;
    top: -87%;
}

.snowflake:nth-of-type(46):after {
    font-size: 9px;
}

@keyframes snowflake-46 {
    0% {
        transform: rotate(0deg);
        left: 24%;
        top: -87%;
    }

    25% {
        left: 25%;
    }

    50% {
        left: 24%;
    }

    75% {
        left: 26%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 127%;
        opacity: 0;
    }
}

/* Snowflake #47 */
.snowflake:nth-of-type(47) {
    animation-name: snowflake-47;
    animation-delay: 15s;
    animation-duration: 9s;
    animation-iteration-count: infinite;
    left: 77%;
    top: -77%;
}

.snowflake:nth-of-type(47):after {
    font-size: 15px;
}

@keyframes snowflake-47 {
    0% {
        transform: rotate(0deg);
        left: 77%;
        top: -77%;
    }

    25% {
        left: 78%;
    }

    50% {
        left: 77%;
    }

    75% {
        left: 79%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 117%;
        opacity: 0;
    }
}

/* Snowflake #48 */
.snowflake:nth-of-type(48) {
    animation-name: snowflake-48;
    animation-delay: 8s;
    animation-duration: 6s;
    animation-iteration-count: infinite;
    left: 34%;
    top: -62%;
}

.snowflake:nth-of-type(48):after {
    font-size: 19px;
}

@keyframes snowflake-48 {
    0% {
        transform: rotate(0deg);
        left: 34%;
        top: -62%;
    }

    25% {
        left: 35%;
    }

    50% {
        left: 34%;
    }

    75% {
        left: 36%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 102%;
        opacity: 0;
    }
}

/* Snowflake #49 */
.snowflake:nth-of-type(49) {
    animation-name: snowflake-49;
    animation-delay: 11s;
    animation-duration: 6s;
    animation-iteration-count: infinite;
    left: 41%;
    top: -92%;
}

.snowflake:nth-of-type(49):after {
    font-size: 9px;
}

@keyframes snowflake-49 {
    0% {
        transform: rotate(0deg);
        left: 41%;
        top: -92%;
    }

    25% {
        left: 42%;
    }

    50% {
        left: 41%;
    }

    75% {
        left: 43%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 132%;
        opacity: 0;
    }
}

/* Snowflake #50 */
.snowflake:nth-of-type(50) {
    animation-name: snowflake-50;
    animation-delay: 0s;
    animation-duration: 6s;
    animation-iteration-count: infinite;
    left: 48%;
    top: -51%;
}

.snowflake:nth-of-type(50):after {
    font-size: 3px;
}

@keyframes snowflake-50 {
    0% {
        transform: rotate(0deg);
        left: 48%;
        top: -51%;
    }

    25% {
        left: 49%;
    }

    50% {
        left: 48%;
    }

    75% {
        left: 50%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 91%;
        opacity: 0;
    }
}

/* Snowflake #51 */
.snowflake:nth-of-type(51) {
    animation-name: snowflake-51;
    animation-delay: 7s;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    left: 87%;
    top: -93%;
}

.snowflake:nth-of-type(51):after {
    font-size: 13px;
}

@keyframes snowflake-51 {
    0% {
        transform: rotate(0deg);
        left: 87%;
        top: -93%;
    }

    25% {
        left: 88%;
    }

    50% {
        left: 87%;
    }

    75% {
        left: 89%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 133%;
        opacity: 0;
    }
}

/* Snowflake #52 */
.snowflake:nth-of-type(52) {
    animation-name: snowflake-52;
    animation-delay: 11s;
    animation-duration: 7s;
    animation-iteration-count: infinite;
    left: 3%;
    top: -74%;
}

.snowflake:nth-of-type(52):after {
    font-size: 13px;
}

@keyframes snowflake-52 {
    0% {
        transform: rotate(0deg);
        left: 3%;
        top: -74%;
    }

    25% {
        left: 4%;
    }

    50% {
        left: 3%;
    }

    75% {
        left: 5%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 114%;
        opacity: 0;
    }
}

/* Snowflake #53 */
.snowflake:nth-of-type(53) {
    animation-name: snowflake-53;
    animation-delay: 15s;
    animation-duration: 6s;
    animation-iteration-count: infinite;
    left: 63%;
    top: -59%;
}

.snowflake:nth-of-type(53):after {
    font-size: 11px;
}

@keyframes snowflake-53 {
    0% {
        transform: rotate(0deg);
        left: 63%;
        top: -59%;
    }

    25% {
        left: 64%;
    }

    50% {
        left: 63%;
    }

    75% {
        left: 65%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 99%;
        opacity: 0;
    }
}

/* Snowflake #54 */
.snowflake:nth-of-type(54) {
    animation-name: snowflake-54;
    animation-delay: 17s;
    animation-duration: 9s;
    animation-iteration-count: infinite;
    left: 84%;
    top: -86%;
}

.snowflake:nth-of-type(54):after {
    font-size: 20px;
}

@keyframes snowflake-54 {
    0% {
        transform: rotate(0deg);
        left: 84%;
        top: -86%;
    }

    25% {
        left: 85%;
    }

    50% {
        left: 84%;
    }

    75% {
        left: 86%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 126%;
        opacity: 0;
    }
}

/* Snowflake #55 */
.snowflake:nth-of-type(55) {
    animation-name: snowflake-55;
    animation-delay: 16s;
    animation-duration: 7s;
    animation-iteration-count: infinite;
    left: 88%;
    top: -74%;
}

.snowflake:nth-of-type(55):after {
    font-size: 10px;
}

@keyframes snowflake-55 {
    0% {
        transform: rotate(0deg);
        left: 88%;
        top: -74%;
    }

    25% {
        left: 89%;
    }

    50% {
        left: 88%;
    }

    75% {
        left: 90%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 114%;
        opacity: 0;
    }
}

/* Snowflake #56 */
.snowflake:nth-of-type(56) {
    animation-name: snowflake-56;
    animation-delay: 0s;
    animation-duration: 8s;
    animation-iteration-count: infinite;
    left: 27%;
    top: -82%;
}

.snowflake:nth-of-type(56):after {
    font-size: 24px;
}

@keyframes snowflake-56 {
    0% {
        transform: rotate(0deg);
        left: 27%;
        top: -82%;
    }

    25% {
        left: 28%;
    }

    50% {
        left: 27%;
    }

    75% {
        left: 29%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 122%;
        opacity: 0;
    }
}

/* Snowflake #57 */
.snowflake:nth-of-type(57) {
    animation-name: snowflake-57;
    animation-delay: 2s;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    left: 55%;
    top: -79%;
}

.snowflake:nth-of-type(57):after {
    font-size: 22px;
}

@keyframes snowflake-57 {
    0% {
        transform: rotate(0deg);
        left: 55%;
        top: -79%;
    }

    25% {
        left: 56%;
    }

    50% {
        left: 55%;
    }

    75% {
        left: 57%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 119%;
        opacity: 0;
    }
}

/* Snowflake #58 */
.snowflake:nth-of-type(58) {
    animation-name: snowflake-58;
    animation-delay: 7s;
    animation-duration: 6s;
    animation-iteration-count: infinite;
    left: 33%;
    top: -63%;
}

.snowflake:nth-of-type(58):after {
    font-size: 15px;
}

@keyframes snowflake-58 {
    0% {
        transform: rotate(0deg);
        left: 33%;
        top: -63%;
    }

    25% {
        left: 34%;
    }

    50% {
        left: 33%;
    }

    75% {
        left: 35%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 103%;
        opacity: 0;
    }
}

/* Snowflake #59 */
.snowflake:nth-of-type(59) {
    animation-name: snowflake-59;
    animation-delay: 1s;
    animation-duration: 8s;
    animation-iteration-count: infinite;
    left: 86%;
    top: -70%;
}

.snowflake:nth-of-type(59):after {
    font-size: 19px;
}

@keyframes snowflake-59 {
    0% {
        transform: rotate(0deg);
        left: 86%;
        top: -70%;
    }

    25% {
        left: 87%;
    }

    50% {
        left: 86%;
    }

    75% {
        left: 88%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 110%;
        opacity: 0;
    }
}

/* Snowflake #60 */
.snowflake:nth-of-type(60) {
    animation-name: snowflake-60;
    animation-delay: 9s;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    left: 89%;
    top: -57%;
}

.snowflake:nth-of-type(60):after {
    font-size: 2px;
}

@keyframes snowflake-60 {
    0% {
        transform: rotate(0deg);
        left: 89%;
        top: -57%;
    }

    25% {
        left: 90%;
    }

    50% {
        left: 89%;
    }

    75% {
        left: 91%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 97%;
        opacity: 0;
    }
}

/* Snowflake #61 */
.snowflake:nth-of-type(61) {
    animation-name: snowflake-61;
    animation-delay: 9s;
    animation-duration: 6s;
    animation-iteration-count: infinite;
    left: 60%;
    top: -100%;
}

.snowflake:nth-of-type(61):after {
    font-size: 22px;
}

@keyframes snowflake-61 {
    0% {
        transform: rotate(0deg);
        left: 60%;
        top: -100%;
    }

    25% {
        left: 61%;
    }

    50% {
        left: 60%;
    }

    75% {
        left: 62%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 140%;
        opacity: 0;
    }
}

/* Snowflake #62 */
.snowflake:nth-of-type(62) {
    animation-name: snowflake-62;
    animation-delay: 9s;
    animation-duration: 9s;
    animation-iteration-count: infinite;
    left: 99%;
    top: -81%;
}

.snowflake:nth-of-type(62):after {
    font-size: 20px;
}

@keyframes snowflake-62 {
    0% {
        transform: rotate(0deg);
        left: 99%;
        top: -81%;
    }

    25% {
        left: 100%;
    }

    50% {
        left: 99%;
    }

    75% {
        left: 101%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 121%;
        opacity: 0;
    }
}

/* Snowflake #63 */
.snowflake:nth-of-type(63) {
    animation-name: snowflake-63;
    animation-delay: 10s;
    animation-duration: 7s;
    animation-iteration-count: infinite;
    left: 47%;
    top: -97%;
}

.snowflake:nth-of-type(63):after {
    font-size: 17px;
}

@keyframes snowflake-63 {
    0% {
        transform: rotate(0deg);
        left: 47%;
        top: -97%;
    }

    25% {
        left: 48%;
    }

    50% {
        left: 47%;
    }

    75% {
        left: 49%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 137%;
        opacity: 0;
    }
}

/* Snowflake #64 */
.snowflake:nth-of-type(64) {
    animation-name: snowflake-64;
    animation-delay: 7s;
    animation-duration: 6s;
    animation-iteration-count: infinite;
    left: 84%;
    top: -96%;
}

.snowflake:nth-of-type(64):after {
    font-size: 2px;
}

@keyframes snowflake-64 {
    0% {
        transform: rotate(0deg);
        left: 84%;
        top: -96%;
    }

    25% {
        left: 85%;
    }

    50% {
        left: 84%;
    }

    75% {
        left: 86%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 136%;
        opacity: 0;
    }
}

/* Snowflake #65 */
.snowflake:nth-of-type(65) {
    animation-name: snowflake-65;
    animation-delay: 12s;
    animation-duration: 6s;
    animation-iteration-count: infinite;
    left: 98%;
    top: -93%;
}

.snowflake:nth-of-type(65):after {
    font-size: 1px;
}

@keyframes snowflake-65 {
    0% {
        transform: rotate(0deg);
        left: 98%;
        top: -93%;
    }

    25% {
        left: 99%;
    }

    50% {
        left: 98%;
    }

    75% {
        left: 100%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 133%;
        opacity: 0;
    }
}

/* Snowflake #66 */
.snowflake:nth-of-type(66) {
    animation-name: snowflake-66;
    animation-delay: 10s;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    left: 62%;
    top: -85%;
}

.snowflake:nth-of-type(66):after {
    font-size: 12px;
}

@keyframes snowflake-66 {
    0% {
        transform: rotate(0deg);
        left: 62%;
        top: -85%;
    }

    25% {
        left: 63%;
    }

    50% {
        left: 62%;
    }

    75% {
        left: 64%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 125%;
        opacity: 0;
    }
}

/* Snowflake #67 */
.snowflake:nth-of-type(67) {
    animation-name: snowflake-67;
    animation-delay: 8s;
    animation-duration: 6s;
    animation-iteration-count: infinite;
    left: 8%;
    top: -54%;
}

.snowflake:nth-of-type(67):after {
    font-size: 6px;
}

@keyframes snowflake-67 {
    0% {
        transform: rotate(0deg);
        left: 8%;
        top: -54%;
    }

    25% {
        left: 9%;
    }

    50% {
        left: 8%;
    }

    75% {
        left: 10%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 94%;
        opacity: 0;
    }
}

/* Snowflake #68 */
.snowflake:nth-of-type(68) {
    animation-name: snowflake-68;
    animation-delay: 15s;
    animation-duration: 9s;
    animation-iteration-count: infinite;
    left: 44%;
    top: -55%;
}

.snowflake:nth-of-type(68):after {
    font-size: 2px;
}

@keyframes snowflake-68 {
    0% {
        transform: rotate(0deg);
        left: 44%;
        top: -55%;
    }

    25% {
        left: 45%;
    }

    50% {
        left: 44%;
    }

    75% {
        left: 46%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 95%;
        opacity: 0;
    }
}

/* Snowflake #69 */
.snowflake:nth-of-type(69) {
    animation-name: snowflake-69;
    animation-delay: 16s;
    animation-duration: 8s;
    animation-iteration-count: infinite;
    left: 40%;
    top: -70%;
}

.snowflake:nth-of-type(69):after {
    font-size: 13px;
}

@keyframes snowflake-69 {
    0% {
        transform: rotate(0deg);
        left: 40%;
        top: -70%;
    }

    25% {
        left: 41%;
    }

    50% {
        left: 40%;
    }

    75% {
        left: 42%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 110%;
        opacity: 0;
    }
}

/* Snowflake #70 */
.snowflake:nth-of-type(70) {
    animation-name: snowflake-70;
    animation-delay: 1s;
    animation-duration: 7s;
    animation-iteration-count: infinite;
    left: 61%;
    top: -100%;
}

.snowflake:nth-of-type(70):after {
    font-size: 9px;
}

@keyframes snowflake-70 {
    0% {
        transform: rotate(0deg);
        left: 61%;
        top: -100%;
    }

    25% {
        left: 62%;
    }

    50% {
        left: 61%;
    }

    75% {
        left: 63%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 140%;
        opacity: 0;
    }
}

/* Snowflake #71 */
.snowflake:nth-of-type(71) {
    animation-name: snowflake-71;
    animation-delay: 7s;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    left: 5%;
    top: -71%;
}

.snowflake:nth-of-type(71):after {
    font-size: 19px;
}

@keyframes snowflake-71 {
    0% {
        transform: rotate(0deg);
        left: 5%;
        top: -71%;
    }

    25% {
        left: 6%;
    }

    50% {
        left: 5%;
    }

    75% {
        left: 7%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 111%;
        opacity: 0;
    }
}

/* Snowflake #72 */
.snowflake:nth-of-type(72) {
    animation-name: snowflake-72;
    animation-delay: 11s;
    animation-duration: 9s;
    animation-iteration-count: infinite;
    left: 18%;
    top: -69%;
}

.snowflake:nth-of-type(72):after {
    font-size: 2px;
}

@keyframes snowflake-72 {
    0% {
        transform: rotate(0deg);
        left: 18%;
        top: -69%;
    }

    25% {
        left: 19%;
    }

    50% {
        left: 18%;
    }

    75% {
        left: 20%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 109%;
        opacity: 0;
    }
}

/* Snowflake #73 */
.snowflake:nth-of-type(73) {
    animation-name: snowflake-73;
    animation-delay: 15s;
    animation-duration: 9s;
    animation-iteration-count: infinite;
    left: 19%;
    top: -66%;
}

.snowflake:nth-of-type(73):after {
    font-size: 17px;
}

@keyframes snowflake-73 {
    0% {
        transform: rotate(0deg);
        left: 19%;
        top: -66%;
    }

    25% {
        left: 20%;
    }

    50% {
        left: 19%;
    }

    75% {
        left: 21%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 106%;
        opacity: 0;
    }
}

/* Snowflake #74 */
.snowflake:nth-of-type(74) {
    animation-name: snowflake-74;
    animation-delay: 2s;
    animation-duration: 9s;
    animation-iteration-count: infinite;
    left: 51%;
    top: -88%;
}

.snowflake:nth-of-type(74):after {
    font-size: 18px;
}

@keyframes snowflake-74 {
    0% {
        transform: rotate(0deg);
        left: 51%;
        top: -88%;
    }

    25% {
        left: 52%;
    }

    50% {
        left: 51%;
    }

    75% {
        left: 53%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 128%;
        opacity: 0;
    }
}

/* Snowflake #75 */
.snowflake:nth-of-type(75) {
    animation-name: snowflake-75;
    animation-delay: 19s;
    animation-duration: 7s;
    animation-iteration-count: infinite;
    left: 80%;
    top: -83%;
}

.snowflake:nth-of-type(75):after {
    font-size: 21px;
}

@keyframes snowflake-75 {
    0% {
        transform: rotate(0deg);
        left: 80%;
        top: -83%;
    }

    25% {
        left: 81%;
    }

    50% {
        left: 80%;
    }

    75% {
        left: 82%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 123%;
        opacity: 0;
    }
}

/* Snowflake #76 */
.snowflake:nth-of-type(76) {
    animation-name: snowflake-76;
    animation-delay: 5s;
    animation-duration: 8s;
    animation-iteration-count: infinite;
    left: 32%;
    top: -66%;
}

.snowflake:nth-of-type(76):after {
    font-size: 14px;
}

@keyframes snowflake-76 {
    0% {
        transform: rotate(0deg);
        left: 32%;
        top: -66%;
    }

    25% {
        left: 33%;
    }

    50% {
        left: 32%;
    }

    75% {
        left: 34%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 106%;
        opacity: 0;
    }
}

/* Snowflake #77 */
.snowflake:nth-of-type(77) {
    animation-name: snowflake-77;
    animation-delay: 10s;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    left: 34%;
    top: -91%;
}

.snowflake:nth-of-type(77):after {
    font-size: 7px;
}

@keyframes snowflake-77 {
    0% {
        transform: rotate(0deg);
        left: 34%;
        top: -91%;
    }

    25% {
        left: 35%;
    }

    50% {
        left: 34%;
    }

    75% {
        left: 36%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 131%;
        opacity: 0;
    }
}

/* Snowflake #78 */
.snowflake:nth-of-type(78) {
    animation-name: snowflake-78;
    animation-delay: 7s;
    animation-duration: 7s;
    animation-iteration-count: infinite;
    left: 81%;
    top: -69%;
}

.snowflake:nth-of-type(78):after {
    font-size: 20px;
}

@keyframes snowflake-78 {
    0% {
        transform: rotate(0deg);
        left: 81%;
        top: -69%;
    }

    25% {
        left: 82%;
    }

    50% {
        left: 81%;
    }

    75% {
        left: 83%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 109%;
        opacity: 0;
    }
}

/* Snowflake #79 */
.snowflake:nth-of-type(79) {
    animation-name: snowflake-79;
    animation-delay: 18s;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    left: 10%;
    top: -54%;
}

.snowflake:nth-of-type(79):after {
    font-size: 18px;
}

@keyframes snowflake-79 {
    0% {
        transform: rotate(0deg);
        left: 10%;
        top: -54%;
    }

    25% {
        left: 11%;
    }

    50% {
        left: 10%;
    }

    75% {
        left: 12%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 94%;
        opacity: 0;
    }
}

/* Snowflake #80 */
.snowflake:nth-of-type(80) {
    animation-name: snowflake-80;
    animation-delay: 14s;
    animation-duration: 9s;
    animation-iteration-count: infinite;
    left: 37%;
    top: -86%;
}

.snowflake:nth-of-type(80):after {
    font-size: 11px;
}

@keyframes snowflake-80 {
    0% {
        transform: rotate(0deg);
        left: 37%;
        top: -86%;
    }

    25% {
        left: 38%;
    }

    50% {
        left: 37%;
    }

    75% {
        left: 39%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 126%;
        opacity: 0;
    }
}

/* Snowflake #81 */
.snowflake:nth-of-type(81) {
    animation-name: snowflake-81;
    animation-delay: 7s;
    animation-duration: 7s;
    animation-iteration-count: infinite;
    left: 17%;
    top: -56%;
}

.snowflake:nth-of-type(81):after {
    font-size: 18px;
}

@keyframes snowflake-81 {
    0% {
        transform: rotate(0deg);
        left: 17%;
        top: -56%;
    }

    25% {
        left: 18%;
    }

    50% {
        left: 17%;
    }

    75% {
        left: 19%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 96%;
        opacity: 0;
    }
}

/* Snowflake #82 */
.snowflake:nth-of-type(82) {
    animation-name: snowflake-82;
    animation-delay: 11s;
    animation-duration: 8s;
    animation-iteration-count: infinite;
    left: 26%;
    top: -92%;
}

.snowflake:nth-of-type(82):after {
    font-size: 6px;
}

@keyframes snowflake-82 {
    0% {
        transform: rotate(0deg);
        left: 26%;
        top: -92%;
    }

    25% {
        left: 27%;
    }

    50% {
        left: 26%;
    }

    75% {
        left: 28%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 132%;
        opacity: 0;
    }
}

/* Snowflake #83 */
.snowflake:nth-of-type(83) {
    animation-name: snowflake-83;
    animation-delay: 11s;
    animation-duration: 8s;
    animation-iteration-count: infinite;
    left: 98%;
    top: -69%;
}

.snowflake:nth-of-type(83):after {
    font-size: 13px;
}

@keyframes snowflake-83 {
    0% {
        transform: rotate(0deg);
        left: 98%;
        top: -69%;
    }

    25% {
        left: 99%;
    }

    50% {
        left: 98%;
    }

    75% {
        left: 100%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 109%;
        opacity: 0;
    }
}

/* Snowflake #84 */
.snowflake:nth-of-type(84) {
    animation-name: snowflake-84;
    animation-delay: 5s;
    animation-duration: 7s;
    animation-iteration-count: infinite;
    left: 16%;
    top: -75%;
}

.snowflake:nth-of-type(84):after {
    font-size: 13px;
}

@keyframes snowflake-84 {
    0% {
        transform: rotate(0deg);
        left: 16%;
        top: -75%;
    }

    25% {
        left: 17%;
    }

    50% {
        left: 16%;
    }

    75% {
        left: 18%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 115%;
        opacity: 0;
    }
}

/* Snowflake #85 */
.snowflake:nth-of-type(85) {
    animation-name: snowflake-85;
    animation-delay: 6s;
    animation-duration: 7s;
    animation-iteration-count: infinite;
    left: 7%;
    top: -52%;
}

.snowflake:nth-of-type(85):after {
    font-size: 24px;
}

@keyframes snowflake-85 {
    0% {
        transform: rotate(0deg);
        left: 7%;
        top: -52%;
    }

    25% {
        left: 8%;
    }

    50% {
        left: 7%;
    }

    75% {
        left: 9%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 92%;
        opacity: 0;
    }
}

/* Snowflake #86 */
.snowflake:nth-of-type(86) {
    animation-name: snowflake-86;
    animation-delay: 16s;
    animation-duration: 7s;
    animation-iteration-count: infinite;
    left: 45%;
    top: -67%;
}

.snowflake:nth-of-type(86):after {
    font-size: 12px;
}

@keyframes snowflake-86 {
    0% {
        transform: rotate(0deg);
        left: 45%;
        top: -67%;
    }

    25% {
        left: 46%;
    }

    50% {
        left: 45%;
    }

    75% {
        left: 47%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 107%;
        opacity: 0;
    }
}

/* Snowflake #87 */
.snowflake:nth-of-type(87) {
    animation-name: snowflake-87;
    animation-delay: 5s;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    left: 39%;
    top: -87%;
}

.snowflake:nth-of-type(87):after {
    font-size: 12px;
}

@keyframes snowflake-87 {
    0% {
        transform: rotate(0deg);
        left: 39%;
        top: -87%;
    }

    25% {
        left: 40%;
    }

    50% {
        left: 39%;
    }

    75% {
        left: 41%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 127%;
        opacity: 0;
    }
}

/* Snowflake #88 */
.snowflake:nth-of-type(88) {
    animation-name: snowflake-88;
    animation-delay: 8s;
    animation-duration: 8s;
    animation-iteration-count: infinite;
    left: 82%;
    top: -94%;
}

.snowflake:nth-of-type(88):after {
    font-size: 9px;
}

@keyframes snowflake-88 {
    0% {
        transform: rotate(0deg);
        left: 82%;
        top: -94%;
    }

    25% {
        left: 83%;
    }

    50% {
        left: 82%;
    }

    75% {
        left: 84%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 134%;
        opacity: 0;
    }
}

/* Snowflake #89 */
.snowflake:nth-of-type(89) {
    animation-name: snowflake-89;
    animation-delay: 9s;
    animation-duration: 6s;
    animation-iteration-count: infinite;
    left: 22%;
    top: -64%;
}

.snowflake:nth-of-type(89):after {
    font-size: 14px;
}

@keyframes snowflake-89 {
    0% {
        transform: rotate(0deg);
        left: 22%;
        top: -64%;
    }

    25% {
        left: 23%;
    }

    50% {
        left: 22%;
    }

    75% {
        left: 24%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 104%;
        opacity: 0;
    }
}

/* Snowflake #90 */
.snowflake:nth-of-type(90) {
    animation-name: snowflake-90;
    animation-delay: 11s;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    left: 60%;
    top: -99%;
}

.snowflake:nth-of-type(90):after {
    font-size: 20px;
}

@keyframes snowflake-90 {
    0% {
        transform: rotate(0deg);
        left: 60%;
        top: -99%;
    }

    25% {
        left: 61%;
    }

    50% {
        left: 60%;
    }

    75% {
        left: 62%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 139%;
        opacity: 0;
    }
}

/* Snowflake #91 */
.snowflake:nth-of-type(91) {
    animation-name: snowflake-91;
    animation-delay: 17s;
    animation-duration: 8s;
    animation-iteration-count: infinite;
    left: 39%;
    top: -97%;
}

.snowflake:nth-of-type(91):after {
    font-size: 11px;
}

@keyframes snowflake-91 {
    0% {
        transform: rotate(0deg);
        left: 39%;
        top: -97%;
    }

    25% {
        left: 40%;
    }

    50% {
        left: 39%;
    }

    75% {
        left: 41%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 137%;
        opacity: 0;
    }
}

/* Snowflake #92 */
.snowflake:nth-of-type(92) {
    animation-name: snowflake-92;
    animation-delay: 7s;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    left: 48%;
    top: -53%;
}

.snowflake:nth-of-type(92):after {
    font-size: 6px;
}

@keyframes snowflake-92 {
    0% {
        transform: rotate(0deg);
        left: 48%;
        top: -53%;
    }

    25% {
        left: 49%;
    }

    50% {
        left: 48%;
    }

    75% {
        left: 50%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 93%;
        opacity: 0;
    }
}

/* Snowflake #93 */
.snowflake:nth-of-type(93) {
    animation-name: snowflake-93;
    animation-delay: 0s;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    left: 77%;
    top: -77%;
}

.snowflake:nth-of-type(93):after {
    font-size: 16px;
}

@keyframes snowflake-93 {
    0% {
        transform: rotate(0deg);
        left: 77%;
        top: -77%;
    }

    25% {
        left: 78%;
    }

    50% {
        left: 77%;
    }

    75% {
        left: 79%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 117%;
        opacity: 0;
    }
}

/* Snowflake #94 */
.snowflake:nth-of-type(94) {
    animation-name: snowflake-94;
    animation-delay: 0s;
    animation-duration: 8s;
    animation-iteration-count: infinite;
    left: 5%;
    top: -71%;
}

.snowflake:nth-of-type(94):after {
    font-size: 18px;
}

@keyframes snowflake-94 {
    0% {
        transform: rotate(0deg);
        left: 5%;
        top: -71%;
    }

    25% {
        left: 6%;
    }

    50% {
        left: 5%;
    }

    75% {
        left: 7%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 111%;
        opacity: 0;
    }
}

/* Snowflake #95 */
.snowflake:nth-of-type(95) {
    animation-name: snowflake-95;
    animation-delay: 11s;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    left: 82%;
    top: -67%;
}

.snowflake:nth-of-type(95):after {
    font-size: 3px;
}

@keyframes snowflake-95 {
    0% {
        transform: rotate(0deg);
        left: 82%;
        top: -67%;
    }

    25% {
        left: 83%;
    }

    50% {
        left: 82%;
    }

    75% {
        left: 84%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 107%;
        opacity: 0;
    }
}

/* Snowflake #96 */
.snowflake:nth-of-type(96) {
    animation-name: snowflake-96;
    animation-delay: 14s;
    animation-duration: 9s;
    animation-iteration-count: infinite;
    left: 88%;
    top: -85%;
}

.snowflake:nth-of-type(96):after {
    font-size: 22px;
}

@keyframes snowflake-96 {
    0% {
        transform: rotate(0deg);
        left: 88%;
        top: -85%;
    }

    25% {
        left: 89%;
    }

    50% {
        left: 88%;
    }

    75% {
        left: 90%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 125%;
        opacity: 0;
    }
}

/* Snowflake #97 */
.snowflake:nth-of-type(97) {
    animation-name: snowflake-97;
    animation-delay: 17s;
    animation-duration: 8s;
    animation-iteration-count: infinite;
    left: 81%;
    top: -70%;
}

.snowflake:nth-of-type(97):after {
    font-size: 19px;
}

@keyframes snowflake-97 {
    0% {
        transform: rotate(0deg);
        left: 81%;
        top: -70%;
    }

    25% {
        left: 82%;
    }

    50% {
        left: 81%;
    }

    75% {
        left: 83%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 110%;
        opacity: 0;
    }
}

/* Snowflake #98 */
.snowflake:nth-of-type(98) {
    animation-name: snowflake-98;
    animation-delay: 3s;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    left: 16%;
    top: -57%;
}

.snowflake:nth-of-type(98):after {
    font-size: 19px;
}

@keyframes snowflake-98 {
    0% {
        transform: rotate(0deg);
        left: 16%;
        top: -57%;
    }

    25% {
        left: 17%;
    }

    50% {
        left: 16%;
    }

    75% {
        left: 18%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 97%;
        opacity: 0;
    }
}

/* Snowflake #99 */
.snowflake:nth-of-type(99) {
    animation-name: snowflake-99;
    animation-delay: 12s;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    left: 80%;
    top: -77%;
}

.snowflake:nth-of-type(99):after {
    font-size: 20px;
}

@keyframes snowflake-99 {
    0% {
        transform: rotate(0deg);
        left: 80%;
        top: -77%;
    }

    25% {
        left: 81%;
    }

    50% {
        left: 80%;
    }

    75% {
        left: 82%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 117%;
        opacity: 0;
    }
}

/* Snowflake #100 */
.snowflake:nth-of-type(100) {
    animation-name: snowflake-100;
    animation-delay: 7s;
    animation-duration: 9s;
    animation-iteration-count: infinite;
    left: 70%;
    top: -82%;
}

.snowflake:nth-of-type(100):after {
    font-size: 15px;
}

@keyframes snowflake-100 {
    0% {
        transform: rotate(0deg);
        left: 70%;
        top: -82%;
    }

    25% {
        left: 71%;
    }

    50% {
        left: 70%;
    }

    75% {
        left: 72%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 122%;
        opacity: 0;
    }
}

/* Snowflake #101 */
.snowflake:nth-of-type(101) {
    animation-name: snowflake-101;
    animation-delay: 4s;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    left: 40%;
    top: -92%;
}

.snowflake:nth-of-type(101):after {
    font-size: 17px;
}

@keyframes snowflake-101 {
    0% {
        transform: rotate(0deg);
        left: 40%;
        top: -92%;
    }

    25% {
        left: 41%;
    }

    50% {
        left: 40%;
    }

    75% {
        left: 42%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 132%;
        opacity: 0;
    }
}

/* Snowflake #102 */
.snowflake:nth-of-type(102) {
    animation-name: snowflake-102;
    animation-delay: 5s;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    left: 69%;
    top: -67%;
}

.snowflake:nth-of-type(102):after {
    font-size: 1px;
}

@keyframes snowflake-102 {
    0% {
        transform: rotate(0deg);
        left: 69%;
        top: -67%;
    }

    25% {
        left: 70%;
    }

    50% {
        left: 69%;
    }

    75% {
        left: 71%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 107%;
        opacity: 0;
    }
}

/* Snowflake #103 */
.snowflake:nth-of-type(103) {
    animation-name: snowflake-103;
    animation-delay: 0s;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    left: 70%;
    top: -99%;
}

.snowflake:nth-of-type(103):after {
    font-size: 16px;
}

@keyframes snowflake-103 {
    0% {
        transform: rotate(0deg);
        left: 70%;
        top: -99%;
    }

    25% {
        left: 71%;
    }

    50% {
        left: 70%;
    }

    75% {
        left: 72%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 139%;
        opacity: 0;
    }
}

/* Snowflake #104 */
.snowflake:nth-of-type(104) {
    animation-name: snowflake-104;
    animation-delay: 6s;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    left: 28%;
    top: -62%;
}

.snowflake:nth-of-type(104):after {
    font-size: 24px;
}

@keyframes snowflake-104 {
    0% {
        transform: rotate(0deg);
        left: 28%;
        top: -62%;
    }

    25% {
        left: 29%;
    }

    50% {
        left: 28%;
    }

    75% {
        left: 30%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 102%;
        opacity: 0;
    }
}

/* Snowflake #105 */
.snowflake:nth-of-type(105) {
    animation-name: snowflake-105;
    animation-delay: 4s;
    animation-duration: 7s;
    animation-iteration-count: infinite;
    left: 49%;
    top: -63%;
}

.snowflake:nth-of-type(105):after {
    font-size: 3px;
}

@keyframes snowflake-105 {
    0% {
        transform: rotate(0deg);
        left: 49%;
        top: -63%;
    }

    25% {
        left: 50%;
    }

    50% {
        left: 49%;
    }

    75% {
        left: 51%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 103%;
        opacity: 0;
    }
}

/* Snowflake #106 */
.snowflake:nth-of-type(106) {
    animation-name: snowflake-106;
    animation-delay: 9s;
    animation-duration: 7s;
    animation-iteration-count: infinite;
    left: 74%;
    top: -70%;
}

.snowflake:nth-of-type(106):after {
    font-size: 2px;
}

@keyframes snowflake-106 {
    0% {
        transform: rotate(0deg);
        left: 74%;
        top: -70%;
    }

    25% {
        left: 75%;
    }

    50% {
        left: 74%;
    }

    75% {
        left: 76%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 110%;
        opacity: 0;
    }
}

/* Snowflake #107 */
.snowflake:nth-of-type(107) {
    animation-name: snowflake-107;
    animation-delay: 0s;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    left: 41%;
    top: -59%;
}

.snowflake:nth-of-type(107):after {
    font-size: 12px;
}

@keyframes snowflake-107 {
    0% {
        transform: rotate(0deg);
        left: 41%;
        top: -59%;
    }

    25% {
        left: 42%;
    }

    50% {
        left: 41%;
    }

    75% {
        left: 43%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 99%;
        opacity: 0;
    }
}

/* Snowflake #108 */
.snowflake:nth-of-type(108) {
    animation-name: snowflake-108;
    animation-delay: 7s;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    left: 43%;
    top: -94%;
}

.snowflake:nth-of-type(108):after {
    font-size: 19px;
}

@keyframes snowflake-108 {
    0% {
        transform: rotate(0deg);
        left: 43%;
        top: -94%;
    }

    25% {
        left: 44%;
    }

    50% {
        left: 43%;
    }

    75% {
        left: 45%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 134%;
        opacity: 0;
    }
}

/* Snowflake #109 */
.snowflake:nth-of-type(109) {
    animation-name: snowflake-109;
    animation-delay: 9s;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    left: 26%;
    top: -77%;
}

.snowflake:nth-of-type(109):after {
    font-size: 10px;
}

@keyframes snowflake-109 {
    0% {
        transform: rotate(0deg);
        left: 26%;
        top: -77%;
    }

    25% {
        left: 27%;
    }

    50% {
        left: 26%;
    }

    75% {
        left: 28%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 117%;
        opacity: 0;
    }
}

/* Snowflake #110 */
.snowflake:nth-of-type(110) {
    animation-name: snowflake-110;
    animation-delay: 19s;
    animation-duration: 7s;
    animation-iteration-count: infinite;
    left: 99%;
    top: -54%;
}

.snowflake:nth-of-type(110):after {
    font-size: 22px;
}

@keyframes snowflake-110 {
    0% {
        transform: rotate(0deg);
        left: 99%;
        top: -54%;
    }

    25% {
        left: 100%;
    }

    50% {
        left: 99%;
    }

    75% {
        left: 101%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 94%;
        opacity: 0;
    }
}

/* Snowflake #111 */
.snowflake:nth-of-type(111) {
    animation-name: snowflake-111;
    animation-delay: 5s;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    left: 52%;
    top: -74%;
}

.snowflake:nth-of-type(111):after {
    font-size: 5px;
}

@keyframes snowflake-111 {
    0% {
        transform: rotate(0deg);
        left: 52%;
        top: -74%;
    }

    25% {
        left: 53%;
    }

    50% {
        left: 52%;
    }

    75% {
        left: 54%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 114%;
        opacity: 0;
    }
}

/* Snowflake #112 */
.snowflake:nth-of-type(112) {
    animation-name: snowflake-112;
    animation-delay: 14s;
    animation-duration: 7s;
    animation-iteration-count: infinite;
    left: 47%;
    top: -51%;
}

.snowflake:nth-of-type(112):after {
    font-size: 14px;
}

@keyframes snowflake-112 {
    0% {
        transform: rotate(0deg);
        left: 47%;
        top: -51%;
    }

    25% {
        left: 48%;
    }

    50% {
        left: 47%;
    }

    75% {
        left: 49%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 91%;
        opacity: 0;
    }
}

/* Snowflake #113 */
.snowflake:nth-of-type(113) {
    animation-name: snowflake-113;
    animation-delay: 17s;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    left: 6%;
    top: -85%;
}

.snowflake:nth-of-type(113):after {
    font-size: 1px;
}

@keyframes snowflake-113 {
    0% {
        transform: rotate(0deg);
        left: 6%;
        top: -85%;
    }

    25% {
        left: 7%;
    }

    50% {
        left: 6%;
    }

    75% {
        left: 8%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 125%;
        opacity: 0;
    }
}

/* Snowflake #114 */
.snowflake:nth-of-type(114) {
    animation-name: snowflake-114;
    animation-delay: 6s;
    animation-duration: 6s;
    animation-iteration-count: infinite;
    left: 25%;
    top: -76%;
}

.snowflake:nth-of-type(114):after {
    font-size: 14px;
}

@keyframes snowflake-114 {
    0% {
        transform: rotate(0deg);
        left: 25%;
        top: -76%;
    }

    25% {
        left: 26%;
    }

    50% {
        left: 25%;
    }

    75% {
        left: 27%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 116%;
        opacity: 0;
    }
}

/* Snowflake #115 */
.snowflake:nth-of-type(115) {
    animation-name: snowflake-115;
    animation-delay: 8s;
    animation-duration: 7s;
    animation-iteration-count: infinite;
    left: 80%;
    top: -63%;
}

.snowflake:nth-of-type(115):after {
    font-size: 17px;
}

@keyframes snowflake-115 {
    0% {
        transform: rotate(0deg);
        left: 80%;
        top: -63%;
    }

    25% {
        left: 81%;
    }

    50% {
        left: 80%;
    }

    75% {
        left: 82%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 103%;
        opacity: 0;
    }
}

/* Snowflake #116 */
.snowflake:nth-of-type(116) {
    animation-name: snowflake-116;
    animation-delay: 16s;
    animation-duration: 7s;
    animation-iteration-count: infinite;
    left: 75%;
    top: -64%;
}

.snowflake:nth-of-type(116):after {
    font-size: 24px;
}

@keyframes snowflake-116 {
    0% {
        transform: rotate(0deg);
        left: 75%;
        top: -64%;
    }

    25% {
        left: 76%;
    }

    50% {
        left: 75%;
    }

    75% {
        left: 77%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 104%;
        opacity: 0;
    }
}

/* Snowflake #117 */
.snowflake:nth-of-type(117) {
    animation-name: snowflake-117;
    animation-delay: 14s;
    animation-duration: 6s;
    animation-iteration-count: infinite;
    left: 79%;
    top: -100%;
}

.snowflake:nth-of-type(117):after {
    font-size: 17px;
}

@keyframes snowflake-117 {
    0% {
        transform: rotate(0deg);
        left: 79%;
        top: -100%;
    }

    25% {
        left: 80%;
    }

    50% {
        left: 79%;
    }

    75% {
        left: 81%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 140%;
        opacity: 0;
    }
}

/* Snowflake #118 */
.snowflake:nth-of-type(118) {
    animation-name: snowflake-118;
    animation-delay: 3s;
    animation-duration: 9s;
    animation-iteration-count: infinite;
    left: 66%;
    top: -85%;
}

.snowflake:nth-of-type(118):after {
    font-size: 17px;
}

@keyframes snowflake-118 {
    0% {
        transform: rotate(0deg);
        left: 66%;
        top: -85%;
    }

    25% {
        left: 67%;
    }

    50% {
        left: 66%;
    }

    75% {
        left: 68%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 125%;
        opacity: 0;
    }
}

/* Snowflake #119 */
.snowflake:nth-of-type(119) {
    animation-name: snowflake-119;
    animation-delay: 15s;
    animation-duration: 6s;
    animation-iteration-count: infinite;
    left: 71%;
    top: -63%;
}

.snowflake:nth-of-type(119):after {
    font-size: 3px;
}

@keyframes snowflake-119 {
    0% {
        transform: rotate(0deg);
        left: 71%;
        top: -63%;
    }

    25% {
        left: 72%;
    }

    50% {
        left: 71%;
    }

    75% {
        left: 73%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 103%;
        opacity: 0;
    }
}

/* Snowflake #120 */
.snowflake:nth-of-type(120) {
    animation-name: snowflake-120;
    animation-delay: 10s;
    animation-duration: 6s;
    animation-iteration-count: infinite;
    left: 98%;
    top: -64%;
}

.snowflake:nth-of-type(120):after {
    font-size: 21px;
}

@keyframes snowflake-120 {
    0% {
        transform: rotate(0deg);
        left: 98%;
        top: -64%;
    }

    25% {
        left: 99%;
    }

    50% {
        left: 98%;
    }

    75% {
        left: 100%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 104%;
        opacity: 0;
    }
}

/* Snowflake #121 */
.snowflake:nth-of-type(121) {
    animation-name: snowflake-121;
    animation-delay: 1s;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    left: 37%;
    top: -74%;
}

.snowflake:nth-of-type(121):after {
    font-size: 10px;
}

@keyframes snowflake-121 {
    0% {
        transform: rotate(0deg);
        left: 37%;
        top: -74%;
    }

    25% {
        left: 38%;
    }

    50% {
        left: 37%;
    }

    75% {
        left: 39%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 114%;
        opacity: 0;
    }
}

/* Snowflake #122 */
.snowflake:nth-of-type(122) {
    animation-name: snowflake-122;
    animation-delay: 19s;
    animation-duration: 7s;
    animation-iteration-count: infinite;
    left: 83%;
    top: -78%;
}

.snowflake:nth-of-type(122):after {
    font-size: 23px;
}

@keyframes snowflake-122 {
    0% {
        transform: rotate(0deg);
        left: 83%;
        top: -78%;
    }

    25% {
        left: 84%;
    }

    50% {
        left: 83%;
    }

    75% {
        left: 85%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 118%;
        opacity: 0;
    }
}

/* Snowflake #123 */
.snowflake:nth-of-type(123) {
    animation-name: snowflake-123;
    animation-delay: 2s;
    animation-duration: 7s;
    animation-iteration-count: infinite;
    left: 74%;
    top: -59%;
}

.snowflake:nth-of-type(123):after {
    font-size: 8px;
}

@keyframes snowflake-123 {
    0% {
        transform: rotate(0deg);
        left: 74%;
        top: -59%;
    }

    25% {
        left: 75%;
    }

    50% {
        left: 74%;
    }

    75% {
        left: 76%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 99%;
        opacity: 0;
    }
}

/* Snowflake #124 */
.snowflake:nth-of-type(124) {
    animation-name: snowflake-124;
    animation-delay: 5s;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    left: 83%;
    top: -61%;
}

.snowflake:nth-of-type(124):after {
    font-size: 20px;
}

@keyframes snowflake-124 {
    0% {
        transform: rotate(0deg);
        left: 83%;
        top: -61%;
    }

    25% {
        left: 84%;
    }

    50% {
        left: 83%;
    }

    75% {
        left: 85%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 101%;
        opacity: 0;
    }
}

/* Snowflake #125 */
.snowflake:nth-of-type(125) {
    animation-name: snowflake-125;
    animation-delay: 0s;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    left: 12%;
    top: -68%;
}

.snowflake:nth-of-type(125):after {
    font-size: 1px;
}

@keyframes snowflake-125 {
    0% {
        transform: rotate(0deg);
        left: 12%;
        top: -68%;
    }

    25% {
        left: 13%;
    }

    50% {
        left: 12%;
    }

    75% {
        left: 14%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 108%;
        opacity: 0;
    }
}

/* Snowflake #126 */
.snowflake:nth-of-type(126) {
    animation-name: snowflake-126;
    animation-delay: 0s;
    animation-duration: 9s;
    animation-iteration-count: infinite;
    left: 51%;
    top: -68%;
}

.snowflake:nth-of-type(126):after {
    font-size: 13px;
}

@keyframes snowflake-126 {
    0% {
        transform: rotate(0deg);
        left: 51%;
        top: -68%;
    }

    25% {
        left: 52%;
    }

    50% {
        left: 51%;
    }

    75% {
        left: 53%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 108%;
        opacity: 0;
    }
}

/* Snowflake #127 */
.snowflake:nth-of-type(127) {
    animation-name: snowflake-127;
    animation-delay: 0s;
    animation-duration: 9s;
    animation-iteration-count: infinite;
    left: 42%;
    top: -63%;
}

.snowflake:nth-of-type(127):after {
    font-size: 16px;
}

@keyframes snowflake-127 {
    0% {
        transform: rotate(0deg);
        left: 42%;
        top: -63%;
    }

    25% {
        left: 43%;
    }

    50% {
        left: 42%;
    }

    75% {
        left: 44%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 103%;
        opacity: 0;
    }
}

/* Snowflake #128 */
.snowflake:nth-of-type(128) {
    animation-name: snowflake-128;
    animation-delay: 10s;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    left: 71%;
    top: -77%;
}

.snowflake:nth-of-type(128):after {
    font-size: 21px;
}

@keyframes snowflake-128 {
    0% {
        transform: rotate(0deg);
        left: 71%;
        top: -77%;
    }

    25% {
        left: 72%;
    }

    50% {
        left: 71%;
    }

    75% {
        left: 73%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 117%;
        opacity: 0;
    }
}

/* Snowflake #129 */
.snowflake:nth-of-type(129) {
    animation-name: snowflake-129;
    animation-delay: 4s;
    animation-duration: 7s;
    animation-iteration-count: infinite;
    left: 5%;
    top: -87%;
}

.snowflake:nth-of-type(129):after {
    font-size: 9px;
}

@keyframes snowflake-129 {
    0% {
        transform: rotate(0deg);
        left: 5%;
        top: -87%;
    }

    25% {
        left: 6%;
    }

    50% {
        left: 5%;
    }

    75% {
        left: 7%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 127%;
        opacity: 0;
    }
}

/* Snowflake #130 */
.snowflake:nth-of-type(130) {
    animation-name: snowflake-130;
    animation-delay: 10s;
    animation-duration: 6s;
    animation-iteration-count: infinite;
    left: 4%;
    top: -73%;
}

.snowflake:nth-of-type(130):after {
    font-size: 22px;
}

@keyframes snowflake-130 {
    0% {
        transform: rotate(0deg);
        left: 4%;
        top: -73%;
    }

    25% {
        left: 5%;
    }

    50% {
        left: 4%;
    }

    75% {
        left: 6%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 113%;
        opacity: 0;
    }
}

/* Snowflake #131 */
.snowflake:nth-of-type(131) {
    animation-name: snowflake-131;
    animation-delay: 19s;
    animation-duration: 9s;
    animation-iteration-count: infinite;
    left: 19%;
    top: -60%;
}

.snowflake:nth-of-type(131):after {
    font-size: 3px;
}

@keyframes snowflake-131 {
    0% {
        transform: rotate(0deg);
        left: 19%;
        top: -60%;
    }

    25% {
        left: 20%;
    }

    50% {
        left: 19%;
    }

    75% {
        left: 21%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 100%;
        opacity: 0;
    }
}

/* Snowflake #132 */
.snowflake:nth-of-type(132) {
    animation-name: snowflake-132;
    animation-delay: 6s;
    animation-duration: 6s;
    animation-iteration-count: infinite;
    left: 17%;
    top: -86%;
}

.snowflake:nth-of-type(132):after {
    font-size: 21px;
}

@keyframes snowflake-132 {
    0% {
        transform: rotate(0deg);
        left: 17%;
        top: -86%;
    }

    25% {
        left: 18%;
    }

    50% {
        left: 17%;
    }

    75% {
        left: 19%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 126%;
        opacity: 0;
    }
}

/* Snowflake #133 */
.snowflake:nth-of-type(133) {
    animation-name: snowflake-133;
    animation-delay: 10s;
    animation-duration: 7s;
    animation-iteration-count: infinite;
    left: 57%;
    top: -80%;
}

.snowflake:nth-of-type(133):after {
    font-size: 2px;
}

@keyframes snowflake-133 {
    0% {
        transform: rotate(0deg);
        left: 57%;
        top: -80%;
    }

    25% {
        left: 58%;
    }

    50% {
        left: 57%;
    }

    75% {
        left: 59%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 120%;
        opacity: 0;
    }
}

/* Snowflake #134 */
.snowflake:nth-of-type(134) {
    animation-name: snowflake-134;
    animation-delay: 11s;
    animation-duration: 6s;
    animation-iteration-count: infinite;
    left: 48%;
    top: -55%;
}

.snowflake:nth-of-type(134):after {
    font-size: 12px;
}

@keyframes snowflake-134 {
    0% {
        transform: rotate(0deg);
        left: 48%;
        top: -55%;
    }

    25% {
        left: 49%;
    }

    50% {
        left: 48%;
    }

    75% {
        left: 50%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 95%;
        opacity: 0;
    }
}

/* Snowflake #135 */
.snowflake:nth-of-type(135) {
    animation-name: snowflake-135;
    animation-delay: 4s;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    left: 46%;
    top: -59%;
}

.snowflake:nth-of-type(135):after {
    font-size: 24px;
}

@keyframes snowflake-135 {
    0% {
        transform: rotate(0deg);
        left: 46%;
        top: -59%;
    }

    25% {
        left: 47%;
    }

    50% {
        left: 46%;
    }

    75% {
        left: 48%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 99%;
        opacity: 0;
    }
}

/* Snowflake #136 */
.snowflake:nth-of-type(136) {
    animation-name: snowflake-136;
    animation-delay: 10s;
    animation-duration: 8s;
    animation-iteration-count: infinite;
    left: 53%;
    top: -76%;
}

.snowflake:nth-of-type(136):after {
    font-size: 3px;
}

@keyframes snowflake-136 {
    0% {
        transform: rotate(0deg);
        left: 53%;
        top: -76%;
    }

    25% {
        left: 54%;
    }

    50% {
        left: 53%;
    }

    75% {
        left: 55%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 116%;
        opacity: 0;
    }
}

/* Snowflake #137 */
.snowflake:nth-of-type(137) {
    animation-name: snowflake-137;
    animation-delay: 10s;
    animation-duration: 8s;
    animation-iteration-count: infinite;
    left: 99%;
    top: -97%;
}

.snowflake:nth-of-type(137):after {
    font-size: 6px;
}

@keyframes snowflake-137 {
    0% {
        transform: rotate(0deg);
        left: 99%;
        top: -97%;
    }

    25% {
        left: 100%;
    }

    50% {
        left: 99%;
    }

    75% {
        left: 101%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 137%;
        opacity: 0;
    }
}

/* Snowflake #138 */
.snowflake:nth-of-type(138) {
    animation-name: snowflake-138;
    animation-delay: 4s;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    left: 82%;
    top: -84%;
}

.snowflake:nth-of-type(138):after {
    font-size: 24px;
}

@keyframes snowflake-138 {
    0% {
        transform: rotate(0deg);
        left: 82%;
        top: -84%;
    }

    25% {
        left: 83%;
    }

    50% {
        left: 82%;
    }

    75% {
        left: 84%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 124%;
        opacity: 0;
    }
}

/* Snowflake #139 */
.snowflake:nth-of-type(139) {
    animation-name: snowflake-139;
    animation-delay: 16s;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    left: 69%;
    top: -60%;
}

.snowflake:nth-of-type(139):after {
    font-size: 1px;
}

@keyframes snowflake-139 {
    0% {
        transform: rotate(0deg);
        left: 69%;
        top: -60%;
    }

    25% {
        left: 70%;
    }

    50% {
        left: 69%;
    }

    75% {
        left: 71%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 100%;
        opacity: 0;
    }
}

/* Snowflake #140 */
.snowflake:nth-of-type(140) {
    animation-name: snowflake-140;
    animation-delay: 1s;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    left: 78%;
    top: -58%;
}

.snowflake:nth-of-type(140):after {
    font-size: 12px;
}

@keyframes snowflake-140 {
    0% {
        transform: rotate(0deg);
        left: 78%;
        top: -58%;
    }

    25% {
        left: 79%;
    }

    50% {
        left: 78%;
    }

    75% {
        left: 80%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 98%;
        opacity: 0;
    }
}

/* Snowflake #141 */
.snowflake:nth-of-type(141) {
    animation-name: snowflake-141;
    animation-delay: 13s;
    animation-duration: 7s;
    animation-iteration-count: infinite;
    left: 99%;
    top: -73%;
}

.snowflake:nth-of-type(141):after {
    font-size: 22px;
}

@keyframes snowflake-141 {
    0% {
        transform: rotate(0deg);
        left: 99%;
        top: -73%;
    }

    25% {
        left: 100%;
    }

    50% {
        left: 99%;
    }

    75% {
        left: 101%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 113%;
        opacity: 0;
    }
}

/* Snowflake #142 */
.snowflake:nth-of-type(142) {
    animation-name: snowflake-142;
    animation-delay: 10s;
    animation-duration: 7s;
    animation-iteration-count: infinite;
    left: 5%;
    top: -86%;
}

.snowflake:nth-of-type(142):after {
    font-size: 23px;
}

@keyframes snowflake-142 {
    0% {
        transform: rotate(0deg);
        left: 5%;
        top: -86%;
    }

    25% {
        left: 6%;
    }

    50% {
        left: 5%;
    }

    75% {
        left: 7%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 126%;
        opacity: 0;
    }
}

/* Snowflake #143 */
.snowflake:nth-of-type(143) {
    animation-name: snowflake-143;
    animation-delay: 11s;
    animation-duration: 9s;
    animation-iteration-count: infinite;
    left: 32%;
    top: -56%;
}

.snowflake:nth-of-type(143):after {
    font-size: 20px;
}

@keyframes snowflake-143 {
    0% {
        transform: rotate(0deg);
        left: 32%;
        top: -56%;
    }

    25% {
        left: 33%;
    }

    50% {
        left: 32%;
    }

    75% {
        left: 34%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 96%;
        opacity: 0;
    }
}

/* Snowflake #144 */
.snowflake:nth-of-type(144) {
    animation-name: snowflake-144;
    animation-delay: 7s;
    animation-duration: 7s;
    animation-iteration-count: infinite;
    left: 83%;
    top: -68%;
}

.snowflake:nth-of-type(144):after {
    font-size: 5px;
}

@keyframes snowflake-144 {
    0% {
        transform: rotate(0deg);
        left: 83%;
        top: -68%;
    }

    25% {
        left: 84%;
    }

    50% {
        left: 83%;
    }

    75% {
        left: 85%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 108%;
        opacity: 0;
    }
}

/* Snowflake #145 */
.snowflake:nth-of-type(145) {
    animation-name: snowflake-145;
    animation-delay: 13s;
    animation-duration: 6s;
    animation-iteration-count: infinite;
    left: 96%;
    top: -97%;
}

.snowflake:nth-of-type(145):after {
    font-size: 4px;
}

@keyframes snowflake-145 {
    0% {
        transform: rotate(0deg);
        left: 96%;
        top: -97%;
    }

    25% {
        left: 97%;
    }

    50% {
        left: 96%;
    }

    75% {
        left: 98%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 137%;
        opacity: 0;
    }
}

/* Snowflake #146 */
.snowflake:nth-of-type(146) {
    animation-name: snowflake-146;
    animation-delay: 7s;
    animation-duration: 7s;
    animation-iteration-count: infinite;
    left: 100%;
    top: -57%;
}

.snowflake:nth-of-type(146):after {
    font-size: 23px;
}

@keyframes snowflake-146 {
    0% {
        transform: rotate(0deg);
        left: 100%;
        top: -57%;
    }

    25% {
        left: 101%;
    }

    50% {
        left: 100%;
    }

    75% {
        left: 102%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 97%;
        opacity: 0;
    }
}

/* Snowflake #147 */
.snowflake:nth-of-type(147) {
    animation-name: snowflake-147;
    animation-delay: 6s;
    animation-duration: 7s;
    animation-iteration-count: infinite;
    left: 77%;
    top: -54%;
}

.snowflake:nth-of-type(147):after {
    font-size: 22px;
}

@keyframes snowflake-147 {
    0% {
        transform: rotate(0deg);
        left: 77%;
        top: -54%;
    }

    25% {
        left: 78%;
    }

    50% {
        left: 77%;
    }

    75% {
        left: 79%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 94%;
        opacity: 0;
    }
}

/* Snowflake #148 */
.snowflake:nth-of-type(148) {
    animation-name: snowflake-148;
    animation-delay: 4s;
    animation-duration: 9s;
    animation-iteration-count: infinite;
    left: 59%;
    top: -78%;
}

.snowflake:nth-of-type(148):after {
    font-size: 18px;
}

@keyframes snowflake-148 {
    0% {
        transform: rotate(0deg);
        left: 59%;
        top: -78%;
    }

    25% {
        left: 60%;
    }

    50% {
        left: 59%;
    }

    75% {
        left: 61%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 118%;
        opacity: 0;
    }
}

/* Snowflake #149 */
.snowflake:nth-of-type(149) {
    animation-name: snowflake-149;
    animation-delay: 3s;
    animation-duration: 6s;
    animation-iteration-count: infinite;
    left: 59%;
    top: -81%;
}

.snowflake:nth-of-type(149):after {
    font-size: 13px;
}

@keyframes snowflake-149 {
    0% {
        transform: rotate(0deg);
        left: 59%;
        top: -81%;
    }

    25% {
        left: 60%;
    }

    50% {
        left: 59%;
    }

    75% {
        left: 61%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 121%;
        opacity: 0;
    }
}

/* Snowflake #150 */
.snowflake:nth-of-type(150) {
    animation-name: snowflake-150;
    animation-delay: 8s;
    animation-duration: 7s;
    animation-iteration-count: infinite;
    left: 56%;
    top: -93%;
}

.snowflake:nth-of-type(150):after {
    font-size: 18px;
}

@keyframes snowflake-150 {
    0% {
        transform: rotate(0deg);
        left: 56%;
        top: -93%;
    }

    25% {
        left: 57%;
    }

    50% {
        left: 56%;
    }

    75% {
        left: 58%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 133%;
        opacity: 0;
    }
}

/* Snowflake #151 */
.snowflake:nth-of-type(151) {
    animation-name: snowflake-151;
    animation-delay: 12s;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    left: 71%;
    top: -59%;
}

.snowflake:nth-of-type(151):after {
    font-size: 6px;
}

@keyframes snowflake-151 {
    0% {
        transform: rotate(0deg);
        left: 71%;
        top: -59%;
    }

    25% {
        left: 72%;
    }

    50% {
        left: 71%;
    }

    75% {
        left: 73%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 99%;
        opacity: 0;
    }
}

/* Snowflake #152 */
.snowflake:nth-of-type(152) {
    animation-name: snowflake-152;
    animation-delay: 16s;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    left: 83%;
    top: -87%;
}

.snowflake:nth-of-type(152):after {
    font-size: 3px;
}

@keyframes snowflake-152 {
    0% {
        transform: rotate(0deg);
        left: 83%;
        top: -87%;
    }

    25% {
        left: 84%;
    }

    50% {
        left: 83%;
    }

    75% {
        left: 85%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 127%;
        opacity: 0;
    }
}

/* Snowflake #153 */
.snowflake:nth-of-type(153) {
    animation-name: snowflake-153;
    animation-delay: 3s;
    animation-duration: 7s;
    animation-iteration-count: infinite;
    left: 32%;
    top: -73%;
}

.snowflake:nth-of-type(153):after {
    font-size: 14px;
}

@keyframes snowflake-153 {
    0% {
        transform: rotate(0deg);
        left: 32%;
        top: -73%;
    }

    25% {
        left: 33%;
    }

    50% {
        left: 32%;
    }

    75% {
        left: 34%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 113%;
        opacity: 0;
    }
}

/* Snowflake #154 */
.snowflake:nth-of-type(154) {
    animation-name: snowflake-154;
    animation-delay: 5s;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    left: 46%;
    top: -90%;
}

.snowflake:nth-of-type(154):after {
    font-size: 17px;
}

@keyframes snowflake-154 {
    0% {
        transform: rotate(0deg);
        left: 46%;
        top: -90%;
    }

    25% {
        left: 47%;
    }

    50% {
        left: 46%;
    }

    75% {
        left: 48%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 130%;
        opacity: 0;
    }
}

/* Snowflake #155 */
.snowflake:nth-of-type(155) {
    animation-name: snowflake-155;
    animation-delay: 13s;
    animation-duration: 6s;
    animation-iteration-count: infinite;
    left: 74%;
    top: -98%;
}

.snowflake:nth-of-type(155):after {
    font-size: 23px;
}

@keyframes snowflake-155 {
    0% {
        transform: rotate(0deg);
        left: 74%;
        top: -98%;
    }

    25% {
        left: 75%;
    }

    50% {
        left: 74%;
    }

    75% {
        left: 76%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 138%;
        opacity: 0;
    }
}

/* Snowflake #156 */
.snowflake:nth-of-type(156) {
    animation-name: snowflake-156;
    animation-delay: 12s;
    animation-duration: 7s;
    animation-iteration-count: infinite;
    left: 86%;
    top: -52%;
}

.snowflake:nth-of-type(156):after {
    font-size: 17px;
}

@keyframes snowflake-156 {
    0% {
        transform: rotate(0deg);
        left: 86%;
        top: -52%;
    }

    25% {
        left: 87%;
    }

    50% {
        left: 86%;
    }

    75% {
        left: 88%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 92%;
        opacity: 0;
    }
}

/* Snowflake #157 */
.snowflake:nth-of-type(157) {
    animation-name: snowflake-157;
    animation-delay: 17s;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    left: 94%;
    top: -96%;
}

.snowflake:nth-of-type(157):after {
    font-size: 20px;
}

@keyframes snowflake-157 {
    0% {
        transform: rotate(0deg);
        left: 94%;
        top: -96%;
    }

    25% {
        left: 95%;
    }

    50% {
        left: 94%;
    }

    75% {
        left: 96%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 136%;
        opacity: 0;
    }
}

/* Snowflake #158 */
.snowflake:nth-of-type(158) {
    animation-name: snowflake-158;
    animation-delay: 3s;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    left: 48%;
    top: -71%;
}

.snowflake:nth-of-type(158):after {
    font-size: 7px;
}

@keyframes snowflake-158 {
    0% {
        transform: rotate(0deg);
        left: 48%;
        top: -71%;
    }

    25% {
        left: 49%;
    }

    50% {
        left: 48%;
    }

    75% {
        left: 50%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 111%;
        opacity: 0;
    }
}

/* Snowflake #159 */
.snowflake:nth-of-type(159) {
    animation-name: snowflake-159;
    animation-delay: 4s;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    left: 41%;
    top: -64%;
}

.snowflake:nth-of-type(159):after {
    font-size: 23px;
}

@keyframes snowflake-159 {
    0% {
        transform: rotate(0deg);
        left: 41%;
        top: -64%;
    }

    25% {
        left: 42%;
    }

    50% {
        left: 41%;
    }

    75% {
        left: 43%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 104%;
        opacity: 0;
    }
}

/* Snowflake #160 */
.snowflake:nth-of-type(160) {
    animation-name: snowflake-160;
    animation-delay: 2s;
    animation-duration: 9s;
    animation-iteration-count: infinite;
    left: 86%;
    top: -85%;
}

.snowflake:nth-of-type(160):after {
    font-size: 9px;
}

@keyframes snowflake-160 {
    0% {
        transform: rotate(0deg);
        left: 86%;
        top: -85%;
    }

    25% {
        left: 87%;
    }

    50% {
        left: 86%;
    }

    75% {
        left: 88%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 125%;
        opacity: 0;
    }
}

/* Snowflake #161 */
.snowflake:nth-of-type(161) {
    animation-name: snowflake-161;
    animation-delay: 18s;
    animation-duration: 9s;
    animation-iteration-count: infinite;
    left: 88%;
    top: -97%;
}

.snowflake:nth-of-type(161):after {
    font-size: 14px;
}

@keyframes snowflake-161 {
    0% {
        transform: rotate(0deg);
        left: 88%;
        top: -97%;
    }

    25% {
        left: 89%;
    }

    50% {
        left: 88%;
    }

    75% {
        left: 90%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 137%;
        opacity: 0;
    }
}

/* Snowflake #162 */
.snowflake:nth-of-type(162) {
    animation-name: snowflake-162;
    animation-delay: 10s;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    left: 78%;
    top: -55%;
}

.snowflake:nth-of-type(162):after {
    font-size: 20px;
}

@keyframes snowflake-162 {
    0% {
        transform: rotate(0deg);
        left: 78%;
        top: -55%;
    }

    25% {
        left: 79%;
    }

    50% {
        left: 78%;
    }

    75% {
        left: 80%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 95%;
        opacity: 0;
    }
}

/* Snowflake #163 */
.snowflake:nth-of-type(163) {
    animation-name: snowflake-163;
    animation-delay: 11s;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    left: 10%;
    top: -60%;
}

.snowflake:nth-of-type(163):after {
    font-size: 2px;
}

@keyframes snowflake-163 {
    0% {
        transform: rotate(0deg);
        left: 10%;
        top: -60%;
    }

    25% {
        left: 11%;
    }

    50% {
        left: 10%;
    }

    75% {
        left: 12%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 100%;
        opacity: 0;
    }
}

/* Snowflake #164 */
.snowflake:nth-of-type(164) {
    animation-name: snowflake-164;
    animation-delay: 3s;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    left: 55%;
    top: -85%;
}

.snowflake:nth-of-type(164):after {
    font-size: 7px;
}

@keyframes snowflake-164 {
    0% {
        transform: rotate(0deg);
        left: 55%;
        top: -85%;
    }

    25% {
        left: 56%;
    }

    50% {
        left: 55%;
    }

    75% {
        left: 57%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 125%;
        opacity: 0;
    }
}

/* Snowflake #165 */
.snowflake:nth-of-type(165) {
    animation-name: snowflake-165;
    animation-delay: 13s;
    animation-duration: 8s;
    animation-iteration-count: infinite;
    left: 12%;
    top: -84%;
}

.snowflake:nth-of-type(165):after {
    font-size: 22px;
}

@keyframes snowflake-165 {
    0% {
        transform: rotate(0deg);
        left: 12%;
        top: -84%;
    }

    25% {
        left: 13%;
    }

    50% {
        left: 12%;
    }

    75% {
        left: 14%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 124%;
        opacity: 0;
    }
}

/* Snowflake #166 */
.snowflake:nth-of-type(166) {
    animation-name: snowflake-166;
    animation-delay: 15s;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    left: 43%;
    top: -93%;
}

.snowflake:nth-of-type(166):after {
    font-size: 5px;
}

@keyframes snowflake-166 {
    0% {
        transform: rotate(0deg);
        left: 43%;
        top: -93%;
    }

    25% {
        left: 44%;
    }

    50% {
        left: 43%;
    }

    75% {
        left: 45%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 133%;
        opacity: 0;
    }
}

/* Snowflake #167 */
.snowflake:nth-of-type(167) {
    animation-name: snowflake-167;
    animation-delay: 7s;
    animation-duration: 7s;
    animation-iteration-count: infinite;
    left: 1%;
    top: -53%;
}

.snowflake:nth-of-type(167):after {
    font-size: 21px;
}

@keyframes snowflake-167 {
    0% {
        transform: rotate(0deg);
        left: 1%;
        top: -53%;
    }

    25% {
        left: 2%;
    }

    50% {
        left: 1%;
    }

    75% {
        left: 3%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 93%;
        opacity: 0;
    }
}

/* Snowflake #168 */
.snowflake:nth-of-type(168) {
    animation-name: snowflake-168;
    animation-delay: 0s;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    left: 17%;
    top: -96%;
}

.snowflake:nth-of-type(168):after {
    font-size: 5px;
}

@keyframes snowflake-168 {
    0% {
        transform: rotate(0deg);
        left: 17%;
        top: -96%;
    }

    25% {
        left: 18%;
    }

    50% {
        left: 17%;
    }

    75% {
        left: 19%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 136%;
        opacity: 0;
    }
}

/* Snowflake #169 */
.snowflake:nth-of-type(169) {
    animation-name: snowflake-169;
    animation-delay: 2s;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    left: 40%;
    top: -99%;
}

.snowflake:nth-of-type(169):after {
    font-size: 9px;
}

@keyframes snowflake-169 {
    0% {
        transform: rotate(0deg);
        left: 40%;
        top: -99%;
    }

    25% {
        left: 41%;
    }

    50% {
        left: 40%;
    }

    75% {
        left: 42%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 139%;
        opacity: 0;
    }
}

/* Snowflake #170 */
.snowflake:nth-of-type(170) {
    animation-name: snowflake-170;
    animation-delay: 9s;
    animation-duration: 9s;
    animation-iteration-count: infinite;
    left: 18%;
    top: -78%;
}

.snowflake:nth-of-type(170):after {
    font-size: 17px;
}

@keyframes snowflake-170 {
    0% {
        transform: rotate(0deg);
        left: 18%;
        top: -78%;
    }

    25% {
        left: 19%;
    }

    50% {
        left: 18%;
    }

    75% {
        left: 20%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 118%;
        opacity: 0;
    }
}

/* Snowflake #171 */
.snowflake:nth-of-type(171) {
    animation-name: snowflake-171;
    animation-delay: 0s;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    left: 89%;
    top: -91%;
}

.snowflake:nth-of-type(171):after {
    font-size: 4px;
}

@keyframes snowflake-171 {
    0% {
        transform: rotate(0deg);
        left: 89%;
        top: -91%;
    }

    25% {
        left: 90%;
    }

    50% {
        left: 89%;
    }

    75% {
        left: 91%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 131%;
        opacity: 0;
    }
}

/* Snowflake #172 */
.snowflake:nth-of-type(172) {
    animation-name: snowflake-172;
    animation-delay: 13s;
    animation-duration: 9s;
    animation-iteration-count: infinite;
    left: 76%;
    top: -80%;
}

.snowflake:nth-of-type(172):after {
    font-size: 17px;
}

@keyframes snowflake-172 {
    0% {
        transform: rotate(0deg);
        left: 76%;
        top: -80%;
    }

    25% {
        left: 77%;
    }

    50% {
        left: 76%;
    }

    75% {
        left: 78%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 120%;
        opacity: 0;
    }
}

/* Snowflake #173 */
.snowflake:nth-of-type(173) {
    animation-name: snowflake-173;
    animation-delay: 16s;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    left: 85%;
    top: -79%;
}

.snowflake:nth-of-type(173):after {
    font-size: 2px;
}

@keyframes snowflake-173 {
    0% {
        transform: rotate(0deg);
        left: 85%;
        top: -79%;
    }

    25% {
        left: 86%;
    }

    50% {
        left: 85%;
    }

    75% {
        left: 87%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 119%;
        opacity: 0;
    }
}

/* Snowflake #174 */
.snowflake:nth-of-type(174) {
    animation-name: snowflake-174;
    animation-delay: 11s;
    animation-duration: 6s;
    animation-iteration-count: infinite;
    left: 98%;
    top: -56%;
}

.snowflake:nth-of-type(174):after {
    font-size: 23px;
}

@keyframes snowflake-174 {
    0% {
        transform: rotate(0deg);
        left: 98%;
        top: -56%;
    }

    25% {
        left: 99%;
    }

    50% {
        left: 98%;
    }

    75% {
        left: 100%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 96%;
        opacity: 0;
    }
}

/* Snowflake #175 */
.snowflake:nth-of-type(175) {
    animation-name: snowflake-175;
    animation-delay: 19s;
    animation-duration: 8s;
    animation-iteration-count: infinite;
    left: 59%;
    top: -62%;
}

.snowflake:nth-of-type(175):after {
    font-size: 12px;
}

@keyframes snowflake-175 {
    0% {
        transform: rotate(0deg);
        left: 59%;
        top: -62%;
    }

    25% {
        left: 60%;
    }

    50% {
        left: 59%;
    }

    75% {
        left: 61%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 102%;
        opacity: 0;
    }
}

/* Snowflake #176 */
.snowflake:nth-of-type(176) {
    animation-name: snowflake-176;
    animation-delay: 4s;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    left: 16%;
    top: -71%;
}

.snowflake:nth-of-type(176):after {
    font-size: 23px;
}

@keyframes snowflake-176 {
    0% {
        transform: rotate(0deg);
        left: 16%;
        top: -71%;
    }

    25% {
        left: 17%;
    }

    50% {
        left: 16%;
    }

    75% {
        left: 18%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 111%;
        opacity: 0;
    }
}

/* Snowflake #177 */
.snowflake:nth-of-type(177) {
    animation-name: snowflake-177;
    animation-delay: 3s;
    animation-duration: 8s;
    animation-iteration-count: infinite;
    left: 27%;
    top: -65%;
}

.snowflake:nth-of-type(177):after {
    font-size: 5px;
}

@keyframes snowflake-177 {
    0% {
        transform: rotate(0deg);
        left: 27%;
        top: -65%;
    }

    25% {
        left: 28%;
    }

    50% {
        left: 27%;
    }

    75% {
        left: 29%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 105%;
        opacity: 0;
    }
}

/* Snowflake #178 */
.snowflake:nth-of-type(178) {
    animation-name: snowflake-178;
    animation-delay: 17s;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    left: 44%;
    top: -61%;
}

.snowflake:nth-of-type(178):after {
    font-size: 15px;
}

@keyframes snowflake-178 {
    0% {
        transform: rotate(0deg);
        left: 44%;
        top: -61%;
    }

    25% {
        left: 45%;
    }

    50% {
        left: 44%;
    }

    75% {
        left: 46%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 101%;
        opacity: 0;
    }
}

/* Snowflake #179 */
.snowflake:nth-of-type(179) {
    animation-name: snowflake-179;
    animation-delay: 0s;
    animation-duration: 6s;
    animation-iteration-count: infinite;
    left: 74%;
    top: -58%;
}

.snowflake:nth-of-type(179):after {
    font-size: 10px;
}

@keyframes snowflake-179 {
    0% {
        transform: rotate(0deg);
        left: 74%;
        top: -58%;
    }

    25% {
        left: 75%;
    }

    50% {
        left: 74%;
    }

    75% {
        left: 76%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 98%;
        opacity: 0;
    }
}

/* Snowflake #180 */
.snowflake:nth-of-type(180) {
    animation-name: snowflake-180;
    animation-delay: 10s;
    animation-duration: 7s;
    animation-iteration-count: infinite;
    left: 61%;
    top: -53%;
}

.snowflake:nth-of-type(180):after {
    font-size: 6px;
}

@keyframes snowflake-180 {
    0% {
        transform: rotate(0deg);
        left: 61%;
        top: -53%;
    }

    25% {
        left: 62%;
    }

    50% {
        left: 61%;
    }

    75% {
        left: 63%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 93%;
        opacity: 0;
    }
}

/* Snowflake #181 */
.snowflake:nth-of-type(181) {
    animation-name: snowflake-181;
    animation-delay: 6s;
    animation-duration: 8s;
    animation-iteration-count: infinite;
    left: 87%;
    top: -93%;
}

.snowflake:nth-of-type(181):after {
    font-size: 9px;
}

@keyframes snowflake-181 {
    0% {
        transform: rotate(0deg);
        left: 87%;
        top: -93%;
    }

    25% {
        left: 88%;
    }

    50% {
        left: 87%;
    }

    75% {
        left: 89%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 133%;
        opacity: 0;
    }
}

/* Snowflake #182 */
.snowflake:nth-of-type(182) {
    animation-name: snowflake-182;
    animation-delay: 7s;
    animation-duration: 8s;
    animation-iteration-count: infinite;
    left: 36%;
    top: -96%;
}

.snowflake:nth-of-type(182):after {
    font-size: 16px;
}

@keyframes snowflake-182 {
    0% {
        transform: rotate(0deg);
        left: 36%;
        top: -96%;
    }

    25% {
        left: 37%;
    }

    50% {
        left: 36%;
    }

    75% {
        left: 38%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 136%;
        opacity: 0;
    }
}

/* Snowflake #183 */
.snowflake:nth-of-type(183) {
    animation-name: snowflake-183;
    animation-delay: 3s;
    animation-duration: 6s;
    animation-iteration-count: infinite;
    left: 62%;
    top: -79%;
}

.snowflake:nth-of-type(183):after {
    font-size: 11px;
}

@keyframes snowflake-183 {
    0% {
        transform: rotate(0deg);
        left: 62%;
        top: -79%;
    }

    25% {
        left: 63%;
    }

    50% {
        left: 62%;
    }

    75% {
        left: 64%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 119%;
        opacity: 0;
    }
}

/* Snowflake #184 */
.snowflake:nth-of-type(184) {
    animation-name: snowflake-184;
    animation-delay: 17s;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    left: 84%;
    top: -80%;
}

.snowflake:nth-of-type(184):after {
    font-size: 2px;
}

@keyframes snowflake-184 {
    0% {
        transform: rotate(0deg);
        left: 84%;
        top: -80%;
    }

    25% {
        left: 85%;
    }

    50% {
        left: 84%;
    }

    75% {
        left: 86%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 120%;
        opacity: 0;
    }
}

/* Snowflake #185 */
.snowflake:nth-of-type(185) {
    animation-name: snowflake-185;
    animation-delay: 5s;
    animation-duration: 9s;
    animation-iteration-count: infinite;
    left: 35%;
    top: -91%;
}

.snowflake:nth-of-type(185):after {
    font-size: 5px;
}

@keyframes snowflake-185 {
    0% {
        transform: rotate(0deg);
        left: 35%;
        top: -91%;
    }

    25% {
        left: 36%;
    }

    50% {
        left: 35%;
    }

    75% {
        left: 37%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 131%;
        opacity: 0;
    }
}

/* Snowflake #186 */
.snowflake:nth-of-type(186) {
    animation-name: snowflake-186;
    animation-delay: 17s;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    left: 33%;
    top: -51%;
}

.snowflake:nth-of-type(186):after {
    font-size: 23px;
}

@keyframes snowflake-186 {
    0% {
        transform: rotate(0deg);
        left: 33%;
        top: -51%;
    }

    25% {
        left: 34%;
    }

    50% {
        left: 33%;
    }

    75% {
        left: 35%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 91%;
        opacity: 0;
    }
}

/* Snowflake #187 */
.snowflake:nth-of-type(187) {
    animation-name: snowflake-187;
    animation-delay: 3s;
    animation-duration: 8s;
    animation-iteration-count: infinite;
    left: 39%;
    top: -59%;
}

.snowflake:nth-of-type(187):after {
    font-size: 22px;
}

@keyframes snowflake-187 {
    0% {
        transform: rotate(0deg);
        left: 39%;
        top: -59%;
    }

    25% {
        left: 40%;
    }

    50% {
        left: 39%;
    }

    75% {
        left: 41%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 99%;
        opacity: 0;
    }
}

/* Snowflake #188 */
.snowflake:nth-of-type(188) {
    animation-name: snowflake-188;
    animation-delay: 11s;
    animation-duration: 7s;
    animation-iteration-count: infinite;
    left: 75%;
    top: -64%;
}

.snowflake:nth-of-type(188):after {
    font-size: 12px;
}

@keyframes snowflake-188 {
    0% {
        transform: rotate(0deg);
        left: 75%;
        top: -64%;
    }

    25% {
        left: 76%;
    }

    50% {
        left: 75%;
    }

    75% {
        left: 77%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 104%;
        opacity: 0;
    }
}

/* Snowflake #189 */
.snowflake:nth-of-type(189) {
    animation-name: snowflake-189;
    animation-delay: 6s;
    animation-duration: 9s;
    animation-iteration-count: infinite;
    left: 64%;
    top: -85%;
}

.snowflake:nth-of-type(189):after {
    font-size: 10px;
}

@keyframes snowflake-189 {
    0% {
        transform: rotate(0deg);
        left: 64%;
        top: -85%;
    }

    25% {
        left: 65%;
    }

    50% {
        left: 64%;
    }

    75% {
        left: 66%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 125%;
        opacity: 0;
    }
}

/* Snowflake #190 */
.snowflake:nth-of-type(190) {
    animation-name: snowflake-190;
    animation-delay: 4s;
    animation-duration: 7s;
    animation-iteration-count: infinite;
    left: 59%;
    top: -82%;
}

.snowflake:nth-of-type(190):after {
    font-size: 4px;
}

@keyframes snowflake-190 {
    0% {
        transform: rotate(0deg);
        left: 59%;
        top: -82%;
    }

    25% {
        left: 60%;
    }

    50% {
        left: 59%;
    }

    75% {
        left: 61%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 122%;
        opacity: 0;
    }
}

/* Snowflake #191 */
.snowflake:nth-of-type(191) {
    animation-name: snowflake-191;
    animation-delay: 15s;
    animation-duration: 7s;
    animation-iteration-count: infinite;
    left: 100%;
    top: -80%;
}

.snowflake:nth-of-type(191):after {
    font-size: 21px;
}

@keyframes snowflake-191 {
    0% {
        transform: rotate(0deg);
        left: 100%;
        top: -80%;
    }

    25% {
        left: 101%;
    }

    50% {
        left: 100%;
    }

    75% {
        left: 102%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 120%;
        opacity: 0;
    }
}

/* Snowflake #192 */
.snowflake:nth-of-type(192) {
    animation-name: snowflake-192;
    animation-delay: 1s;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    left: 24%;
    top: -55%;
}

.snowflake:nth-of-type(192):after {
    font-size: 10px;
}

@keyframes snowflake-192 {
    0% {
        transform: rotate(0deg);
        left: 24%;
        top: -55%;
    }

    25% {
        left: 25%;
    }

    50% {
        left: 24%;
    }

    75% {
        left: 26%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 95%;
        opacity: 0;
    }
}

/* Snowflake #193 */
.snowflake:nth-of-type(193) {
    animation-name: snowflake-193;
    animation-delay: 13s;
    animation-duration: 8s;
    animation-iteration-count: infinite;
    left: 25%;
    top: -73%;
}

.snowflake:nth-of-type(193):after {
    font-size: 9px;
}

@keyframes snowflake-193 {
    0% {
        transform: rotate(0deg);
        left: 25%;
        top: -73%;
    }

    25% {
        left: 26%;
    }

    50% {
        left: 25%;
    }

    75% {
        left: 27%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 113%;
        opacity: 0;
    }
}

/* Snowflake #194 */
.snowflake:nth-of-type(194) {
    animation-name: snowflake-194;
    animation-delay: 19s;
    animation-duration: 8s;
    animation-iteration-count: infinite;
    left: 59%;
    top: -97%;
}

.snowflake:nth-of-type(194):after {
    font-size: 5px;
}

@keyframes snowflake-194 {
    0% {
        transform: rotate(0deg);
        left: 59%;
        top: -97%;
    }

    25% {
        left: 60%;
    }

    50% {
        left: 59%;
    }

    75% {
        left: 61%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 137%;
        opacity: 0;
    }
}

/* Snowflake #195 */
.snowflake:nth-of-type(195) {
    animation-name: snowflake-195;
    animation-delay: 0s;
    animation-duration: 7s;
    animation-iteration-count: infinite;
    left: 36%;
    top: -77%;
}

.snowflake:nth-of-type(195):after {
    font-size: 9px;
}

@keyframes snowflake-195 {
    0% {
        transform: rotate(0deg);
        left: 36%;
        top: -77%;
    }

    25% {
        left: 37%;
    }

    50% {
        left: 36%;
    }

    75% {
        left: 38%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 117%;
        opacity: 0;
    }
}

/* Snowflake #196 */
.snowflake:nth-of-type(196) {
    animation-name: snowflake-196;
    animation-delay: 18s;
    animation-duration: 6s;
    animation-iteration-count: infinite;
    left: 38%;
    top: -80%;
}

.snowflake:nth-of-type(196):after {
    font-size: 9px;
}

@keyframes snowflake-196 {
    0% {
        transform: rotate(0deg);
        left: 38%;
        top: -80%;
    }

    25% {
        left: 39%;
    }

    50% {
        left: 38%;
    }

    75% {
        left: 40%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 120%;
        opacity: 0;
    }
}

/* Snowflake #197 */
.snowflake:nth-of-type(197) {
    animation-name: snowflake-197;
    animation-delay: 5s;
    animation-duration: 7s;
    animation-iteration-count: infinite;
    left: 97%;
    top: -98%;
}

.snowflake:nth-of-type(197):after {
    font-size: 15px;
}

@keyframes snowflake-197 {
    0% {
        transform: rotate(0deg);
        left: 97%;
        top: -98%;
    }

    25% {
        left: 98%;
    }

    50% {
        left: 97%;
    }

    75% {
        left: 99%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 138%;
        opacity: 0;
    }
}

/* Snowflake #198 */
.snowflake:nth-of-type(198) {
    animation-name: snowflake-198;
    animation-delay: 3s;
    animation-duration: 8s;
    animation-iteration-count: infinite;
    left: 84%;
    top: -95%;
}

.snowflake:nth-of-type(198):after {
    font-size: 18px;
}

@keyframes snowflake-198 {
    0% {
        transform: rotate(0deg);
        left: 84%;
        top: -95%;
    }

    25% {
        left: 85%;
    }

    50% {
        left: 84%;
    }

    75% {
        left: 86%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 135%;
        opacity: 0;
    }
}

/* Snowflake #199 */
.snowflake:nth-of-type(199) {
    animation-name: snowflake-199;
    animation-delay: 2s;
    animation-duration: 9s;
    animation-iteration-count: infinite;
    left: 86%;
    top: -90%;
}

.snowflake:nth-of-type(199):after {
    font-size: 1px;
}

@keyframes snowflake-199 {
    0% {
        transform: rotate(0deg);
        left: 86%;
        top: -90%;
    }

    25% {
        left: 87%;
    }

    50% {
        left: 86%;
    }

    75% {
        left: 88%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 130%;
        opacity: 0;
    }
}

/* Snowflake #200 */
.snowflake:nth-of-type(200) {
    animation-name: snowflake-200;
    animation-delay: 4s;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    left: 100%;
    top: -98%;
}

.snowflake:nth-of-type(200):after {
    font-size: 15px;
}

@keyframes snowflake-200 {
    0% {
        transform: rotate(0deg);
        left: 100%;
        top: -98%;
    }

    25% {
        left: 101%;
    }

    50% {
        left: 100%;
    }

    75% {
        left: 102%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 138%;
        opacity: 0;
    }
}

/* Snowflake #201 */
.snowflake:nth-of-type(201) {
    animation-name: snowflake-201;
    animation-delay: 5s;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    left: 68%;
    top: -63%;
}

.snowflake:nth-of-type(201):after {
    font-size: 17px;
}

@keyframes snowflake-201 {
    0% {
        transform: rotate(0deg);
        left: 68%;
        top: -63%;
    }

    25% {
        left: 69%;
    }

    50% {
        left: 68%;
    }

    75% {
        left: 70%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 103%;
        opacity: 0;
    }
}

/* Snowflake #202 */
.snowflake:nth-of-type(202) {
    animation-name: snowflake-202;
    animation-delay: 0s;
    animation-duration: 8s;
    animation-iteration-count: infinite;
    left: 61%;
    top: -86%;
}

.snowflake:nth-of-type(202):after {
    font-size: 23px;
}

@keyframes snowflake-202 {
    0% {
        transform: rotate(0deg);
        left: 61%;
        top: -86%;
    }

    25% {
        left: 62%;
    }

    50% {
        left: 61%;
    }

    75% {
        left: 63%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 126%;
        opacity: 0;
    }
}

/* Snowflake #203 */
.snowflake:nth-of-type(203) {
    animation-name: snowflake-203;
    animation-delay: 7s;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    left: 2%;
    top: -67%;
}

.snowflake:nth-of-type(203):after {
    font-size: 5px;
}

@keyframes snowflake-203 {
    0% {
        transform: rotate(0deg);
        left: 2%;
        top: -67%;
    }

    25% {
        left: 3%;
    }

    50% {
        left: 2%;
    }

    75% {
        left: 4%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 107%;
        opacity: 0;
    }
}

/* Snowflake #204 */
.snowflake:nth-of-type(204) {
    animation-name: snowflake-204;
    animation-delay: 6s;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    left: 51%;
    top: -80%;
}

.snowflake:nth-of-type(204):after {
    font-size: 7px;
}

@keyframes snowflake-204 {
    0% {
        transform: rotate(0deg);
        left: 51%;
        top: -80%;
    }

    25% {
        left: 52%;
    }

    50% {
        left: 51%;
    }

    75% {
        left: 53%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 120%;
        opacity: 0;
    }
}

/* Snowflake #205 */
.snowflake:nth-of-type(205) {
    animation-name: snowflake-205;
    animation-delay: 9s;
    animation-duration: 9s;
    animation-iteration-count: infinite;
    left: 39%;
    top: -74%;
}

.snowflake:nth-of-type(205):after {
    font-size: 5px;
}

@keyframes snowflake-205 {
    0% {
        transform: rotate(0deg);
        left: 39%;
        top: -74%;
    }

    25% {
        left: 40%;
    }

    50% {
        left: 39%;
    }

    75% {
        left: 41%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 114%;
        opacity: 0;
    }
}

/* Snowflake #206 */
.snowflake:nth-of-type(206) {
    animation-name: snowflake-206;
    animation-delay: 11s;
    animation-duration: 7s;
    animation-iteration-count: infinite;
    left: 32%;
    top: -75%;
}

.snowflake:nth-of-type(206):after {
    font-size: 16px;
}

@keyframes snowflake-206 {
    0% {
        transform: rotate(0deg);
        left: 32%;
        top: -75%;
    }

    25% {
        left: 33%;
    }

    50% {
        left: 32%;
    }

    75% {
        left: 34%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 115%;
        opacity: 0;
    }
}

/* Snowflake #207 */
.snowflake:nth-of-type(207) {
    animation-name: snowflake-207;
    animation-delay: 1s;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    left: 43%;
    top: -91%;
}

.snowflake:nth-of-type(207):after {
    font-size: 12px;
}

@keyframes snowflake-207 {
    0% {
        transform: rotate(0deg);
        left: 43%;
        top: -91%;
    }

    25% {
        left: 44%;
    }

    50% {
        left: 43%;
    }

    75% {
        left: 45%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 131%;
        opacity: 0;
    }
}

/* Snowflake #208 */
.snowflake:nth-of-type(208) {
    animation-name: snowflake-208;
    animation-delay: 16s;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    left: 93%;
    top: -82%;
}

.snowflake:nth-of-type(208):after {
    font-size: 12px;
}

@keyframes snowflake-208 {
    0% {
        transform: rotate(0deg);
        left: 93%;
        top: -82%;
    }

    25% {
        left: 94%;
    }

    50% {
        left: 93%;
    }

    75% {
        left: 95%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 122%;
        opacity: 0;
    }
}

/* Snowflake #209 */
.snowflake:nth-of-type(209) {
    animation-name: snowflake-209;
    animation-delay: 4s;
    animation-duration: 6s;
    animation-iteration-count: infinite;
    left: 3%;
    top: -55%;
}

.snowflake:nth-of-type(209):after {
    font-size: 22px;
}

@keyframes snowflake-209 {
    0% {
        transform: rotate(0deg);
        left: 3%;
        top: -55%;
    }

    25% {
        left: 4%;
    }

    50% {
        left: 3%;
    }

    75% {
        left: 5%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 95%;
        opacity: 0;
    }
}

/* Snowflake #210 */
.snowflake:nth-of-type(210) {
    animation-name: snowflake-210;
    animation-delay: 11s;
    animation-duration: 6s;
    animation-iteration-count: infinite;
    left: 18%;
    top: -51%;
}

.snowflake:nth-of-type(210):after {
    font-size: 15px;
}

@keyframes snowflake-210 {
    0% {
        transform: rotate(0deg);
        left: 18%;
        top: -51%;
    }

    25% {
        left: 19%;
    }

    50% {
        left: 18%;
    }

    75% {
        left: 20%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 91%;
        opacity: 0;
    }
}

/* Snowflake #211 */
.snowflake:nth-of-type(211) {
    animation-name: snowflake-211;
    animation-delay: 17s;
    animation-duration: 6s;
    animation-iteration-count: infinite;
    left: 74%;
    top: -84%;
}

.snowflake:nth-of-type(211):after {
    font-size: 6px;
}

@keyframes snowflake-211 {
    0% {
        transform: rotate(0deg);
        left: 74%;
        top: -84%;
    }

    25% {
        left: 75%;
    }

    50% {
        left: 74%;
    }

    75% {
        left: 76%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 124%;
        opacity: 0;
    }
}

/* Snowflake #212 */
.snowflake:nth-of-type(212) {
    animation-name: snowflake-212;
    animation-delay: 7s;
    animation-duration: 7s;
    animation-iteration-count: infinite;
    left: 6%;
    top: -66%;
}

.snowflake:nth-of-type(212):after {
    font-size: 13px;
}

@keyframes snowflake-212 {
    0% {
        transform: rotate(0deg);
        left: 6%;
        top: -66%;
    }

    25% {
        left: 7%;
    }

    50% {
        left: 6%;
    }

    75% {
        left: 8%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 106%;
        opacity: 0;
    }
}

/* Snowflake #213 */
.snowflake:nth-of-type(213) {
    animation-name: snowflake-213;
    animation-delay: 11s;
    animation-duration: 9s;
    animation-iteration-count: infinite;
    left: 26%;
    top: -54%;
}

.snowflake:nth-of-type(213):after {
    font-size: 12px;
}

@keyframes snowflake-213 {
    0% {
        transform: rotate(0deg);
        left: 26%;
        top: -54%;
    }

    25% {
        left: 27%;
    }

    50% {
        left: 26%;
    }

    75% {
        left: 28%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 94%;
        opacity: 0;
    }
}

/* Snowflake #214 */
.snowflake:nth-of-type(214) {
    animation-name: snowflake-214;
    animation-delay: 12s;
    animation-duration: 9s;
    animation-iteration-count: infinite;
    left: 16%;
    top: -94%;
}

.snowflake:nth-of-type(214):after {
    font-size: 17px;
}

@keyframes snowflake-214 {
    0% {
        transform: rotate(0deg);
        left: 16%;
        top: -94%;
    }

    25% {
        left: 17%;
    }

    50% {
        left: 16%;
    }

    75% {
        left: 18%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 134%;
        opacity: 0;
    }
}

/* Snowflake #215 */
.snowflake:nth-of-type(215) {
    animation-name: snowflake-215;
    animation-delay: 15s;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    left: 39%;
    top: -69%;
}

.snowflake:nth-of-type(215):after {
    font-size: 12px;
}

@keyframes snowflake-215 {
    0% {
        transform: rotate(0deg);
        left: 39%;
        top: -69%;
    }

    25% {
        left: 40%;
    }

    50% {
        left: 39%;
    }

    75% {
        left: 41%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 109%;
        opacity: 0;
    }
}

/* Snowflake #216 */
.snowflake:nth-of-type(216) {
    animation-name: snowflake-216;
    animation-delay: 15s;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    left: 73%;
    top: -94%;
}

.snowflake:nth-of-type(216):after {
    font-size: 20px;
}

@keyframes snowflake-216 {
    0% {
        transform: rotate(0deg);
        left: 73%;
        top: -94%;
    }

    25% {
        left: 74%;
    }

    50% {
        left: 73%;
    }

    75% {
        left: 75%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 134%;
        opacity: 0;
    }
}

/* Snowflake #217 */
.snowflake:nth-of-type(217) {
    animation-name: snowflake-217;
    animation-delay: 7s;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    left: 94%;
    top: -87%;
}

.snowflake:nth-of-type(217):after {
    font-size: 9px;
}

@keyframes snowflake-217 {
    0% {
        transform: rotate(0deg);
        left: 94%;
        top: -87%;
    }

    25% {
        left: 95%;
    }

    50% {
        left: 94%;
    }

    75% {
        left: 96%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 127%;
        opacity: 0;
    }
}

/* Snowflake #218 */
.snowflake:nth-of-type(218) {
    animation-name: snowflake-218;
    animation-delay: 1s;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    left: 62%;
    top: -98%;
}

.snowflake:nth-of-type(218):after {
    font-size: 3px;
}

@keyframes snowflake-218 {
    0% {
        transform: rotate(0deg);
        left: 62%;
        top: -98%;
    }

    25% {
        left: 63%;
    }

    50% {
        left: 62%;
    }

    75% {
        left: 64%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 138%;
        opacity: 0;
    }
}

/* Snowflake #219 */
.snowflake:nth-of-type(219) {
    animation-name: snowflake-219;
    animation-delay: 11s;
    animation-duration: 7s;
    animation-iteration-count: infinite;
    left: 54%;
    top: -61%;
}

.snowflake:nth-of-type(219):after {
    font-size: 18px;
}

@keyframes snowflake-219 {
    0% {
        transform: rotate(0deg);
        left: 54%;
        top: -61%;
    }

    25% {
        left: 55%;
    }

    50% {
        left: 54%;
    }

    75% {
        left: 56%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 101%;
        opacity: 0;
    }
}

/* Snowflake #220 */
.snowflake:nth-of-type(220) {
    animation-name: snowflake-220;
    animation-delay: 6s;
    animation-duration: 7s;
    animation-iteration-count: infinite;
    left: 14%;
    top: -75%;
}

.snowflake:nth-of-type(220):after {
    font-size: 2px;
}

@keyframes snowflake-220 {
    0% {
        transform: rotate(0deg);
        left: 14%;
        top: -75%;
    }

    25% {
        left: 15%;
    }

    50% {
        left: 14%;
    }

    75% {
        left: 16%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 115%;
        opacity: 0;
    }
}

/* Snowflake #221 */
.snowflake:nth-of-type(221) {
    animation-name: snowflake-221;
    animation-delay: 5s;
    animation-duration: 7s;
    animation-iteration-count: infinite;
    left: 41%;
    top: -80%;
}

.snowflake:nth-of-type(221):after {
    font-size: 14px;
}

@keyframes snowflake-221 {
    0% {
        transform: rotate(0deg);
        left: 41%;
        top: -80%;
    }

    25% {
        left: 42%;
    }

    50% {
        left: 41%;
    }

    75% {
        left: 43%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 120%;
        opacity: 0;
    }
}

/* Snowflake #222 */
.snowflake:nth-of-type(222) {
    animation-name: snowflake-222;
    animation-delay: 9s;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    left: 76%;
    top: -85%;
}

.snowflake:nth-of-type(222):after {
    font-size: 10px;
}

@keyframes snowflake-222 {
    0% {
        transform: rotate(0deg);
        left: 76%;
        top: -85%;
    }

    25% {
        left: 77%;
    }

    50% {
        left: 76%;
    }

    75% {
        left: 78%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 125%;
        opacity: 0;
    }
}

/* Snowflake #223 */
.snowflake:nth-of-type(223) {
    animation-name: snowflake-223;
    animation-delay: 0s;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    left: 49%;
    top: -71%;
}

.snowflake:nth-of-type(223):after {
    font-size: 21px;
}

@keyframes snowflake-223 {
    0% {
        transform: rotate(0deg);
        left: 49%;
        top: -71%;
    }

    25% {
        left: 50%;
    }

    50% {
        left: 49%;
    }

    75% {
        left: 51%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 111%;
        opacity: 0;
    }
}

/* Snowflake #224 */
.snowflake:nth-of-type(224) {
    animation-name: snowflake-224;
    animation-delay: 13s;
    animation-duration: 6s;
    animation-iteration-count: infinite;
    left: 85%;
    top: -96%;
}

.snowflake:nth-of-type(224):after {
    font-size: 24px;
}

@keyframes snowflake-224 {
    0% {
        transform: rotate(0deg);
        left: 85%;
        top: -96%;
    }

    25% {
        left: 86%;
    }

    50% {
        left: 85%;
    }

    75% {
        left: 87%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 136%;
        opacity: 0;
    }
}

/* Snowflake #225 */
.snowflake:nth-of-type(225) {
    animation-name: snowflake-225;
    animation-delay: 3s;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    left: 95%;
    top: -78%;
}

.snowflake:nth-of-type(225):after {
    font-size: 19px;
}

@keyframes snowflake-225 {
    0% {
        transform: rotate(0deg);
        left: 95%;
        top: -78%;
    }

    25% {
        left: 96%;
    }

    50% {
        left: 95%;
    }

    75% {
        left: 97%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 118%;
        opacity: 0;
    }
}

/* Snowflake #226 */
.snowflake:nth-of-type(226) {
    animation-name: snowflake-226;
    animation-delay: 11s;
    animation-duration: 7s;
    animation-iteration-count: infinite;
    left: 54%;
    top: -96%;
}

.snowflake:nth-of-type(226):after {
    font-size: 14px;
}

@keyframes snowflake-226 {
    0% {
        transform: rotate(0deg);
        left: 54%;
        top: -96%;
    }

    25% {
        left: 55%;
    }

    50% {
        left: 54%;
    }

    75% {
        left: 56%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 136%;
        opacity: 0;
    }
}

/* Snowflake #227 */
.snowflake:nth-of-type(227) {
    animation-name: snowflake-227;
    animation-delay: 13s;
    animation-duration: 8s;
    animation-iteration-count: infinite;
    left: 75%;
    top: -83%;
}

.snowflake:nth-of-type(227):after {
    font-size: 9px;
}

@keyframes snowflake-227 {
    0% {
        transform: rotate(0deg);
        left: 75%;
        top: -83%;
    }

    25% {
        left: 76%;
    }

    50% {
        left: 75%;
    }

    75% {
        left: 77%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 123%;
        opacity: 0;
    }
}

/* Snowflake #228 */
.snowflake:nth-of-type(228) {
    animation-name: snowflake-228;
    animation-delay: 1s;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    left: 63%;
    top: -100%;
}

.snowflake:nth-of-type(228):after {
    font-size: 11px;
}

@keyframes snowflake-228 {
    0% {
        transform: rotate(0deg);
        left: 63%;
        top: -100%;
    }

    25% {
        left: 64%;
    }

    50% {
        left: 63%;
    }

    75% {
        left: 65%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 140%;
        opacity: 0;
    }
}

/* Snowflake #229 */
.snowflake:nth-of-type(229) {
    animation-name: snowflake-229;
    animation-delay: 7s;
    animation-duration: 8s;
    animation-iteration-count: infinite;
    left: 15%;
    top: -100%;
}

.snowflake:nth-of-type(229):after {
    font-size: 16px;
}

@keyframes snowflake-229 {
    0% {
        transform: rotate(0deg);
        left: 15%;
        top: -100%;
    }

    25% {
        left: 16%;
    }

    50% {
        left: 15%;
    }

    75% {
        left: 17%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 140%;
        opacity: 0;
    }
}

/* Snowflake #230 */
.snowflake:nth-of-type(230) {
    animation-name: snowflake-230;
    animation-delay: 5s;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    left: 20%;
    top: -69%;
}

.snowflake:nth-of-type(230):after {
    font-size: 12px;
}

@keyframes snowflake-230 {
    0% {
        transform: rotate(0deg);
        left: 20%;
        top: -69%;
    }

    25% {
        left: 21%;
    }

    50% {
        left: 20%;
    }

    75% {
        left: 22%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 109%;
        opacity: 0;
    }
}

/* Snowflake #231 */
.snowflake:nth-of-type(231) {
    animation-name: snowflake-231;
    animation-delay: 9s;
    animation-duration: 8s;
    animation-iteration-count: infinite;
    left: 31%;
    top: -81%;
}

.snowflake:nth-of-type(231):after {
    font-size: 21px;
}

@keyframes snowflake-231 {
    0% {
        transform: rotate(0deg);
        left: 31%;
        top: -81%;
    }

    25% {
        left: 32%;
    }

    50% {
        left: 31%;
    }

    75% {
        left: 33%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 121%;
        opacity: 0;
    }
}

/* Snowflake #232 */
.snowflake:nth-of-type(232) {
    animation-name: snowflake-232;
    animation-delay: 9s;
    animation-duration: 7s;
    animation-iteration-count: infinite;
    left: 56%;
    top: -53%;
}

.snowflake:nth-of-type(232):after {
    font-size: 13px;
}

@keyframes snowflake-232 {
    0% {
        transform: rotate(0deg);
        left: 56%;
        top: -53%;
    }

    25% {
        left: 57%;
    }

    50% {
        left: 56%;
    }

    75% {
        left: 58%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 93%;
        opacity: 0;
    }
}

/* Snowflake #233 */
.snowflake:nth-of-type(233) {
    animation-name: snowflake-233;
    animation-delay: 11s;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    left: 21%;
    top: -71%;
}

.snowflake:nth-of-type(233):after {
    font-size: 20px;
}

@keyframes snowflake-233 {
    0% {
        transform: rotate(0deg);
        left: 21%;
        top: -71%;
    }

    25% {
        left: 22%;
    }

    50% {
        left: 21%;
    }

    75% {
        left: 23%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 111%;
        opacity: 0;
    }
}

/* Snowflake #234 */
.snowflake:nth-of-type(234) {
    animation-name: snowflake-234;
    animation-delay: 19s;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    left: 31%;
    top: -71%;
}

.snowflake:nth-of-type(234):after {
    font-size: 12px;
}

@keyframes snowflake-234 {
    0% {
        transform: rotate(0deg);
        left: 31%;
        top: -71%;
    }

    25% {
        left: 32%;
    }

    50% {
        left: 31%;
    }

    75% {
        left: 33%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 111%;
        opacity: 0;
    }
}

/* Snowflake #235 */
.snowflake:nth-of-type(235) {
    animation-name: snowflake-235;
    animation-delay: 6s;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    left: 37%;
    top: -97%;
}

.snowflake:nth-of-type(235):after {
    font-size: 16px;
}

@keyframes snowflake-235 {
    0% {
        transform: rotate(0deg);
        left: 37%;
        top: -97%;
    }

    25% {
        left: 38%;
    }

    50% {
        left: 37%;
    }

    75% {
        left: 39%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 137%;
        opacity: 0;
    }
}

/* Snowflake #236 */
.snowflake:nth-of-type(236) {
    animation-name: snowflake-236;
    animation-delay: 2s;
    animation-duration: 6s;
    animation-iteration-count: infinite;
    left: 19%;
    top: -100%;
}

.snowflake:nth-of-type(236):after {
    font-size: 20px;
}

@keyframes snowflake-236 {
    0% {
        transform: rotate(0deg);
        left: 19%;
        top: -100%;
    }

    25% {
        left: 20%;
    }

    50% {
        left: 19%;
    }

    75% {
        left: 21%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 140%;
        opacity: 0;
    }
}

/* Snowflake #237 */
.snowflake:nth-of-type(237) {
    animation-name: snowflake-237;
    animation-delay: 0s;
    animation-duration: 8s;
    animation-iteration-count: infinite;
    left: 97%;
    top: -82%;
}

.snowflake:nth-of-type(237):after {
    font-size: 14px;
}

@keyframes snowflake-237 {
    0% {
        transform: rotate(0deg);
        left: 97%;
        top: -82%;
    }

    25% {
        left: 98%;
    }

    50% {
        left: 97%;
    }

    75% {
        left: 99%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 122%;
        opacity: 0;
    }
}

/* Snowflake #238 */
.snowflake:nth-of-type(238) {
    animation-name: snowflake-238;
    animation-delay: 18s;
    animation-duration: 6s;
    animation-iteration-count: infinite;
    left: 79%;
    top: -93%;
}

.snowflake:nth-of-type(238):after {
    font-size: 21px;
}

@keyframes snowflake-238 {
    0% {
        transform: rotate(0deg);
        left: 79%;
        top: -93%;
    }

    25% {
        left: 80%;
    }

    50% {
        left: 79%;
    }

    75% {
        left: 81%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 133%;
        opacity: 0;
    }
}

/* Snowflake #239 */
.snowflake:nth-of-type(239) {
    animation-name: snowflake-239;
    animation-delay: 9s;
    animation-duration: 8s;
    animation-iteration-count: infinite;
    left: 90%;
    top: -98%;
}

.snowflake:nth-of-type(239):after {
    font-size: 1px;
}

@keyframes snowflake-239 {
    0% {
        transform: rotate(0deg);
        left: 90%;
        top: -98%;
    }

    25% {
        left: 91%;
    }

    50% {
        left: 90%;
    }

    75% {
        left: 92%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 138%;
        opacity: 0;
    }
}

/* Snowflake #240 */
.snowflake:nth-of-type(240) {
    animation-name: snowflake-240;
    animation-delay: 16s;
    animation-duration: 7s;
    animation-iteration-count: infinite;
    left: 59%;
    top: -66%;
}

.snowflake:nth-of-type(240):after {
    font-size: 17px;
}

@keyframes snowflake-240 {
    0% {
        transform: rotate(0deg);
        left: 59%;
        top: -66%;
    }

    25% {
        left: 60%;
    }

    50% {
        left: 59%;
    }

    75% {
        left: 61%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 106%;
        opacity: 0;
    }
}

/* Snowflake #241 */
.snowflake:nth-of-type(241) {
    animation-name: snowflake-241;
    animation-delay: 1s;
    animation-duration: 9s;
    animation-iteration-count: infinite;
    left: 69%;
    top: -92%;
}

.snowflake:nth-of-type(241):after {
    font-size: 4px;
}

@keyframes snowflake-241 {
    0% {
        transform: rotate(0deg);
        left: 69%;
        top: -92%;
    }

    25% {
        left: 70%;
    }

    50% {
        left: 69%;
    }

    75% {
        left: 71%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 132%;
        opacity: 0;
    }
}

/* Snowflake #242 */
.snowflake:nth-of-type(242) {
    animation-name: snowflake-242;
    animation-delay: 5s;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    left: 80%;
    top: -86%;
}

.snowflake:nth-of-type(242):after {
    font-size: 16px;
}

@keyframes snowflake-242 {
    0% {
        transform: rotate(0deg);
        left: 80%;
        top: -86%;
    }

    25% {
        left: 81%;
    }

    50% {
        left: 80%;
    }

    75% {
        left: 82%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 126%;
        opacity: 0;
    }
}

/* Snowflake #243 */
.snowflake:nth-of-type(243) {
    animation-name: snowflake-243;
    animation-delay: 5s;
    animation-duration: 6s;
    animation-iteration-count: infinite;
    left: 67%;
    top: -94%;
}

.snowflake:nth-of-type(243):after {
    font-size: 7px;
}

@keyframes snowflake-243 {
    0% {
        transform: rotate(0deg);
        left: 67%;
        top: -94%;
    }

    25% {
        left: 68%;
    }

    50% {
        left: 67%;
    }

    75% {
        left: 69%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 134%;
        opacity: 0;
    }
}

/* Snowflake #244 */
.snowflake:nth-of-type(244) {
    animation-name: snowflake-244;
    animation-delay: 2s;
    animation-duration: 8s;
    animation-iteration-count: infinite;
    left: 32%;
    top: -86%;
}

.snowflake:nth-of-type(244):after {
    font-size: 19px;
}

@keyframes snowflake-244 {
    0% {
        transform: rotate(0deg);
        left: 32%;
        top: -86%;
    }

    25% {
        left: 33%;
    }

    50% {
        left: 32%;
    }

    75% {
        left: 34%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 126%;
        opacity: 0;
    }
}

/* Snowflake #245 */
.snowflake:nth-of-type(245) {
    animation-name: snowflake-245;
    animation-delay: 0s;
    animation-duration: 7s;
    animation-iteration-count: infinite;
    left: 28%;
    top: -73%;
}

.snowflake:nth-of-type(245):after {
    font-size: 14px;
}

@keyframes snowflake-245 {
    0% {
        transform: rotate(0deg);
        left: 28%;
        top: -73%;
    }

    25% {
        left: 29%;
    }

    50% {
        left: 28%;
    }

    75% {
        left: 30%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 113%;
        opacity: 0;
    }
}

/* Snowflake #246 */
.snowflake:nth-of-type(246) {
    animation-name: snowflake-246;
    animation-delay: 3s;
    animation-duration: 9s;
    animation-iteration-count: infinite;
    left: 7%;
    top: -78%;
}

.snowflake:nth-of-type(246):after {
    font-size: 7px;
}

@keyframes snowflake-246 {
    0% {
        transform: rotate(0deg);
        left: 7%;
        top: -78%;
    }

    25% {
        left: 8%;
    }

    50% {
        left: 7%;
    }

    75% {
        left: 9%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 118%;
        opacity: 0;
    }
}

/* Snowflake #247 */
.snowflake:nth-of-type(247) {
    animation-name: snowflake-247;
    animation-delay: 14s;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    left: 51%;
    top: -96%;
}

.snowflake:nth-of-type(247):after {
    font-size: 5px;
}

@keyframes snowflake-247 {
    0% {
        transform: rotate(0deg);
        left: 51%;
        top: -96%;
    }

    25% {
        left: 52%;
    }

    50% {
        left: 51%;
    }

    75% {
        left: 53%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 136%;
        opacity: 0;
    }
}

/* Snowflake #248 */
.snowflake:nth-of-type(248) {
    animation-name: snowflake-248;
    animation-delay: 10s;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    left: 9%;
    top: -98%;
}

.snowflake:nth-of-type(248):after {
    font-size: 7px;
}

@keyframes snowflake-248 {
    0% {
        transform: rotate(0deg);
        left: 9%;
        top: -98%;
    }

    25% {
        left: 10%;
    }

    50% {
        left: 9%;
    }

    75% {
        left: 11%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 138%;
        opacity: 0;
    }
}

/* Snowflake #249 */
.snowflake:nth-of-type(249) {
    animation-name: snowflake-249;
    animation-delay: 13s;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    left: 96%;
    top: -51%;
}

.snowflake:nth-of-type(249):after {
    font-size: 23px;
}

@keyframes snowflake-249 {
    0% {
        transform: rotate(0deg);
        left: 96%;
        top: -51%;
    }

    25% {
        left: 97%;
    }

    50% {
        left: 96%;
    }

    75% {
        left: 98%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 91%;
        opacity: 0;
    }
}

/* Snowflake #250 */
.snowflake:nth-of-type(250) {
    animation-name: snowflake-250;
    animation-delay: 12s;
    animation-duration: 9s;
    animation-iteration-count: infinite;
    left: 59%;
    top: -84%;
}

.snowflake:nth-of-type(250):after {
    font-size: 11px;
}

@keyframes snowflake-250 {
    0% {
        transform: rotate(0deg);
        left: 59%;
        top: -84%;
    }

    25% {
        left: 60%;
    }

    50% {
        left: 59%;
    }

    75% {
        left: 61%;
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        top: 124%;
        opacity: 0;
    }
}