section[data-block-index="1"] {
    background-color: transparent;
    padding-top: 0;
    padding-bottom: 0
}

@media (max-width:767px) {
    section[data-block-index="1"] {
        padding-top: 0;
        padding-bottom: 0
    }
}

.snow {
    position: fixed;
    pointer-events: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: -10vw;
    z-index: 10000
}

.snowflake {
    position: fixed;
    top: -5vmin
}

.snowflake:nth-child(1) {
    opacity: .53;
    font-size: 15px;
    left: 76.2vw;
    animation: fall-1 30s -18s ease-in infinite
}

.snowflake:nth-child(1) span {
    animation: spin 3s linear 0s infinite;
    filter: drop-shadow(0 0 2px #fff)
}

@keyframes fall-1 {
    6% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 98.8vw
    }
}

.snowflake:nth-child(2) {
    opacity: .55;
    font-size: 12px;
    left: 113.5vw;
    animation: fall-2 20s -3s ease-in infinite
}

.snowflake:nth-child(2) span {
    animation: spin 3s linear 0s infinite;
    filter: drop-shadow(0 0 1px #fff)
}

@keyframes fall-2 {
    2% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 65.4vw
    }
}

.snowflake:nth-child(3) {
    opacity: .24;
    font-size: 3px;
    left: 116.2vw;
    animation: fall-3 40s -19.5s ease-in infinite
}

.snowflake:nth-child(3) span {
    animation: spin 6s linear 0s infinite;
    filter: drop-shadow(0 0 1px #fff)
}

@keyframes fall-3 {
    6.8333333333% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 16.4vw
    }
}

.snowflake:nth-child(4) {
    opacity: .89;
    font-size: 3px;
    left: 109.8vw;
    animation: fall-4 40s -28.5s ease-in infinite
}

.snowflake:nth-child(4) span {
    animation: spin 3s linear 0s infinite;
    filter: drop-shadow(0 0 4px #fff)
}

@keyframes fall-4 {
    3.5% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 48.4vw
    }
}

.snowflake:nth-child(5) {
    opacity: .72;
    font-size: 9px;
    left: 23.6vw;
    animation: fall-5 40s -13.5s ease-in infinite
}

.snowflake:nth-child(5) span {
    animation: spin 15s linear 0s infinite;
    filter: drop-shadow(0 0 1px #fff)
}

@keyframes fall-5 {
    5.5% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 112.6vw
    }
}

.snowflake:nth-child(6) {
    opacity: .62;
    font-size: 6px;
    left: 104.3vw;
    animation: fall-6 10s -16.5s ease-in infinite
}

.snowflake:nth-child(6) span {
    animation: spin 9s linear 0s infinite;
    filter: drop-shadow(0 0 5px #fff)
}

@keyframes fall-6 {
    4.6666666667% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 86.7vw
    }
}

.snowflake:nth-child(7) {
    opacity: .16;
    font-size: 12px;
    left: 64.7vw;
    animation: fall-7 10s -13.5s ease-in infinite
}

.snowflake:nth-child(7) span {
    animation: spin 12s linear 0s infinite;
    filter: drop-shadow(0 0 3px #fff)
}

@keyframes fall-7 {
    0.6666666667% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 10vw
    }
}

.snowflake:nth-child(8) {
    opacity: .79;
    font-size: 15px;
    left: 103.7vw;
    animation: fall-8 20s -10.5s ease-in infinite
}

.snowflake:nth-child(8) span {
    animation: spin 6s linear 0s infinite;
    filter: drop-shadow(0 0 3px #fff)
}

@keyframes fall-8 {
    5.6666666667% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 94.2vw
    }
}

.snowflake:nth-child(9) {
    opacity: .85;
    font-size: 3px;
    left: 111.9vw;
    animation: fall-9 20s -13.5s ease-in infinite
}

.snowflake:nth-child(9) span {
    animation: spin 9s linear 0s infinite;
    filter: drop-shadow(0 0 4px #fff)
}

@keyframes fall-9 {
    6.3333333333% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 91.7vw
    }
}

.snowflake:nth-child(10) {
    opacity: .1;
    font-size: 12px;
    left: 105vw;
    animation: fall-10 20s -12s ease-in infinite
}

.snowflake:nth-child(10) span {
    animation: spin 3s linear 0s infinite;
    filter: drop-shadow(0 0 3px #fff)
}

@keyframes fall-10 {
    3% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 13.3vw
    }
}

.snowflake:nth-child(11) {
    opacity: .9;
    font-size: 12px;
    left: 104.9vw;
    animation: fall-11 40s -7.5s ease-in infinite
}

.snowflake:nth-child(11) span {
    animation: spin 15s linear 0s infinite;
    filter: drop-shadow(0 0 1px #fff)
}

@keyframes fall-11 {
    7.3333333333% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 49.2vw
    }
}

.snowflake:nth-child(12) {
    opacity: .65;
    font-size: 3px;
    left: 60.4vw;
    animation: fall-12 50s -22.5s ease-in infinite
}

.snowflake:nth-child(12) span {
    animation: spin 15s linear 0s infinite;
    filter: drop-shadow(0 0 1px #fff)
}

@keyframes fall-12 {
    3.5% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 96.1vw
    }
}

.snowflake:nth-child(13) {
    opacity: .13;
    font-size: 6px;
    left: 35.3vw;
    animation: fall-13 40s -30s ease-in infinite
}

.snowflake:nth-child(13) span {
    animation: spin 15s linear 0s infinite;
    filter: drop-shadow(0 0 3px #fff)
}

@keyframes fall-13 {
    2% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 70vw
    }
}

.snowflake:nth-child(14) {
    opacity: .34;
    font-size: 9px;
    left: 78.4vw;
    animation: fall-14 30s -19.5s ease-in infinite
}

.snowflake:nth-child(14) span {
    animation: spin 12s linear 0s infinite;
    filter: drop-shadow(0 0 4px #fff)
}

@keyframes fall-14 {
    3.3333333333% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 1.6vw
    }
}

.snowflake:nth-child(15) {
    opacity: .85;
    font-size: 3px;
    left: 109.1vw;
    animation: fall-15 50s -34.5s ease-in infinite
}

.snowflake:nth-child(15) span {
    animation: spin 15s linear 0s infinite;
    filter: drop-shadow(0 0 2px #fff)
}

@keyframes fall-15 {
    4% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 12.4vw
    }
}

.snowflake:nth-child(16) {
    opacity: .75;
    font-size: 6px;
    left: 41.3vw;
    animation: fall-16 10s -33s ease-in infinite
}

.snowflake:nth-child(16) span {
    animation: spin 3s linear 0s infinite;
    filter: drop-shadow(0 0 4px #fff)
}

@keyframes fall-16 {
    4.1666666667% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 72.6vw
    }
}

.snowflake:nth-child(17) {
    opacity: .3;
    font-size: 15px;
    left: 59.7vw;
    animation: fall-17 10s -33s ease-in infinite
}

.snowflake:nth-child(17) span {
    animation: spin 9s linear 0s infinite;
    filter: drop-shadow(0 0 4px #fff)
}

@keyframes fall-17 {
    4.5% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 21.3vw
    }
}

.snowflake:nth-child(18) {
    opacity: .05;
    font-size: 15px;
    left: 97.1vw;
    animation: fall-18 10s -27s ease-in infinite
}

.snowflake:nth-child(18) span {
    animation: spin 15s linear 0s infinite;
    filter: drop-shadow(0 0 1px #fff)
}

@keyframes fall-18 {
    5% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 106.5vw
    }
}

.snowflake:nth-child(19) {
    opacity: .9;
    font-size: 9px;
    left: 52.5vw;
    animation: fall-19 20s -27s ease-in infinite
}

.snowflake:nth-child(19) span {
    animation: spin 6s linear 0s infinite;
    filter: drop-shadow(0 0 5px #fff)
}

@keyframes fall-19 {
    6.5% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 31vw
    }
}

.snowflake:nth-child(20) {
    opacity: .83;
    font-size: 15px;
    left: 28.4vw;
    animation: fall-20 20s -3s ease-in infinite
}

.snowflake:nth-child(20) span {
    animation: spin 12s linear 0s infinite;
    filter: drop-shadow(0 0 3px #fff)
}

@keyframes fall-20 {
    8.1666666667% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 84.1vw
    }
}

.snowflake:nth-child(21) {
    opacity: .26;
    font-size: 12px;
    left: 105.8vw;
    animation: fall-21 40s -12s ease-in infinite
}

.snowflake:nth-child(21) span {
    animation: spin 15s linear 0s infinite;
    filter: drop-shadow(0 0 1px #fff)
}

@keyframes fall-21 {
    1% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 55.1vw
    }
}

.snowflake:nth-child(22) {
    opacity: .07;
    font-size: 6px;
    left: 69.6vw;
    animation: fall-22 40s -12s ease-in infinite
}

.snowflake:nth-child(22) span {
    animation: spin 15s linear 0s infinite;
    filter: drop-shadow(0 0 1px #fff)
}

@keyframes fall-22 {
    0.8333333333% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 4.5vw
    }
}

.snowflake:nth-child(23) {
    opacity: .47;
    font-size: 12px;
    left: 55.1vw;
    animation: fall-23 20s -6s ease-in infinite
}

.snowflake:nth-child(23) span {
    animation: spin 6s linear 0s infinite;
    filter: drop-shadow(0 0 3px #fff)
}

@keyframes fall-23 {
    4.1666666667% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 81.1vw
    }
}

.snowflake:nth-child(24) {
    opacity: .61;
    font-size: 15px;
    left: 71.2vw;
    animation: fall-24 30s -22.5s ease-in infinite
}

.snowflake:nth-child(24) span {
    animation: spin 9s linear 0s infinite;
    filter: drop-shadow(0 0 1px #fff)
}

@keyframes fall-24 {
    6.3333333333% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 28.4vw
    }
}

.snowflake:nth-child(25) {
    opacity: .41;
    font-size: 9px;
    left: 91.1vw;
    animation: fall-25 20s -34.5s ease-in infinite
}

.snowflake:nth-child(25) span {
    animation: spin 9s linear 0s infinite;
    filter: drop-shadow(0 0 2px #fff)
}

@keyframes fall-25 {
    8.3333333333% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 37.6vw
    }
}

.snowflake:nth-child(26) {
    opacity: .71;
    font-size: 9px;
    left: 80.2vw;
    animation: fall-26 20s -31.5s ease-in infinite
}

.snowflake:nth-child(26) span {
    animation: spin 3s linear 0s infinite;
    filter: drop-shadow(0 0 5px #fff)
}

@keyframes fall-26 {
    1.5% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 37.9vw
    }
}

.snowflake:nth-child(27) {
    opacity: .46;
    font-size: 6px;
    left: 70.5vw;
    animation: fall-27 40s -31.5s ease-in infinite
}

.snowflake:nth-child(27) span {
    animation: spin 9s linear 0s infinite;
    filter: drop-shadow(0 0 5px #fff)
}

@keyframes fall-27 {
    3.3333333333% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 61.3vw
    }
}

.snowflake:nth-child(28) {
    opacity: .66;
    font-size: 6px;
    left: 53.7vw;
    animation: fall-28 40s -3s ease-in infinite
}

.snowflake:nth-child(28) span {
    animation: spin 9s linear 0s infinite;
    filter: drop-shadow(0 0 1px #fff)
}

@keyframes fall-28 {
    7% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 114.4vw
    }
}

.snowflake:nth-child(29) {
    opacity: .17;
    font-size: 15px;
    left: 89vw;
    animation: fall-29 40s -12s ease-in infinite
}

.snowflake:nth-child(29) span {
    animation: spin 9s linear 0s infinite;
    filter: drop-shadow(0 0 2px #fff)
}

@keyframes fall-29 {
    6.1666666667% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 68.9vw
    }
}

.snowflake:nth-child(30) {
    opacity: .81;
    font-size: 3px;
    left: 68.7vw;
    animation: fall-30 50s -3s ease-in infinite
}

.snowflake:nth-child(30) span {
    animation: spin 12s linear 0s infinite;
    filter: drop-shadow(0 0 2px #fff)
}

@keyframes fall-30 {
    7.6666666667% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 112.8vw
    }
}

.snowflake:nth-child(31) {
    opacity: .36;
    font-size: 6px;
    left: 1.7vw;
    animation: fall-31 20s -21s ease-in infinite
}

.snowflake:nth-child(31) span {
    animation: spin 6s linear 0s infinite;
    filter: drop-shadow(0 0 4px #fff)
}

@keyframes fall-31 {
    1.6666666667% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 51.8vw
    }
}

.snowflake:nth-child(32) {
    opacity: .21;
    font-size: 12px;
    left: 63.4vw;
    animation: fall-32 50s -37.5s ease-in infinite
}

.snowflake:nth-child(32) span {
    animation: spin 3s linear 0s infinite;
    filter: drop-shadow(0 0 1px #fff)
}

@keyframes fall-32 {
    1% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 1.3vw
    }
}

.snowflake:nth-child(33) {
    opacity: .85;
    font-size: 15px;
    left: 72.5vw;
    animation: fall-33 10s -19.5s ease-in infinite
}

.snowflake:nth-child(33) span {
    animation: spin 9s linear 0s infinite;
    filter: drop-shadow(0 0 1px #fff)
}

@keyframes fall-33 {
    7% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 25.9vw
    }
}

.snowflake:nth-child(34) {
    opacity: .88;
    font-size: 6px;
    left: 35.5vw;
    animation: fall-34 50s -34.5s ease-in infinite
}

.snowflake:nth-child(34) span {
    animation: spin 12s linear 0s infinite;
    filter: drop-shadow(0 0 1px #fff)
}

@keyframes fall-34 {
    7.6666666667% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 1.1vw
    }
}

.snowflake:nth-child(35) {
    opacity: .87;
    font-size: 15px;
    left: 117.4vw;
    animation: fall-35 50s -36s ease-in infinite
}

.snowflake:nth-child(35) span {
    animation: spin 9s linear 0s infinite;
    filter: drop-shadow(0 0 5px #fff)
}

@keyframes fall-35 {
    7.3333333333% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 1.2vw
    }
}

.snowflake:nth-child(36) {
    opacity: .07;
    font-size: 6px;
    left: 20.1vw;
    animation: fall-36 30s -19.5s ease-in infinite
}

.snowflake:nth-child(36) span {
    animation: spin 12s linear 0s infinite;
    filter: drop-shadow(0 0 3px #fff)
}

@keyframes fall-36 {
    2% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 110.5vw
    }
}

.snowflake:nth-child(37) {
    opacity: .1;
    font-size: 15px;
    left: 104.9vw;
    animation: fall-37 50s -22.5s ease-in infinite
}

.snowflake:nth-child(37) span {
    animation: spin 6s linear 0s infinite;
    filter: drop-shadow(0 0 2px #fff)
}

@keyframes fall-37 {
    5.5% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 82.2vw
    }
}

.snowflake:nth-child(38) {
    opacity: .23;
    font-size: 15px;
    left: 8.9vw;
    animation: fall-38 50s -19.5s ease-in infinite
}

.snowflake:nth-child(38) span {
    animation: spin 15s linear 0s infinite;
    filter: drop-shadow(0 0 2px #fff)
}

@keyframes fall-38 {
    5.1666666667% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 52vw
    }
}

.snowflake:nth-child(39) {
    opacity: .27;
    font-size: 12px;
    left: 15.4vw;
    animation: fall-39 50s -4.5s ease-in infinite
}

.snowflake:nth-child(39) span {
    animation: spin 12s linear 0s infinite;
    filter: drop-shadow(0 0 1px #fff)
}

@keyframes fall-39 {
    1% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 49.8vw
    }
}

.snowflake:nth-child(40) {
    opacity: .81;
    font-size: 15px;
    left: 107.3vw;
    animation: fall-40 30s -12s ease-in infinite
}

.snowflake:nth-child(40) span {
    animation: spin 9s linear 0s infinite;
    filter: drop-shadow(0 0 1px #fff)
}

@keyframes fall-40 {
    4.8333333333% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 38.5vw
    }
}

.snowflake:nth-child(41) {
    opacity: .16;
    font-size: 9px;
    left: 86.9vw;
    animation: fall-41 20s -36s ease-in infinite
}

.snowflake:nth-child(41) span {
    animation: spin 6s linear 0s infinite;
    filter: drop-shadow(0 0 2px #fff)
}

@keyframes fall-41 {
    8.1666666667% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 76.8vw
    }
}

.snowflake:nth-child(42) {
    opacity: .4;
    font-size: 6px;
    left: 76.8vw;
    animation: fall-42 30s -15s ease-in infinite
}

.snowflake:nth-child(42) span {
    animation: spin 12s linear 0s infinite;
    filter: drop-shadow(0 0 5px #fff)
}

@keyframes fall-42 {
    3.8333333333% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 96.9vw
    }
}

.snowflake:nth-child(43) {
    opacity: .31;
    font-size: 9px;
    left: 25.7vw;
    animation: fall-43 50s -25.5s ease-in infinite
}

.snowflake:nth-child(43) span {
    animation: spin 15s linear 0s infinite;
    filter: drop-shadow(0 0 4px #fff)
}

@keyframes fall-43 {
    3.6666666667% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 64vw
    }
}

.snowflake:nth-child(44) {
    opacity: .82;
    font-size: 12px;
    left: 104.3vw;
    animation: fall-44 30s -4.5s ease-in infinite
}

.snowflake:nth-child(44) span {
    animation: spin 15s linear 0s infinite;
    filter: drop-shadow(0 0 3px #fff)
}

@keyframes fall-44 {
    6.6666666667% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 64.6vw
    }
}

.snowflake:nth-child(45) {
    opacity: .42;
    font-size: 9px;
    left: 100.2vw;
    animation: fall-45 40s -9s ease-in infinite
}

.snowflake:nth-child(45) span {
    animation: spin 3s linear 0s infinite;
    filter: drop-shadow(0 0 4px #fff)
}

@keyframes fall-45 {
    6.5% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 96.1vw
    }
}

.snowflake:nth-child(46) {
    opacity: .55;
    font-size: 3px;
    left: 57vw;
    animation: fall-46 20s -9s ease-in infinite
}

.snowflake:nth-child(46) span {
    animation: spin 9s linear 0s infinite;
    filter: drop-shadow(0 0 2px #fff)
}

@keyframes fall-46 {
    7.6666666667% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 102.4vw
    }
}

.snowflake:nth-child(47) {
    opacity: .24;
    font-size: 9px;
    left: 115.2vw;
    animation: fall-47 10s -6s ease-in infinite
}

.snowflake:nth-child(47) span {
    animation: spin 6s linear 0s infinite;
    filter: drop-shadow(0 0 5px #fff)
}

@keyframes fall-47 {
    4.1666666667% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 55.5vw
    }
}

.snowflake:nth-child(48) {
    opacity: .44;
    font-size: 9px;
    left: 47.4vw;
    animation: fall-48 30s -33s ease-in infinite
}

.snowflake:nth-child(48) span {
    animation: spin 15s linear 0s infinite;
    filter: drop-shadow(0 0 3px #fff)
}

@keyframes fall-48 {
    2.3333333333% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 34.6vw
    }
}

.snowflake:nth-child(49) {
    opacity: .11;
    font-size: 12px;
    left: 67.5vw;
    animation: fall-49 40s -3s ease-in infinite
}

.snowflake:nth-child(49) span {
    animation: spin 3s linear 0s infinite;
    filter: drop-shadow(0 0 2px #fff)
}

@keyframes fall-49 {
    7.3333333333% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 51.6vw
    }
}

.snowflake:nth-child(50) {
    opacity: .07;
    font-size: 3px;
    left: 7.4vw;
    animation: fall-50 20s -21s ease-in infinite
}

.snowflake:nth-child(50) span {
    animation: spin 9s linear 0s infinite;
    filter: drop-shadow(0 0 5px #fff)
}

@keyframes fall-50 {
    7.6666666667% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 23.8vw
    }
}

.snowflake:nth-child(51) {
    opacity: .9;
    font-size: 6px;
    left: 86.1vw;
    animation: fall-51 30s -22.5s ease-in infinite
}

.snowflake:nth-child(51) span {
    animation: spin 3s linear 0s infinite;
    filter: drop-shadow(0 0 3px #fff)
}

@keyframes fall-51 {
    5.3333333333% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 32.9vw
    }
}

.snowflake:nth-child(52) {
    opacity: .33;
    font-size: 12px;
    left: 26.6vw;
    animation: fall-52 10s -34.5s ease-in infinite
}

.snowflake:nth-child(52) span {
    animation: spin 15s linear 0s infinite;
    filter: drop-shadow(0 0 3px #fff)
}

@keyframes fall-52 {
    6.1666666667% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 79.8vw
    }
}

.snowflake:nth-child(53) {
    opacity: .63;
    font-size: 6px;
    left: 9.6vw;
    animation: fall-53 50s -25.5s ease-in infinite
}

.snowflake:nth-child(53) span {
    animation: spin 15s linear 0s infinite;
    filter: drop-shadow(0 0 1px #fff)
}

@keyframes fall-53 {
    4.8333333333% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 17vw
    }
}

.snowflake:nth-child(54) {
    opacity: .59;
    font-size: 6px;
    left: 34vw;
    animation: fall-54 30s -7.5s ease-in infinite
}

.snowflake:nth-child(54) span {
    animation: spin 15s linear 0s infinite;
    filter: drop-shadow(0 0 5px #fff)
}

@keyframes fall-54 {
    4.5% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 2.9vw
    }
}

.snowflake:nth-child(55) {
    opacity: .61;
    font-size: 12px;
    left: 41.1vw;
    animation: fall-55 40s -24s ease-in infinite
}

.snowflake:nth-child(55) span {
    animation: spin 12s linear 0s infinite;
    filter: drop-shadow(0 0 4px #fff)
}

@keyframes fall-55 {
    6.8333333333% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 99.9vw
    }
}

.snowflake:nth-child(56) {
    opacity: .12;
    font-size: 9px;
    left: 63.5vw;
    animation: fall-56 40s -6s ease-in infinite
}

.snowflake:nth-child(56) span {
    animation: spin 3s linear 0s infinite;
    filter: drop-shadow(0 0 1px #fff)
}

@keyframes fall-56 {
    0.1666666667% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 63.7vw
    }
}

.snowflake:nth-child(57) {
    opacity: .89;
    font-size: 9px;
    left: 5.8vw;
    animation: fall-57 40s -16.5s ease-in infinite
}

.snowflake:nth-child(57) span {
    animation: spin 3s linear 0s infinite;
    filter: drop-shadow(0 0 2px #fff)
}

@keyframes fall-57 {
    4.5% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 8.7vw
    }
}

.snowflake:nth-child(58) {
    opacity: .4;
    font-size: 15px;
    left: 63.5vw;
    animation: fall-58 30s -18s ease-in infinite
}

.snowflake:nth-child(58) span {
    animation: spin 6s linear 0s infinite;
    filter: drop-shadow(0 0 1px #fff)
}

@keyframes fall-58 {
    1.8333333333% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 103.5vw
    }
}

.snowflake:nth-child(59) {
    opacity: .49;
    font-size: 3px;
    left: 35.9vw;
    animation: fall-59 20s -18s ease-in infinite
}

.snowflake:nth-child(59) span {
    animation: spin 15s linear 0s infinite;
    filter: drop-shadow(0 0 4px #fff)
}

@keyframes fall-59 {
    4.6666666667% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 39vw
    }
}

.snowflake:nth-child(60) {
    opacity: .29;
    font-size: 15px;
    left: 112.6vw;
    animation: fall-60 30s -16.5s ease-in infinite
}

.snowflake:nth-child(60) span {
    animation: spin 6s linear 0s infinite;
    filter: drop-shadow(0 0 2px #fff)
}

@keyframes fall-60 {
    3.8333333333% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 105.7vw
    }
}

.snowflake:nth-child(61) {
    opacity: .63;
    font-size: 6px;
    left: 62.5vw;
    animation: fall-61 20s -21s ease-in infinite
}

.snowflake:nth-child(61) span {
    animation: spin 9s linear 0s infinite;
    filter: drop-shadow(0 0 1px #fff)
}

@keyframes fall-61 {
    2.8333333333% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 100.5vw
    }
}

.snowflake:nth-child(62) {
    opacity: .76;
    font-size: 6px;
    left: 63.9vw;
    animation: fall-62 30s -3s ease-in infinite
}

.snowflake:nth-child(62) span {
    animation: spin 15s linear 0s infinite;
    filter: drop-shadow(0 0 5px #fff)
}

@keyframes fall-62 {
    7.6666666667% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 36.1vw
    }
}

.snowflake:nth-child(63) {
    opacity: .69;
    font-size: 6px;
    left: 35.9vw;
    animation: fall-63 50s -7.5s ease-in infinite
}

.snowflake:nth-child(63) span {
    animation: spin 6s linear 0s infinite;
    filter: drop-shadow(0 0 3px #fff)
}

@keyframes fall-63 {
    4% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 15.2vw
    }
}

.snowflake:nth-child(64) {
    opacity: .67;
    font-size: 12px;
    left: 106.9vw;
    animation: fall-64 20s -21s ease-in infinite
}

.snowflake:nth-child(64) span {
    animation: spin 6s linear 0s infinite;
    filter: drop-shadow(0 0 5px #fff)
}

@keyframes fall-64 {
    3.1666666667% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 118.5vw
    }
}

.snowflake:nth-child(65) {
    opacity: .81;
    font-size: 15px;
    left: 74.8vw;
    animation: fall-65 30s -16.5s ease-in infinite
}

.snowflake:nth-child(65) span {
    animation: spin 9s linear 0s infinite;
    filter: drop-shadow(0 0 4px #fff)
}

@keyframes fall-65 {
    5.1666666667% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 85vw
    }
}

.snowflake:nth-child(66) {
    opacity: .75;
    font-size: 3px;
    left: 117.8vw;
    animation: fall-66 50s -24s ease-in infinite
}

.snowflake:nth-child(66) span {
    animation: spin 9s linear 0s infinite;
    filter: drop-shadow(0 0 5px #fff)
}

@keyframes fall-66 {
    7.8333333333% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 20vw
    }
}

.snowflake:nth-child(67) {
    opacity: .18;
    font-size: 15px;
    left: 56.5vw;
    animation: fall-67 40s -28.5s ease-in infinite
}

.snowflake:nth-child(67) span {
    animation: spin 3s linear 0s infinite;
    filter: drop-shadow(0 0 2px #fff)
}

@keyframes fall-67 {
    4.8333333333% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 76vw
    }
}

.snowflake:nth-child(68) {
    opacity: .52;
    font-size: 15px;
    left: 108.4vw;
    animation: fall-68 30s -31.5s ease-in infinite
}

.snowflake:nth-child(68) span {
    animation: spin 15s linear 0s infinite;
    filter: drop-shadow(0 0 1px #fff)
}

@keyframes fall-68 {
    0.6666666667% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 55.9vw
    }
}

.snowflake:nth-child(69) {
    opacity: .44;
    font-size: 3px;
    left: 11.6vw;
    animation: fall-69 20s -7.5s ease-in infinite
}

.snowflake:nth-child(69) span {
    animation: spin 9s linear 0s infinite;
    filter: drop-shadow(0 0 1px #fff)
}

@keyframes fall-69 {
    6.8333333333% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 45.7vw
    }
}

.snowflake:nth-child(70) {
    opacity: .42;
    font-size: 12px;
    left: 26.2vw;
    animation: fall-70 30s -15s ease-in infinite
}

.snowflake:nth-child(70) span {
    animation: spin 9s linear 0s infinite;
    filter: drop-shadow(0 0 2px #fff)
}

@keyframes fall-70 {
    3.8333333333% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 119.2vw
    }
}

.snowflake:nth-child(71) {
    opacity: .74;
    font-size: 3px;
    left: 27.7vw;
    animation: fall-71 20s -37.5s ease-in infinite
}

.snowflake:nth-child(71) span {
    animation: spin 3s linear 0s infinite;
    filter: drop-shadow(0 0 4px #fff)
}

@keyframes fall-71 {
    0.6666666667% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 80.8vw
    }
}

.snowflake:nth-child(72) {
    opacity: .8;
    font-size: 3px;
    left: 98.2vw;
    animation: fall-72 50s -4.5s ease-in infinite
}

.snowflake:nth-child(72) span {
    animation: spin 9s linear 0s infinite;
    filter: drop-shadow(0 0 1px #fff)
}

@keyframes fall-72 {
    8.3333333333% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 82.2vw
    }
}

.snowflake:nth-child(73) {
    opacity: .03;
    font-size: 12px;
    left: 14vw;
    animation: fall-73 20s -1.5s ease-in infinite
}

.snowflake:nth-child(73) span {
    animation: spin 9s linear 0s infinite;
    filter: drop-shadow(0 0 2px #fff)
}

@keyframes fall-73 {
    4% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 85.9vw
    }
}

.snowflake:nth-child(74) {
    opacity: .86;
    font-size: 12px;
    left: 40.2vw;
    animation: fall-74 10s -16.5s ease-in infinite
}

.snowflake:nth-child(74) span {
    animation: spin 3s linear 0s infinite;
    filter: drop-shadow(0 0 3px #fff)
}

@keyframes fall-74 {
    5.8333333333% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 107.4vw
    }
}

.snowflake:nth-child(75) {
    opacity: .34;
    font-size: 6px;
    left: 35.1vw;
    animation: fall-75 50s -33s ease-in infinite
}

.snowflake:nth-child(75) span {
    animation: spin 3s linear 0s infinite;
    filter: drop-shadow(0 0 5px #fff)
}

@keyframes fall-75 {
    7% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 99.4vw
    }
}

.snowflake:nth-child(76) {
    opacity: .52;
    font-size: 6px;
    left: 86.7vw;
    animation: fall-76 40s -22.5s ease-in infinite
}

.snowflake:nth-child(76) span {
    animation: spin 6s linear 0s infinite;
    filter: drop-shadow(0 0 3px #fff)
}

@keyframes fall-76 {
    8.3333333333% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 33.9vw
    }
}

.snowflake:nth-child(77) {
    opacity: .25;
    font-size: 6px;
    left: 1.7vw;
    animation: fall-77 30s -36s ease-in infinite
}

.snowflake:nth-child(77) span {
    animation: spin 12s linear 0s infinite;
    filter: drop-shadow(0 0 3px #fff)
}

@keyframes fall-77 {
    1.8333333333% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 32.5vw
    }
}

.snowflake:nth-child(78) {
    opacity: .68;
    font-size: 15px;
    left: 97.3vw;
    animation: fall-78 10s -13.5s ease-in infinite
}

.snowflake:nth-child(78) span {
    animation: spin 15s linear 0s infinite;
    filter: drop-shadow(0 0 5px #fff)
}

@keyframes fall-78 {
    0.1666666667% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 68.8vw
    }
}

.snowflake:nth-child(79) {
    opacity: .1;
    font-size: 15px;
    left: 92.3vw;
    animation: fall-79 30s -34.5s ease-in infinite
}

.snowflake:nth-child(79) span {
    animation: spin 12s linear 0s infinite;
    filter: drop-shadow(0 0 1px #fff)
}

@keyframes fall-79 {
    3.6666666667% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 46.5vw
    }
}

.snowflake:nth-child(80) {
    opacity: .05;
    font-size: 6px;
    left: 38vw;
    animation: fall-80 50s -30s ease-in infinite
}

.snowflake:nth-child(80) span {
    animation: spin 9s linear 0s infinite;
    filter: drop-shadow(0 0 4px #fff)
}

@keyframes fall-80 {
    7.1666666667% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 51.5vw
    }
}

.snowflake:nth-child(81) {
    opacity: .84;
    font-size: 3px;
    left: 5.1vw;
    animation: fall-81 30s -15s ease-in infinite
}

.snowflake:nth-child(81) span {
    animation: spin 15s linear 0s infinite;
    filter: drop-shadow(0 0 1px #fff)
}

@keyframes fall-81 {
    6.1666666667% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 25.2vw
    }
}

.snowflake:nth-child(82) {
    opacity: .8;
    font-size: 12px;
    left: 2.2vw;
    animation: fall-82 10s -18s ease-in infinite
}

.snowflake:nth-child(82) span {
    animation: spin 3s linear 0s infinite;
    filter: drop-shadow(0 0 5px #fff)
}

@keyframes fall-82 {
    4.3333333333% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 106.4vw
    }
}

.snowflake:nth-child(83) {
    opacity: .42;
    font-size: 15px;
    left: 17.9vw;
    animation: fall-83 40s -33s ease-in infinite
}

.snowflake:nth-child(83) span {
    animation: spin 9s linear 0s infinite;
    filter: drop-shadow(0 0 2px #fff)
}

@keyframes fall-83 {
    7% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 30.7vw
    }
}

.snowflake:nth-child(84) {
    opacity: .43;
    font-size: 12px;
    left: 61.3vw;
    animation: fall-84 10s -22.5s ease-in infinite
}

.snowflake:nth-child(84) span {
    animation: spin 15s linear 0s infinite;
    filter: drop-shadow(0 0 3px #fff)
}

@keyframes fall-84 {
    0.5% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 33.3vw
    }
}

.snowflake:nth-child(85) {
    opacity: .14;
    font-size: 9px;
    left: 9.6vw;
    animation: fall-85 40s -34.5s ease-in infinite
}

.snowflake:nth-child(85) span {
    animation: spin 12s linear 0s infinite;
    filter: drop-shadow(0 0 3px #fff)
}

@keyframes fall-85 {
    3% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 32.3vw
    }
}

.snowflake:nth-child(86) {
    opacity: .38;
    font-size: 12px;
    left: 103.7vw;
    animation: fall-86 40s -3s ease-in infinite
}

.snowflake:nth-child(86) span {
    animation: spin 12s linear 0s infinite;
    filter: drop-shadow(0 0 2px #fff)
}

@keyframes fall-86 {
    0.6666666667% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 14vw
    }
}

.snowflake:nth-child(87) {
    opacity: .59;
    font-size: 12px;
    left: 37.7vw;
    animation: fall-87 10s -33s ease-in infinite
}

.snowflake:nth-child(87) span {
    animation: spin 9s linear 0s infinite;
    filter: drop-shadow(0 0 4px #fff)
}

@keyframes fall-87 {
    3% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 3.4vw
    }
}

.snowflake:nth-child(88) {
    opacity: .77;
    font-size: 12px;
    left: 7.2vw;
    animation: fall-88 40s -1.5s ease-in infinite
}

.snowflake:nth-child(88) span {
    animation: spin 3s linear 0s infinite;
    filter: drop-shadow(0 0 4px #fff)
}

@keyframes fall-88 {
    2.3333333333% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 89.8vw
    }
}

.snowflake:nth-child(89) {
    opacity: .57;
    font-size: 6px;
    left: 56.6vw;
    animation: fall-89 30s -36s ease-in infinite
}

.snowflake:nth-child(89) span {
    animation: spin 3s linear 0s infinite;
    filter: drop-shadow(0 0 5px #fff)
}

@keyframes fall-89 {
    5.8333333333% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 48.4vw
    }
}

.snowflake:nth-child(90) {
    opacity: .2;
    font-size: 15px;
    left: 75.5vw;
    animation: fall-90 20s -27s ease-in infinite
}

.snowflake:nth-child(90) span {
    animation: spin 3s linear 0s infinite;
    filter: drop-shadow(0 0 1px #fff)
}

@keyframes fall-90 {
    3.1666666667% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 89.1vw
    }
}

.snowflake:nth-child(91) {
    opacity: .06;
    font-size: 6px;
    left: 108.5vw;
    animation: fall-91 20s -30s ease-in infinite
}

.snowflake:nth-child(91) span {
    animation: spin 12s linear 0s infinite;
    filter: drop-shadow(0 0 2px #fff)
}

@keyframes fall-91 {
    4.1666666667% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 116.8vw
    }
}

.snowflake:nth-child(92) {
    opacity: .53;
    font-size: 9px;
    left: 74.8vw;
    animation: fall-92 30s -19.5s ease-in infinite
}

.snowflake:nth-child(92) span {
    animation: spin 12s linear 0s infinite;
    filter: drop-shadow(0 0 2px #fff)
}

@keyframes fall-92 {
    3.6666666667% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 38.4vw
    }
}

.snowflake:nth-child(93) {
    opacity: .73;
    font-size: 3px;
    left: 53vw;
    animation: fall-93 40s -24s ease-in infinite
}

.snowflake:nth-child(93) span {
    animation: spin 6s linear 0s infinite;
    filter: drop-shadow(0 0 2px #fff)
}

@keyframes fall-93 {
    7% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 61vw
    }
}

.snowflake:nth-child(94) {
    opacity: .9;
    font-size: 12px;
    left: 95.9vw;
    animation: fall-94 40s -34.5s ease-in infinite
}

.snowflake:nth-child(94) span {
    animation: spin 15s linear 0s infinite;
    filter: drop-shadow(0 0 2px #fff)
}

@keyframes fall-94 {
    0.6666666667% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 90.6vw
    }
}

.snowflake:nth-child(95) {
    opacity: .19;
    font-size: 3px;
    left: 104.2vw;
    animation: fall-95 10s -33s ease-in infinite
}

.snowflake:nth-child(95) span {
    animation: spin 15s linear 0s infinite;
    filter: drop-shadow(0 0 3px #fff)
}

@keyframes fall-95 {
    6.5% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 59.8vw
    }
}

.snowflake:nth-child(96) {
    opacity: .26;
    font-size: 12px;
    left: 74.9vw;
    animation: fall-96 20s -16.5s ease-in infinite
}

.snowflake:nth-child(96) span {
    animation: spin 15s linear 0s infinite;
    filter: drop-shadow(0 0 2px #fff)
}

@keyframes fall-96 {
    5.6666666667% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 74.4vw
    }
}

.snowflake:nth-child(97) {
    opacity: .58;
    font-size: 6px;
    left: 109.4vw;
    animation: fall-97 20s -3s ease-in infinite
}

.snowflake:nth-child(97) span {
    animation: spin 3s linear 0s infinite;
    filter: drop-shadow(0 0 4px #fff)
}

@keyframes fall-97 {
    4.1666666667% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 49.3vw
    }
}

.snowflake:nth-child(98) {
    opacity: .8;
    font-size: 6px;
    left: 40.2vw;
    animation: fall-98 10s -28.5s ease-in infinite
}

.snowflake:nth-child(98) span {
    animation: spin 9s linear 0s infinite;
    filter: drop-shadow(0 0 1px #fff)
}

@keyframes fall-98 {
    5% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 2.7vw
    }
}

.snowflake:nth-child(99) {
    opacity: .81;
    font-size: 12px;
    left: 70.5vw;
    animation: fall-99 10s -18s ease-in infinite
}

.snowflake:nth-child(99) span {
    animation: spin 12s linear 0s infinite;
    filter: drop-shadow(0 0 1px #fff)
}

@keyframes fall-99 {
    2.6666666667% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 30.2vw
    }
}

.snowflake:nth-child(100) {
    opacity: .05;
    font-size: 12px;
    left: 66.9vw;
    animation: fall-100 50s -25.5s ease-in infinite
}

.snowflake:nth-child(100) span {
    animation: spin 6s linear 0s infinite;
    filter: drop-shadow(0 0 2px #fff)
}

@keyframes fall-100 {
    4.5% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 34.6vw
    }
}

.snowflake:nth-child(101) {
    opacity: .22;
    font-size: 3px;
    left: 42.3vw;
    animation: fall-101 50s -12s ease-in infinite
}

.snowflake:nth-child(101) span {
    animation: spin 6s linear 0s infinite;
    filter: drop-shadow(0 0 5px #fff)
}

@keyframes fall-101 {
    8.3333333333% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 118.6vw
    }
}

.snowflake:nth-child(102) {
    opacity: .85;
    font-size: 3px;
    left: 27.3vw;
    animation: fall-102 10s -27s ease-in infinite
}

.snowflake:nth-child(102) span {
    animation: spin 9s linear 0s infinite;
    filter: drop-shadow(0 0 3px #fff)
}

@keyframes fall-102 {
    7.3333333333% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 80.7vw
    }
}

.snowflake:nth-child(103) {
    opacity: .52;
    font-size: 15px;
    left: 109.4vw;
    animation: fall-103 10s -34.5s ease-in infinite
}

.snowflake:nth-child(103) span {
    animation: spin 6s linear 0s infinite;
    filter: drop-shadow(0 0 3px #fff)
}

@keyframes fall-103 {
    5.3333333333% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 78.5vw
    }
}

.snowflake:nth-child(104) {
    opacity: .46;
    font-size: 12px;
    left: 9.2vw;
    animation: fall-104 30s -3s ease-in infinite
}

.snowflake:nth-child(104) span {
    animation: spin 12s linear 0s infinite;
    filter: drop-shadow(0 0 1px #fff)
}

@keyframes fall-104 {
    2.5% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 43.4vw
    }
}

.snowflake:nth-child(105) {
    opacity: .71;
    font-size: 12px;
    left: 103.2vw;
    animation: fall-105 10s -19.5s ease-in infinite
}

.snowflake:nth-child(105) span {
    animation: spin 6s linear 0s infinite;
    filter: drop-shadow(0 0 4px #fff)
}

@keyframes fall-105 {
    5.8333333333% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 10.7vw
    }
}

.snowflake:nth-child(106) {
    opacity: .36;
    font-size: 15px;
    left: 109.2vw;
    animation: fall-106 50s -34.5s ease-in infinite
}

.snowflake:nth-child(106) span {
    animation: spin 15s linear 0s infinite;
    filter: drop-shadow(0 0 5px #fff)
}

@keyframes fall-106 {
    5.5% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 66.7vw
    }
}

.snowflake:nth-child(107) {
    opacity: .23;
    font-size: 9px;
    left: 6.2vw;
    animation: fall-107 40s -28.5s ease-in infinite
}

.snowflake:nth-child(107) span {
    animation: spin 9s linear 0s infinite;
    filter: drop-shadow(0 0 2px #fff)
}

@keyframes fall-107 {
    2.8333333333% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 1vw
    }
}

.snowflake:nth-child(108) {
    opacity: .03;
    font-size: 6px;
    left: 66.5vw;
    animation: fall-108 50s -4.5s ease-in infinite
}

.snowflake:nth-child(108) span {
    animation: spin 15s linear 0s infinite;
    filter: drop-shadow(0 0 4px #fff)
}

@keyframes fall-108 {
    6.5% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 20.3vw
    }
}

.snowflake:nth-child(109) {
    opacity: .04;
    font-size: 6px;
    left: 2.4vw;
    animation: fall-109 50s -18s ease-in infinite
}

.snowflake:nth-child(109) span {
    animation: spin 15s linear 0s infinite;
    filter: drop-shadow(0 0 2px #fff)
}

@keyframes fall-109 {
    4.8333333333% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 33.3vw
    }
}

.snowflake:nth-child(110) {
    opacity: .41;
    font-size: 15px;
    left: 70.9vw;
    animation: fall-110 20s -36s ease-in infinite
}

.snowflake:nth-child(110) span {
    animation: spin 3s linear 0s infinite;
    filter: drop-shadow(0 0 3px #fff)
}

@keyframes fall-110 {
    5% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 77.6vw
    }
}

.snowflake:nth-child(111) {
    opacity: .16;
    font-size: 6px;
    left: 106.7vw;
    animation: fall-111 50s -3s ease-in infinite
}

.snowflake:nth-child(111) span {
    animation: spin 9s linear 0s infinite;
    filter: drop-shadow(0 0 2px #fff)
}

@keyframes fall-111 {
    0.6666666667% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 89.4vw
    }
}

.snowflake:nth-child(112) {
    opacity: .12;
    font-size: 3px;
    left: 39.8vw;
    animation: fall-112 40s -13.5s ease-in infinite
}

.snowflake:nth-child(112) span {
    animation: spin 15s linear 0s infinite;
    filter: drop-shadow(0 0 3px #fff)
}

@keyframes fall-112 {
    6.5% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 73.2vw
    }
}

.snowflake:nth-child(113) {
    opacity: .62;
    font-size: 12px;
    left: 32.4vw;
    animation: fall-113 50s -28.5s ease-in infinite
}

.snowflake:nth-child(113) span {
    animation: spin 3s linear 0s infinite;
    filter: drop-shadow(0 0 3px #fff)
}

@keyframes fall-113 {
    5.1666666667% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 64.1vw
    }
}

.snowflake:nth-child(114) {
    opacity: .5;
    font-size: 3px;
    left: 28.1vw;
    animation: fall-114 20s -36s ease-in infinite
}

.snowflake:nth-child(114) span {
    animation: spin 15s linear 0s infinite;
    filter: drop-shadow(0 0 3px #fff)
}

@keyframes fall-114 {
    7.3333333333% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 29.5vw
    }
}

.snowflake:nth-child(115) {
    opacity: .01;
    font-size: 6px;
    left: 40.7vw;
    animation: fall-115 20s -27s ease-in infinite
}

.snowflake:nth-child(115) span {
    animation: spin 15s linear 0s infinite;
    filter: drop-shadow(0 0 5px #fff)
}

@keyframes fall-115 {
    2.8333333333% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 44.7vw
    }
}

.snowflake:nth-child(116) {
    opacity: .37;
    font-size: 12px;
    left: 78.3vw;
    animation: fall-116 50s -36s ease-in infinite
}

.snowflake:nth-child(116) span {
    animation: spin 15s linear 0s infinite;
    filter: drop-shadow(0 0 5px #fff)
}

@keyframes fall-116 {
    8.3333333333% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 93.5vw
    }
}

.snowflake:nth-child(117) {
    opacity: .37;
    font-size: 9px;
    left: 32vw;
    animation: fall-117 10s -18s ease-in infinite
}

.snowflake:nth-child(117) span {
    animation: spin 6s linear 0s infinite;
    filter: drop-shadow(0 0 2px #fff)
}

@keyframes fall-117 {
    1.6666666667% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 50.6vw
    }
}

.snowflake:nth-child(118) {
    opacity: .19;
    font-size: 15px;
    left: 100.8vw;
    animation: fall-118 40s -12s ease-in infinite
}

.snowflake:nth-child(118) span {
    animation: spin 6s linear 0s infinite;
    filter: drop-shadow(0 0 4px #fff)
}

@keyframes fall-118 {
    2% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 16.1vw
    }
}

.snowflake:nth-child(119) {
    opacity: .01;
    font-size: 6px;
    left: 34.1vw;
    animation: fall-119 10s -18s ease-in infinite
}

.snowflake:nth-child(119) span {
    animation: spin 12s linear 0s infinite;
    filter: drop-shadow(0 0 2px #fff)
}

@keyframes fall-119 {
    3.8333333333% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 66.5vw
    }
}

.snowflake:nth-child(120) {
    opacity: .53;
    font-size: 6px;
    left: 48.9vw;
    animation: fall-120 20s -34.5s ease-in infinite
}

.snowflake:nth-child(120) span {
    animation: spin 9s linear 0s infinite;
    filter: drop-shadow(0 0 5px #fff)
}

@keyframes fall-120 {
    4% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 87.3vw
    }
}

.snowflake:nth-child(121) {
    opacity: .7;
    font-size: 15px;
    left: 60.6vw;
    animation: fall-121 40s -10.5s ease-in infinite
}

.snowflake:nth-child(121) span {
    animation: spin 9s linear 0s infinite;
    filter: drop-shadow(0 0 3px #fff)
}

@keyframes fall-121 {
    0.6666666667% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 55.2vw
    }
}

.snowflake:nth-child(122) {
    opacity: .87;
    font-size: 12px;
    left: 36.2vw;
    animation: fall-122 20s -19.5s ease-in infinite
}

.snowflake:nth-child(122) span {
    animation: spin 3s linear 0s infinite;
    filter: drop-shadow(0 0 2px #fff)
}

@keyframes fall-122 {
    3.1666666667% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 73.3vw
    }
}

.snowflake:nth-child(123) {
    opacity: .12;
    font-size: 9px;
    left: 38.8vw;
    animation: fall-123 30s -21s ease-in infinite
}

.snowflake:nth-child(123) span {
    animation: spin 12s linear 0s infinite;
    filter: drop-shadow(0 0 5px #fff)
}

@keyframes fall-123 {
    5.1666666667% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 115.9vw
    }
}

.snowflake:nth-child(124) {
    opacity: .18;
    font-size: 6px;
    left: 119.7vw;
    animation: fall-124 10s -28.5s ease-in infinite
}

.snowflake:nth-child(124) span {
    animation: spin 3s linear 0s infinite;
    filter: drop-shadow(0 0 3px #fff)
}

@keyframes fall-124 {
    3.5% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 30.8vw
    }
}

.snowflake:nth-child(125) {
    opacity: .56;
    font-size: 6px;
    left: 27.9vw;
    animation: fall-125 10s -31.5s ease-in infinite
}

.snowflake:nth-child(125) span {
    animation: spin 15s linear 0s infinite;
    filter: drop-shadow(0 0 4px #fff)
}

@keyframes fall-125 {
    0.8333333333% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 17.7vw
    }
}

.snowflake:nth-child(126) {
    opacity: .74;
    font-size: 15px;
    left: 103.4vw;
    animation: fall-126 10s -36s ease-in infinite
}

.snowflake:nth-child(126) span {
    animation: spin 9s linear 0s infinite;
    filter: drop-shadow(0 0 3px #fff)
}

@keyframes fall-126 {
    1.1666666667% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 43.8vw
    }
}

.snowflake:nth-child(127) {
    opacity: .03;
    font-size: 15px;
    left: 49.9vw;
    animation: fall-127 20s -1.5s ease-in infinite
}

.snowflake:nth-child(127) span {
    animation: spin 9s linear 0s infinite;
    filter: drop-shadow(0 0 4px #fff)
}

@keyframes fall-127 {
    6.1666666667% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 83.2vw
    }
}

.snowflake:nth-child(128) {
    opacity: .46;
    font-size: 9px;
    left: 5.1vw;
    animation: fall-128 30s -24s ease-in infinite
}

.snowflake:nth-child(128) span {
    animation: spin 3s linear 0s infinite;
    filter: drop-shadow(0 0 3px #fff)
}

@keyframes fall-128 {
    5.8333333333% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 118.9vw
    }
}

.snowflake:nth-child(129) {
    opacity: .61;
    font-size: 9px;
    left: 1.3vw;
    animation: fall-129 30s -36s ease-in infinite
}

.snowflake:nth-child(129) span {
    animation: spin 3s linear 0s infinite;
    filter: drop-shadow(0 0 1px #fff)
}

@keyframes fall-129 {
    0.1666666667% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 108.2vw
    }
}

.snowflake:nth-child(130) {
    opacity: .78;
    font-size: 6px;
    left: 48.8vw;
    animation: fall-130 30s -7.5s ease-in infinite
}

.snowflake:nth-child(130) span {
    animation: spin 9s linear 0s infinite;
    filter: drop-shadow(0 0 5px #fff)
}

@keyframes fall-130 {
    7.3333333333% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 94.4vw
    }
}

.snowflake:nth-child(131) {
    opacity: .38;
    font-size: 15px;
    left: 40.7vw;
    animation: fall-131 30s -25.5s ease-in infinite
}

.snowflake:nth-child(131) span {
    animation: spin 6s linear 0s infinite;
    filter: drop-shadow(0 0 5px #fff)
}

@keyframes fall-131 {
    5% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 110.6vw
    }
}

.snowflake:nth-child(132) {
    opacity: .68;
    font-size: 15px;
    left: 3.7vw;
    animation: fall-132 20s -4.5s ease-in infinite
}

.snowflake:nth-child(132) span {
    animation: spin 12s linear 0s infinite;
    filter: drop-shadow(0 0 2px #fff)
}

@keyframes fall-132 {
    1.1666666667% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 32.6vw
    }
}

.snowflake:nth-child(133) {
    opacity: .51;
    font-size: 3px;
    left: 18vw;
    animation: fall-133 20s -25.5s ease-in infinite
}

.snowflake:nth-child(133) span {
    animation: spin 15s linear 0s infinite;
    filter: drop-shadow(0 0 4px #fff)
}

@keyframes fall-133 {
    6.3333333333% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 48.5vw
    }
}

.snowflake:nth-child(134) {
    opacity: .68;
    font-size: 3px;
    left: 64.6vw;
    animation: fall-134 10s -10.5s ease-in infinite
}

.snowflake:nth-child(134) span {
    animation: spin 15s linear 0s infinite;
    filter: drop-shadow(0 0 4px #fff)
}

@keyframes fall-134 {
    6.8333333333% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 90.3vw
    }
}

.snowflake:nth-child(135) {
    opacity: .08;
    font-size: 12px;
    left: 9.6vw;
    animation: fall-135 20s -3s ease-in infinite
}

.snowflake:nth-child(135) span {
    animation: spin 3s linear 0s infinite;
    filter: drop-shadow(0 0 1px #fff)
}

@keyframes fall-135 {
    0.1666666667% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 119vw
    }
}

.snowflake:nth-child(136) {
    opacity: .4;
    font-size: 15px;
    left: 64.1vw;
    animation: fall-136 40s -25.5s ease-in infinite
}

.snowflake:nth-child(136) span {
    animation: spin 12s linear 0s infinite;
    filter: drop-shadow(0 0 2px #fff)
}

@keyframes fall-136 {
    0.3333333333% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 117.7vw
    }
}

.snowflake:nth-child(137) {
    opacity: .68;
    font-size: 9px;
    left: 32vw;
    animation: fall-137 20s -10.5s ease-in infinite
}

.snowflake:nth-child(137) span {
    animation: spin 3s linear 0s infinite;
    filter: drop-shadow(0 0 5px #fff)
}

@keyframes fall-137 {
    3.5% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 25.7vw
    }
}

.snowflake:nth-child(138) {
    opacity: .21;
    font-size: 3px;
    left: 77.5vw;
    animation: fall-138 30s -30s ease-in infinite
}

.snowflake:nth-child(138) span {
    animation: spin 12s linear 0s infinite;
    filter: drop-shadow(0 0 5px #fff)
}

@keyframes fall-138 {
    8.1666666667% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 45.6vw
    }
}

.snowflake:nth-child(139) {
    opacity: .19;
    font-size: 9px;
    left: 18.2vw;
    animation: fall-139 50s -9s ease-in infinite
}

.snowflake:nth-child(139) span {
    animation: spin 12s linear 0s infinite;
    filter: drop-shadow(0 0 4px #fff)
}

@keyframes fall-139 {
    3.3333333333% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 26.9vw
    }
}

.snowflake:nth-child(140) {
    opacity: .64;
    font-size: 9px;
    left: 95.6vw;
    animation: fall-140 40s -27s ease-in infinite
}

.snowflake:nth-child(140) span {
    animation: spin 9s linear 0s infinite;
    filter: drop-shadow(0 0 1px #fff)
}

@keyframes fall-140 {
    3.3333333333% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 41.3vw
    }
}

.snowflake:nth-child(141) {
    opacity: .21;
    font-size: 9px;
    left: 74.9vw;
    animation: fall-141 30s -15s ease-in infinite
}

.snowflake:nth-child(141) span {
    animation: spin 15s linear 0s infinite;
    filter: drop-shadow(0 0 2px #fff)
}

@keyframes fall-141 {
    7.5% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 73vw
    }
}

.snowflake:nth-child(142) {
    opacity: .63;
    font-size: 15px;
    left: 4.8vw;
    animation: fall-142 30s -16.5s ease-in infinite
}

.snowflake:nth-child(142) span {
    animation: spin 6s linear 0s infinite;
    filter: drop-shadow(0 0 5px #fff)
}

@keyframes fall-142 {
    5.5% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 108.5vw
    }
}

.snowflake:nth-child(143) {
    opacity: .52;
    font-size: 15px;
    left: 119.7vw;
    animation: fall-143 20s -4.5s ease-in infinite
}

.snowflake:nth-child(143) span {
    animation: spin 6s linear 0s infinite;
    filter: drop-shadow(0 0 4px #fff)
}

@keyframes fall-143 {
    7% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 67.4vw
    }
}

.snowflake:nth-child(144) {
    opacity: .32;
    font-size: 3px;
    left: 103.6vw;
    animation: fall-144 40s -18s ease-in infinite
}

.snowflake:nth-child(144) span {
    animation: spin 6s linear 0s infinite;
    filter: drop-shadow(0 0 4px #fff)
}

@keyframes fall-144 {
    2.5% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 21.8vw
    }
}

.snowflake:nth-child(145) {
    opacity: .26;
    font-size: 12px;
    left: 37.9vw;
    animation: fall-145 30s -12s ease-in infinite
}

.snowflake:nth-child(145) span {
    animation: spin 15s linear 0s infinite;
    filter: drop-shadow(0 0 5px #fff)
}

@keyframes fall-145 {
    3.1666666667% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 53.2vw
    }
}

.snowflake:nth-child(146) {
    opacity: .03;
    font-size: 3px;
    left: 50.4vw;
    animation: fall-146 30s -1.5s ease-in infinite
}

.snowflake:nth-child(146) span {
    animation: spin 3s linear 0s infinite;
    filter: drop-shadow(0 0 3px #fff)
}

@keyframes fall-146 {
    7.5% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 38.5vw
    }
}

.snowflake:nth-child(147) {
    opacity: .11;
    font-size: 9px;
    left: 24.7vw;
    animation: fall-147 40s -22.5s ease-in infinite
}

.snowflake:nth-child(147) span {
    animation: spin 6s linear 0s infinite;
    filter: drop-shadow(0 0 2px #fff)
}

@keyframes fall-147 {
    0.5% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 65.2vw
    }
}

.snowflake:nth-child(148) {
    opacity: .42;
    font-size: 12px;
    left: 91.5vw;
    animation: fall-148 30s -30s ease-in infinite
}

.snowflake:nth-child(148) span {
    animation: spin 12s linear 0s infinite;
    filter: drop-shadow(0 0 4px #fff)
}

@keyframes fall-148 {
    4.5% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 43.3vw
    }
}

.snowflake:nth-child(149) {
    opacity: .35;
    font-size: 6px;
    left: 36.5vw;
    animation: fall-149 50s -37.5s ease-in infinite
}

.snowflake:nth-child(149) span {
    animation: spin 9s linear 0s infinite;
    filter: drop-shadow(0 0 3px #fff)
}

@keyframes fall-149 {
    7% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: .2vw
    }
}

.snowflake:nth-child(150) {
    opacity: .33;
    font-size: 15px;
    left: 2vw;
    animation: fall-150 50s -3s ease-in infinite
}

.snowflake:nth-child(150) span {
    animation: spin 15s linear 0s infinite;
    filter: drop-shadow(0 0 4px #fff)
}

@keyframes fall-150 {
    6.5% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 116.4vw
    }
}

.snowflake:nth-child(151) {
    opacity: .51;
    font-size: 15px;
    left: 76.4vw;
    animation: fall-151 30s -15s ease-in infinite
}

.snowflake:nth-child(151) span {
    animation: spin 15s linear 0s infinite;
    filter: drop-shadow(0 0 4px #fff)
}

@keyframes fall-151 {
    5.8333333333% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 94.1vw
    }
}

.snowflake:nth-child(152) {
    opacity: .36;
    font-size: 12px;
    left: 19.9vw;
    animation: fall-152 50s -37.5s ease-in infinite
}

.snowflake:nth-child(152) span {
    animation: spin 9s linear 0s infinite;
    filter: drop-shadow(0 0 1px #fff)
}

@keyframes fall-152 {
    4.6666666667% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 86.7vw
    }
}

.snowflake:nth-child(153) {
    opacity: .36;
    font-size: 12px;
    left: 1.3vw;
    animation: fall-153 20s -28.5s ease-in infinite
}

.snowflake:nth-child(153) span {
    animation: spin 6s linear 0s infinite;
    filter: drop-shadow(0 0 4px #fff)
}

@keyframes fall-153 {
    6.8333333333% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 113.8vw
    }
}

.snowflake:nth-child(154) {
    opacity: .18;
    font-size: 12px;
    left: 36.7vw;
    animation: fall-154 50s -1.5s ease-in infinite
}

.snowflake:nth-child(154) span {
    animation: spin 12s linear 0s infinite;
    filter: drop-shadow(0 0 1px #fff)
}

@keyframes fall-154 {
    7.5% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 91.3vw
    }
}

.snowflake:nth-child(155) {
    opacity: .56;
    font-size: 9px;
    left: 34.2vw;
    animation: fall-155 10s -27s ease-in infinite
}

.snowflake:nth-child(155) span {
    animation: spin 3s linear 0s infinite;
    filter: drop-shadow(0 0 3px #fff)
}

@keyframes fall-155 {
    6.6666666667% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 94.8vw
    }
}

.snowflake:nth-child(156) {
    opacity: .37;
    font-size: 6px;
    left: 2.4vw;
    animation: fall-156 50s -10.5s ease-in infinite
}

.snowflake:nth-child(156) span {
    animation: spin 12s linear 0s infinite;
    filter: drop-shadow(0 0 2px #fff)
}

@keyframes fall-156 {
    6% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 3.8vw
    }
}

.snowflake:nth-child(157) {
    opacity: .17;
    font-size: 15px;
    left: 12.2vw;
    animation: fall-157 50s -19.5s ease-in infinite
}

.snowflake:nth-child(157) span {
    animation: spin 15s linear 0s infinite;
    filter: drop-shadow(0 0 2px #fff)
}

@keyframes fall-157 {
    0.1666666667% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 74.4vw
    }
}

.snowflake:nth-child(158) {
    opacity: .4;
    font-size: 6px;
    left: 66.9vw;
    animation: fall-158 50s -1.5s ease-in infinite
}

.snowflake:nth-child(158) span {
    animation: spin 9s linear 0s infinite;
    filter: drop-shadow(0 0 1px #fff)
}

@keyframes fall-158 {
    7.1666666667% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 105vw
    }
}

.snowflake:nth-child(159) {
    opacity: .58;
    font-size: 3px;
    left: 78.1vw;
    animation: fall-159 40s -18s ease-in infinite
}

.snowflake:nth-child(159) span {
    animation: spin 3s linear 0s infinite;
    filter: drop-shadow(0 0 4px #fff)
}

@keyframes fall-159 {
    7.1666666667% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 110vw
    }
}

.snowflake:nth-child(160) {
    opacity: .71;
    font-size: 3px;
    left: 42.2vw;
    animation: fall-160 30s -4.5s ease-in infinite
}

.snowflake:nth-child(160) span {
    animation: spin 9s linear 0s infinite;
    filter: drop-shadow(0 0 4px #fff)
}

@keyframes fall-160 {
    6.3333333333% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 100.6vw
    }
}

.snowflake:nth-child(161) {
    opacity: .9;
    font-size: 6px;
    left: 72.9vw;
    animation: fall-161 30s -6s ease-in infinite
}

.snowflake:nth-child(161) span {
    animation: spin 15s linear 0s infinite;
    filter: drop-shadow(0 0 4px #fff)
}

@keyframes fall-161 {
    8.3333333333% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 72.9vw
    }
}

.snowflake:nth-child(162) {
    opacity: .64;
    font-size: 12px;
    left: 73.9vw;
    animation: fall-162 30s -18s ease-in infinite
}

.snowflake:nth-child(162) span {
    animation: spin 6s linear 0s infinite;
    filter: drop-shadow(0 0 3px #fff)
}

@keyframes fall-162 {
    0.8333333333% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 72.3vw
    }
}

.snowflake:nth-child(163) {
    opacity: .76;
    font-size: 12px;
    left: 48.2vw;
    animation: fall-163 30s -1.5s ease-in infinite
}

.snowflake:nth-child(163) span {
    animation: spin 12s linear 0s infinite;
    filter: drop-shadow(0 0 5px #fff)
}

@keyframes fall-163 {
    3.3333333333% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 25vw
    }
}

.snowflake:nth-child(164) {
    opacity: .39;
    font-size: 9px;
    left: 59.4vw;
    animation: fall-164 50s -4.5s ease-in infinite
}

.snowflake:nth-child(164) span {
    animation: spin 6s linear 0s infinite;
    filter: drop-shadow(0 0 4px #fff)
}

@keyframes fall-164 {
    2.6666666667% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 95.2vw
    }
}

.snowflake:nth-child(165) {
    opacity: .2;
    font-size: 12px;
    left: 105.2vw;
    animation: fall-165 40s -24s ease-in infinite
}

.snowflake:nth-child(165) span {
    animation: spin 3s linear 0s infinite;
    filter: drop-shadow(0 0 1px #fff)
}

@keyframes fall-165 {
    7.1666666667% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 25.2vw
    }
}

.snowflake:nth-child(166) {
    opacity: .86;
    font-size: 3px;
    left: 116.7vw;
    animation: fall-166 10s -19.5s ease-in infinite
}

.snowflake:nth-child(166) span {
    animation: spin 6s linear 0s infinite;
    filter: drop-shadow(0 0 1px #fff)
}

@keyframes fall-166 {
    1% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 39.8vw
    }
}

.snowflake:nth-child(167) {
    opacity: .82;
    font-size: 9px;
    left: 58.3vw;
    animation: fall-167 10s -12s ease-in infinite
}

.snowflake:nth-child(167) span {
    animation: spin 6s linear 0s infinite;
    filter: drop-shadow(0 0 1px #fff)
}

@keyframes fall-167 {
    4.5% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 100.4vw
    }
}

.snowflake:nth-child(168) {
    opacity: .43;
    font-size: 12px;
    left: 53.5vw;
    animation: fall-168 40s -6s ease-in infinite
}

.snowflake:nth-child(168) span {
    animation: spin 15s linear 0s infinite;
    filter: drop-shadow(0 0 4px #fff)
}

@keyframes fall-168 {
    3.3333333333% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 50.5vw
    }
}

.snowflake:nth-child(169) {
    opacity: .42;
    font-size: 15px;
    left: 101.1vw;
    animation: fall-169 50s -28.5s ease-in infinite
}

.snowflake:nth-child(169) span {
    animation: spin 12s linear 0s infinite;
    filter: drop-shadow(0 0 3px #fff)
}

@keyframes fall-169 {
    3.8333333333% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 62vw
    }
}

.snowflake:nth-child(170) {
    opacity: .47;
    font-size: 9px;
    left: 61.1vw;
    animation: fall-170 10s -22.5s ease-in infinite
}

.snowflake:nth-child(170) span {
    animation: spin 12s linear 0s infinite;
    filter: drop-shadow(0 0 1px #fff)
}

@keyframes fall-170 {
    0.1666666667% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 63.4vw
    }
}

.snowflake:nth-child(171) {
    opacity: .25;
    font-size: 6px;
    left: .6vw;
    animation: fall-171 50s -10.5s ease-in infinite
}

.snowflake:nth-child(171) span {
    animation: spin 12s linear 0s infinite;
    filter: drop-shadow(0 0 4px #fff)
}

@keyframes fall-171 {
    6.3333333333% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 34.4vw
    }
}

.snowflake:nth-child(172) {
    opacity: .33;
    font-size: 15px;
    left: 33.9vw;
    animation: fall-172 20s -19.5s ease-in infinite
}

.snowflake:nth-child(172) span {
    animation: spin 15s linear 0s infinite;
    filter: drop-shadow(0 0 2px #fff)
}

@keyframes fall-172 {
    7.8333333333% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 37.1vw
    }
}

.snowflake:nth-child(173) {
    opacity: .83;
    font-size: 12px;
    left: 29.3vw;
    animation: fall-173 40s -7.5s ease-in infinite
}

.snowflake:nth-child(173) span {
    animation: spin 3s linear 0s infinite;
    filter: drop-shadow(0 0 4px #fff)
}

@keyframes fall-173 {
    1.3333333333% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 15.2vw
    }
}

.snowflake:nth-child(174) {
    opacity: .01;
    font-size: 9px;
    left: 113.7vw;
    animation: fall-174 40s -28.5s ease-in infinite
}

.snowflake:nth-child(174) span {
    animation: spin 3s linear 0s infinite;
    filter: drop-shadow(0 0 1px #fff)
}

@keyframes fall-174 {
    4% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 105.2vw
    }
}

.snowflake:nth-child(175) {
    opacity: .68;
    font-size: 9px;
    left: 79vw;
    animation: fall-175 30s -24s ease-in infinite
}

.snowflake:nth-child(175) span {
    animation: spin 15s linear 0s infinite;
    filter: drop-shadow(0 0 3px #fff)
}

@keyframes fall-175 {
    5% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 1.1vw
    }
}

.snowflake:nth-child(176) {
    opacity: .57;
    font-size: 9px;
    left: 51.6vw;
    animation: fall-176 40s -37.5s ease-in infinite
}

.snowflake:nth-child(176) span {
    animation: spin 3s linear 0s infinite;
    filter: drop-shadow(0 0 4px #fff)
}

@keyframes fall-176 {
    2.6666666667% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 57.3vw
    }
}

.snowflake:nth-child(177) {
    opacity: .82;
    font-size: 3px;
    left: 84.2vw;
    animation: fall-177 50s -3s ease-in infinite
}

.snowflake:nth-child(177) span {
    animation: spin 9s linear 0s infinite;
    filter: drop-shadow(0 0 1px #fff)
}

@keyframes fall-177 {
    6.6666666667% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 10.3vw
    }
}

.snowflake:nth-child(178) {
    opacity: .62;
    font-size: 12px;
    left: 52.1vw;
    animation: fall-178 50s -34.5s ease-in infinite
}

.snowflake:nth-child(178) span {
    animation: spin 6s linear 0s infinite;
    filter: drop-shadow(0 0 4px #fff)
}

@keyframes fall-178 {
    0.1666666667% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 38.1vw
    }
}

.snowflake:nth-child(179) {
    opacity: .71;
    font-size: 3px;
    left: 114.6vw;
    animation: fall-179 30s -16.5s ease-in infinite
}

.snowflake:nth-child(179) span {
    animation: spin 15s linear 0s infinite;
    filter: drop-shadow(0 0 4px #fff)
}

@keyframes fall-179 {
    4.1666666667% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 80.9vw
    }
}

.snowflake:nth-child(180) {
    opacity: .67;
    font-size: 15px;
    left: 67.3vw;
    animation: fall-180 50s -1.5s ease-in infinite
}

.snowflake:nth-child(180) span {
    animation: spin 9s linear 0s infinite;
    filter: drop-shadow(0 0 2px #fff)
}

@keyframes fall-180 {
    2.6666666667% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 101.9vw
    }
}

.snowflake:nth-child(181) {
    opacity: .34;
    font-size: 15px;
    left: 100.4vw;
    animation: fall-181 30s -36s ease-in infinite
}

.snowflake:nth-child(181) span {
    animation: spin 9s linear 0s infinite;
    filter: drop-shadow(0 0 2px #fff)
}

@keyframes fall-181 {
    3.5% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 110.3vw
    }
}

.snowflake:nth-child(182) {
    opacity: .13;
    font-size: 15px;
    left: 39.3vw;
    animation: fall-182 10s -21s ease-in infinite
}

.snowflake:nth-child(182) span {
    animation: spin 12s linear 0s infinite;
    filter: drop-shadow(0 0 2px #fff)
}

@keyframes fall-182 {
    2.3333333333% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 114.5vw
    }
}

.snowflake:nth-child(183) {
    opacity: .35;
    font-size: 6px;
    left: 78.9vw;
    animation: fall-183 20s -19.5s ease-in infinite
}

.snowflake:nth-child(183) span {
    animation: spin 12s linear 0s infinite;
    filter: drop-shadow(0 0 4px #fff)
}

@keyframes fall-183 {
    7.6666666667% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 94.6vw
    }
}

.snowflake:nth-child(184) {
    opacity: .4;
    font-size: 6px;
    left: 94.9vw;
    animation: fall-184 40s -16.5s ease-in infinite
}

.snowflake:nth-child(184) span {
    animation: spin 3s linear 0s infinite;
    filter: drop-shadow(0 0 5px #fff)
}

@keyframes fall-184 {
    2.1666666667% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 112.6vw
    }
}

.snowflake:nth-child(185) {
    opacity: .54;
    font-size: 6px;
    left: 47.4vw;
    animation: fall-185 40s -21s ease-in infinite
}

.snowflake:nth-child(185) span {
    animation: spin 6s linear 0s infinite;
    filter: drop-shadow(0 0 2px #fff)
}

@keyframes fall-185 {
    4.6666666667% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 113.7vw
    }
}

.snowflake:nth-child(186) {
    opacity: .18;
    font-size: 9px;
    left: 87.4vw;
    animation: fall-186 30s -30s ease-in infinite
}

.snowflake:nth-child(186) span {
    animation: spin 9s linear 0s infinite;
    filter: drop-shadow(0 0 5px #fff)
}

@keyframes fall-186 {
    5.6666666667% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 102.7vw
    }
}

.snowflake:nth-child(187) {
    opacity: .08;
    font-size: 9px;
    left: 73.4vw;
    animation: fall-187 50s -27s ease-in infinite
}

.snowflake:nth-child(187) span {
    animation: spin 6s linear 0s infinite;
    filter: drop-shadow(0 0 4px #fff)
}

@keyframes fall-187 {
    2.5% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 89vw
    }
}

.snowflake:nth-child(188) {
    opacity: .89;
    font-size: 9px;
    left: 28.5vw;
    animation: fall-188 40s -30s ease-in infinite
}

.snowflake:nth-child(188) span {
    animation: spin 15s linear 0s infinite;
    filter: drop-shadow(0 0 5px #fff)
}

@keyframes fall-188 {
    2% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 79.4vw
    }
}

.snowflake:nth-child(189) {
    opacity: .4;
    font-size: 6px;
    left: 107.2vw;
    animation: fall-189 30s -10.5s ease-in infinite
}

.snowflake:nth-child(189) span {
    animation: spin 12s linear 0s infinite;
    filter: drop-shadow(0 0 5px #fff)
}

@keyframes fall-189 {
    4.8333333333% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 110.4vw
    }
}

.snowflake:nth-child(190) {
    opacity: .9;
    font-size: 15px;
    left: 65.7vw;
    animation: fall-190 40s -3s ease-in infinite
}

.snowflake:nth-child(190) span {
    animation: spin 3s linear 0s infinite;
    filter: drop-shadow(0 0 1px #fff)
}

@keyframes fall-190 {
    7.5% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 118.3vw
    }
}

.snowflake:nth-child(191) {
    opacity: .01;
    font-size: 15px;
    left: 55.8vw;
    animation: fall-191 10s -3s ease-in infinite
}

.snowflake:nth-child(191) span {
    animation: spin 6s linear 0s infinite;
    filter: drop-shadow(0 0 2px #fff)
}

@keyframes fall-191 {
    0.5% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 112vw
    }
}

.snowflake:nth-child(192) {
    opacity: .12;
    font-size: 12px;
    left: 37.3vw;
    animation: fall-192 40s -22.5s ease-in infinite
}

.snowflake:nth-child(192) span {
    animation: spin 3s linear 0s infinite;
    filter: drop-shadow(0 0 2px #fff)
}

@keyframes fall-192 {
    2% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 47.4vw
    }
}

.snowflake:nth-child(193) {
    opacity: .58;
    font-size: 12px;
    left: 6vw;
    animation: fall-193 20s -34.5s ease-in infinite
}

.snowflake:nth-child(193) span {
    animation: spin 15s linear 0s infinite;
    filter: drop-shadow(0 0 2px #fff)
}

@keyframes fall-193 {
    7.1666666667% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 108.6vw
    }
}

.snowflake:nth-child(194) {
    opacity: .68;
    font-size: 12px;
    left: 48.2vw;
    animation: fall-194 50s -37.5s ease-in infinite
}

.snowflake:nth-child(194) span {
    animation: spin 15s linear 0s infinite;
    filter: drop-shadow(0 0 1px #fff)
}

@keyframes fall-194 {
    5.3333333333% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 102.7vw
    }
}

.snowflake:nth-child(195) {
    opacity: .05;
    font-size: 3px;
    left: 49.6vw;
    animation: fall-195 30s -37.5s ease-in infinite
}

.snowflake:nth-child(195) span {
    animation: spin 9s linear 0s infinite;
    filter: drop-shadow(0 0 4px #fff)
}

@keyframes fall-195 {
    3.5% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 48.9vw
    }
}

.snowflake:nth-child(196) {
    opacity: .72;
    font-size: 9px;
    left: 99.2vw;
    animation: fall-196 10s -37.5s ease-in infinite
}

.snowflake:nth-child(196) span {
    animation: spin 3s linear 0s infinite;
    filter: drop-shadow(0 0 4px #fff)
}

@keyframes fall-196 {
    4.6666666667% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 92.4vw
    }
}

.snowflake:nth-child(197) {
    opacity: .13;
    font-size: 15px;
    left: 63.4vw;
    animation: fall-197 40s -37.5s ease-in infinite
}

.snowflake:nth-child(197) span {
    animation: spin 3s linear 0s infinite;
    filter: drop-shadow(0 0 3px #fff)
}

@keyframes fall-197 {
    1.5% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 44.5vw
    }
}

.snowflake:nth-child(198) {
    opacity: .44;
    font-size: 6px;
    left: 94vw;
    animation: fall-198 50s -16.5s ease-in infinite
}

.snowflake:nth-child(198) span {
    animation: spin 6s linear 0s infinite;
    filter: drop-shadow(0 0 5px #fff)
}

@keyframes fall-198 {
    4.8333333333% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 29.1vw
    }
}

.snowflake:nth-child(199) {
    opacity: .82;
    font-size: 6px;
    left: 104.8vw;
    animation: fall-199 20s -9s ease-in infinite
}

.snowflake:nth-child(199) span {
    animation: spin 3s linear 0s infinite;
    filter: drop-shadow(0 0 1px #fff)
}

@keyframes fall-199 {
    5.3333333333% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 110.6vw
    }
}

.snowflake:nth-child(200) {
    opacity: .59;
    font-size: 9px;
    left: 22.5vw;
    animation: fall-200 40s -16.5s ease-in infinite
}

.snowflake:nth-child(200) span {
    animation: spin 6s linear 0s infinite;
    filter: drop-shadow(0 0 3px #fff)
}

@keyframes fall-200 {
    3.1666666667% {
        transform: rotate(90deg) translateX(0)
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 70.6vw
    }
}

.snowflake span {
    display: block;
    color: #fff
}

.snowflake span:before {
    content: "\2744"
}

.snowflake:nth-child(4n+2) span:before {
    content: "\2745"
}

.snowflake:nth-child(4n+3) span:before {
    content: "\2744"
}

.snowflake:nth-child(4n+4) span:before {
    content: "\274B"
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
}