.snowflakes-box {
    position: fixed;
    top: 0;
    z-index: 10
}

.snowflakes-box .snowflake {
    border-radius: 50%;
    color: #a6e7ff;
    font-family: FontAwesome;
    height: 20px;
    position: absolute;
    width: 20px
}

.snowflakes-box .snowflake:first-child {
    animation: fall-1 11s linear -3s infinite;
    opacity: 1;
    transform: translate(47.2803vw,-20px) scale(.5115) rotate(380deg)
}

@keyframes fall-1 {
    10.153% {
        transform: translate(47.3603vw,10.153vh) scale(.5115) rotate(380deg)
    }

    to {
        transform: translate(47.2803008vw,100vh) scale(.5115) rotate(380deg)
    }
}

.snowflakes-box .snowflake:nth-child(2) {
    animation: fall-2 10s linear -28s infinite;
    opacity: .4188;
    transform: translate(6.0271vw,-20px) scale(.4452) rotate(300deg)
}

@keyframes fall-2 {
    18.503% {
        transform: translate(11.3335vw,18.503vh) scale(.4452) rotate(300deg)
    }

    to {
        transform: translate(6.027153064vw,100vh) scale(.4452) rotate(300deg)
    }
}

.snowflakes-box .snowflake:nth-child(3) {
    animation: fall-3 18s linear -20s infinite;
    opacity: 1;
    transform: translate(94.4742vw,-20px) scale(.1577) rotate(480deg)
}

@keyframes fall-3 {
    10.491% {
        transform: translate(102.198vw,10.491vh) scale(.1577) rotate(480deg)
    }

    to {
        transform: translate(94.474277238vw,100vh) scale(.1577) rotate(480deg)
    }
}

.snowflakes-box .snowflake:nth-child(4) {
    animation: fall-4 22s linear -17s infinite;
    opacity: 1;
    transform: translate(83.804vw,-20px) scale(.4858) rotate(500deg)
}

@keyframes fall-4 {
    17.794% {
        transform: translate(93.7732vw,17.794vh) scale(.4858) rotate(500deg)
    }

    to {
        transform: translate(83.804099692vw,100vh) scale(.4858) rotate(500deg)
    }
}

.snowflakes-box .snowflake:nth-child(5) {
    animation: fall-5 27s linear -15s infinite;
    opacity: .117;
    transform: translate(92.4653vw,-20px) scale(.1509) rotate(20deg)
}

@keyframes fall-5 {
    10.678% {
        transform: translate(87.5034vw,10.678vh) scale(.1509) rotate(20deg)
    }

    to {
        transform: translate(92.465250381vw,100vh) scale(.1509) rotate(20deg)
    }
}

.snowflakes-box .snowflake:nth-child(6) {
    animation: fall-6 27s linear -27s infinite;
    opacity: 1;
    transform: translate(21.638vw,-20px) scale(.3392) rotate(120deg)
}

@keyframes fall-6 {
    14.448% {
        transform: translate(12.7799vw,14.448vh) scale(.3392) rotate(120deg)
    }

    to {
        transform: translate(21.637911419vw,100vh) scale(.3392) rotate(120deg)
    }
}

.snowflakes-box .snowflake:nth-child(7) {
    animation: fall-7 15s linear -10s infinite;
    opacity: .7462;
    transform: translate(88.9117vw,-20px) scale(.8152) rotate(600deg)
}

@keyframes fall-7 {
    12.087% {
        transform: translate(85.4907vw,12.087vh) scale(.8152) rotate(600deg)
    }

    to {
        transform: translate(88.91166579vw,100vh) scale(.8152) rotate(600deg)
    }
}

.snowflakes-box .snowflake:nth-child(8) {
    animation: fall-8 14s linear -22s infinite;
    opacity: .0646;
    transform: translate(70.9726vw,-20px) scale(.6203) rotate(20deg)
}

@keyframes fall-8 {
    13.247% {
        transform: translate(65.1227vw,13.247vh) scale(.6203) rotate(20deg)
    }

    to {
        transform: translate(70.972541501vw,100vh) scale(.6203) rotate(20deg)
    }
}

.snowflakes-box .snowflake:nth-child(9) {
    animation: fall-9 15s linear -28s infinite;
    opacity: 1;
    transform: translate(17.6595vw,-20px) scale(.8573) rotate(540deg)
}

@keyframes fall-9 {
    18.898% {
        transform: translate(10.6562vw,18.898vh) scale(.8573) rotate(540deg)
    }

    to {
        transform: translate(17.659429967vw,100vh) scale(.8573) rotate(540deg)
    }
}

.snowflakes-box .snowflake:nth-child(10) {
    animation: fall-10 24s linear -25s infinite;
    opacity: 1;
    transform: translate(28.6667vw,-20px) scale(.9289) rotate(560deg)
}

@keyframes fall-10 {
    17.051% {
        transform: translate(20.2802vw,17.051vh) scale(.9289) rotate(560deg)
    }

    to {
        transform: translate(28.666616135vw,100vh) scale(.9289) rotate(560deg)
    }
}

.snowflakes-box .snowflake:nth-child(11) {
    animation: fall-11 16s linear -16s infinite;
    opacity: 1;
    transform: translate(10.4361vw,-20px) scale(.6348) rotate(40deg)
}

@keyframes fall-11 {
    18.565% {
        transform: translate(20.1742vw,18.565vh) scale(.6348) rotate(40deg)
    }

    to {
        transform: translate(10.436197381vw,100vh) scale(.6348) rotate(40deg)
    }
}

.snowflakes-box .snowflake:nth-child(12) {
    animation: fall-12 25s linear -26s infinite;
    opacity: .1394;
    transform: translate(98.3461vw,-20px) scale(.3743) rotate(340deg)
}

@keyframes fall-12 {
    10.91% {
        transform: translate(100.6946vw,10.91vh) scale(.3743) rotate(340deg)
    }

    to {
        transform: translate(98.346123485vw,100vh) scale(.3743) rotate(340deg)
    }
}

.snowflakes-box .snowflake:nth-child(13) {
    animation: fall-13 17s linear -19s infinite;
    opacity: 1;
    transform: translate(98.032vw,-20px) scale(.459) rotate(40deg)
}

@keyframes fall-13 {
    17.272% {
        transform: translate(100.315vw,17.272vh) scale(.459) rotate(40deg)
    }

    to {
        transform: translate(98.03202283vw,100vh) scale(.459) rotate(40deg)
    }
}

.snowflakes-box .snowflake:nth-child(14) {
    animation: fall-14 25s linear -10s infinite;
    opacity: .618;
    transform: translate(17.6157vw,-20px) scale(.2903) rotate(340deg)
}

@keyframes fall-14 {
    16.746% {
        transform: translate(8.4018vw,16.746vh) scale(.2903) rotate(340deg)
    }

    to {
        transform: translate(17.615607861vw,100vh) scale(.2903) rotate(340deg)
    }
}

.snowflakes-box .snowflake:nth-child(15) {
    animation: fall-15 20s linear -6s infinite;
    opacity: .6126;
    transform: translate(69.2398vw,-20px) scale(.8413) rotate(380deg)
}

@keyframes fall-15 {
    15.386% {
        transform: translate(68.0046vw,15.386vh) scale(.8413) rotate(380deg)
    }

    to {
        transform: translate(69.239787648vw,100vh) scale(.8413) rotate(380deg)
    }
}

.snowflakes-box .snowflake:nth-child(16) {
    animation: fall-16 22s linear -10s infinite;
    opacity: 1;
    transform: translate(93.7826vw,-20px) scale(.4076) rotate(460deg)
}

@keyframes fall-16 {
    10.359% {
        transform: translate(91.9463vw,10.359vh) scale(.4076) rotate(460deg)
    }

    to {
        transform: translate(93.782581637vw,100vh) scale(.4076) rotate(460deg)
    }
}

.snowflakes-box .snowflake:nth-child(17) {
    animation: fall-17 22s linear -20s infinite;
    opacity: .919;
    transform: translate(28.5196vw,-20px) scale(.7407) rotate(420deg)
}

@keyframes fall-17 {
    18.723% {
        transform: translate(26.8334vw,18.723vh) scale(.7407) rotate(420deg)
    }

    to {
        transform: translate(28.519583138vw,100vh) scale(.7407) rotate(420deg)
    }
}

.snowflakes-box .snowflake:nth-child(18) {
    animation: fall-18 18s linear -13s infinite;
    opacity: .009;
    transform: translate(44.3125vw,-20px) scale(.9049) rotate(460deg)
}

@keyframes fall-18 {
    11.049% {
        transform: translate(37.1015vw,11.049vh) scale(.9049) rotate(460deg)
    }

    to {
        transform: translate(44.31242789vw,100vh) scale(.9049) rotate(460deg)
    }
}

.snowflakes-box .snowflake:nth-child(19) {
    animation: fall-19 28s linear -8s infinite;
    opacity: 1;
    transform: translate(55.4634vw,-20px) scale(.8381) rotate(400deg)
}

@keyframes fall-19 {
    17.688% {
        transform: translate(61.0013vw,17.688vh) scale(.8381) rotate(400deg)
    }

    to {
        transform: translate(55.463455379vw,100vh) scale(.8381) rotate(400deg)
    }
}

.snowflakes-box .snowflake:nth-child(20) {
    animation: fall-20 23s linear -11s infinite;
    opacity: .4586;
    transform: translate(26.6347vw,-20px) scale(.3561) rotate(220deg)
}

@keyframes fall-20 {
    19.085% {
        transform: translate(24.4815vw,19.085vh) scale(.3561) rotate(220deg)
    }

    to {
        transform: translate(26.634678468vw,100vh) scale(.3561) rotate(220deg)
    }
}

.snowflakes-box .snowflake:nth-child(21) {
    animation: fall-21 24s linear -3s infinite;
    opacity: .8668;
    transform: translate(75.6085vw,-20px) scale(.6242) rotate(220deg)
}

@keyframes fall-21 {
    12.468% {
        transform: translate(76.0619vw,12.468vh) scale(.6242) rotate(220deg)
    }

    to {
        transform: translate(75.608504534vw,100vh) scale(.6242) rotate(220deg)
    }
}

.snowflakes-box .snowflake:nth-child(22) {
    animation: fall-22 29s linear -7s infinite;
    opacity: .4388;
    transform: translate(16.589vw,-20px) scale(.8939) rotate(460deg)
}

@keyframes fall-22 {
    13.114% {
        transform: translate(11.6748vw,13.114vh) scale(.8939) rotate(460deg)
    }

    to {
        transform: translate(16.588950858vw,100vh) scale(.8939) rotate(460deg)
    }
}

.snowflakes-box .snowflake:nth-child(23) {
    animation: fall-23 11s linear -30s infinite;
    opacity: .5904;
    transform: translate(56.5833vw,-20px) scale(.5231) rotate(320deg)
}

@keyframes fall-23 {
    18.356% {
        transform: translate(60.2423vw,18.356vh) scale(.5231) rotate(320deg)
    }

    to {
        transform: translate(56.58333659vw,100vh) scale(.5231) rotate(320deg)
    }
}

.snowflakes-box .snowflake:nth-child(24) {
    animation: fall-24 25s linear -11s infinite;
    opacity: .779;
    transform: translate(94.5091vw,-20px) scale(.3078) rotate(500deg)
}

@keyframes fall-24 {
    15.011% {
        transform: translate(99.2686vw,15.011vh) scale(.3078) rotate(500deg)
    }

    to {
        transform: translate(94.509147595vw,100vh) scale(.3078) rotate(500deg)
    }
}

.snowflakes-box .snowflake:nth-child(25) {
    animation: fall-25 13s linear -18s infinite;
    opacity: 1;
    transform: translate(69.7724vw,-20px) scale(.2938) rotate(400deg)
}

@keyframes fall-25 {
    17.155% {
        transform: translate(61.5144vw,17.155vh) scale(.2938) rotate(400deg)
    }

    to {
        transform: translate(69.77231742vw,100vh) scale(.2938) rotate(400deg)
    }
}

.snowflakes-box .snowflake:nth-child(26) {
    animation: fall-26 11s linear -17s infinite;
    opacity: 1;
    transform: translate(25.2093vw,-20px) scale(.7306) rotate(560deg)
}

@keyframes fall-26 {
    14.727% {
        transform: translate(31.5173vw,14.727vh) scale(.7306) rotate(560deg)
    }

    to {
        transform: translate(25.20936308vw,100vh) scale(.7306) rotate(560deg)
    }
}

.snowflakes-box .snowflake:nth-child(27) {
    animation: fall-27 29s linear -19s infinite;
    opacity: 1;
    transform: translate(2.3911vw,-20px) scale(.2223) rotate(140deg)
}

@keyframes fall-27 {
    11.221% {
        transform: translate(10.1745vw,11.221vh) scale(.2223) rotate(140deg)
    }

    to {
        transform: translate(2.391177834vw,100vh) scale(.2223) rotate(140deg)
    }
}

.snowflakes-box .snowflake:nth-child(28) {
    animation: fall-28 20s linear -9s infinite;
    opacity: .7434;
    transform: translate(39.8572vw,-20px) scale(.7842) rotate(160deg)
}

@keyframes fall-28 {
    16.177% {
        transform: translate(44.7757vw,16.177vh) scale(.7842) rotate(160deg)
    }

    to {
        transform: translate(39.857249185vw,100vh) scale(.7842) rotate(160deg)
    }
}

.snowflakes-box .snowflake:nth-child(29) {
    animation: fall-29 26s linear -28s infinite;
    opacity: 1;
    transform: translate(35.3094vw,-20px) scale(.7979) rotate(1turn)
}

@keyframes fall-29 {
    16.596% {
        transform: translate(26.4626vw,16.596vh) scale(.7979) rotate(1turn)
    }

    to {
        transform: translate(35.309311532vw,100vh) scale(.7979) rotate(1turn)
    }
}

.snowflakes-box .snowflake:nth-child(30) {
    animation: fall-30 27s linear -15s infinite;
    opacity: 1;
    transform: translate(20.7093vw,-20px) scale(.9181) rotate(200deg)
}

@keyframes fall-30 {
    14.023% {
        transform: translate(29.3576vw,14.023vh) scale(.9181) rotate(200deg)
    }

    to {
        transform: translate(20.709386483vw,100vh) scale(.9181) rotate(200deg)
    }
}

.snowflakes-box .snowflake:nth-child(31) {
    animation: fall-31 13s linear -12s infinite;
    opacity: 1;
    transform: translate(2.5762vw,-20px) scale(.3872) rotate(20deg)
}

@keyframes fall-31 {
    15.74% {
        transform: translate(-6.2544vw,15.74vh) scale(.3872) rotate(20deg)
    }

    to {
        transform: translate(2.576111694vw,100vh) scale(.3872) rotate(20deg)
    }
}

.snowflakes-box .snowflake:nth-child(32) {
    animation: fall-32 26s linear -2s infinite;
    opacity: .634;
    transform: translate(25.7258vw,-20px) scale(.2742) rotate(180deg)
}

@keyframes fall-32 {
    14.215% {
        transform: translate(21.5683vw,14.215vh) scale(.2742) rotate(180deg)
    }

    to {
        transform: translate(25.725758425vw,100vh) scale(.2742) rotate(180deg)
    }
}

.snowflakes-box .snowflake:nth-child(33) {
    animation: fall-33 15s linear -20s infinite;
    opacity: .8024;
    transform: translate(64.5766vw,-20px) scale(.869) rotate(420deg)
}

@keyframes fall-33 {
    19.706% {
        transform: translate(72.9366vw,19.706vh) scale(.869) rotate(420deg)
    }

    to {
        transform: translate(64.5766836vw,100vh) scale(.869) rotate(420deg)
    }
}

.snowflakes-box .snowflake:nth-child(34) {
    animation: fall-34 24s linear -23s infinite;
    opacity: 1;
    transform: translate(46.913vw,-20px) scale(.2396) rotate(540deg)
}

@keyframes fall-34 {
    12.853% {
        transform: translate(49.2326vw,12.853vh) scale(.2396) rotate(540deg)
    }

    to {
        transform: translate(46.913023196vw,100vh) scale(.2396) rotate(540deg)
    }
}

.snowflakes-box .snowflake:nth-child(35) {
    animation: fall-35 17s linear -27s infinite;
    opacity: .7036;
    transform: translate(99.2815vw,-20px) scale(.9354) rotate(180deg)
}

@keyframes fall-35 {
    11.126% {
        transform: translate(96.4979vw,11.126vh) scale(.9354) rotate(180deg)
    }

    to {
        transform: translate(99.281472164vw,100vh) scale(.9354) rotate(180deg)
    }
}

.snowflakes-box .snowflake:nth-child(36) {
    animation: fall-36 21s linear -1s infinite;
    opacity: 1;
    transform: translate(74.1067vw,-20px) scale(.2737) rotate(380deg)
}

@keyframes fall-36 {
    12.857% {
        transform: translate(67.4621vw,12.857vh) scale(.2737) rotate(380deg)
    }

    to {
        transform: translate(74.106633554vw,100vh) scale(.2737) rotate(380deg)
    }
}

.snowflakes-box .snowflake:nth-child(37) {
    animation: fall-37 24s linear -16s infinite;
    opacity: .3006;
    transform: translate(10.2623vw,-20px) scale(.8244) rotate(40deg)
}

@keyframes fall-37 {
    19.234% {
        transform: translate(3.0647vw,19.234vh) scale(.8244) rotate(40deg)
    }

    to {
        transform: translate(10.262228024vw,100vh) scale(.8244) rotate(40deg)
    }
}

.snowflakes-box .snowflake:nth-child(38) {
    animation: fall-38 26s linear -2s infinite;
    opacity: 1;
    transform: translate(50.9784vw,-20px) scale(.6843) rotate(480deg)
}

@keyframes fall-38 {
    11.625% {
        transform: translate(51.1401vw,11.625vh) scale(.6843) rotate(480deg)
    }

    to {
        transform: translate(50.978401617vw,100vh) scale(.6843) rotate(480deg)
    }
}

.snowflakes-box .snowflake:nth-child(39) {
    animation: fall-39 10s linear -9s infinite;
    opacity: 1;
    transform: translate(51.8327vw,-20px) scale(.8058) rotate(180deg)
}

@keyframes fall-39 {
    18.717% {
        transform: translate(46.9898vw,18.717vh) scale(.8058) rotate(180deg)
    }

    to {
        transform: translate(51.832651571vw,100vh) scale(.8058) rotate(180deg)
    }
}

.snowflakes-box .snowflake:nth-child(40) {
    animation: fall-40 25s linear -5s infinite;
    opacity: 1;
    transform: translate(55.7605vw,-20px) scale(.3445) rotate(60deg)
}

@keyframes fall-40 {
    16.55% {
        transform: translate(47.4001vw,16.55vh) scale(.3445) rotate(60deg)
    }

    to {
        transform: translate(55.760416396vw,100vh) scale(.3445) rotate(60deg)
    }
}

.snowflakes-box .snowflake:nth-child(41) {
    animation: fall-41 27s linear -9s infinite;
    opacity: 1;
    transform: translate(87.1442vw,-20px) scale(.39) rotate(100deg)
}

@keyframes fall-41 {
    16.951% {
        transform: translate(92.1106vw,16.951vh) scale(.39) rotate(100deg)
    }

    to {
        transform: translate(87.144249664vw,100vh) scale(.39) rotate(100deg)
    }
}

.snowflakes-box .snowflake:nth-child(42) {
    animation: fall-42 30s linear -27s infinite;
    opacity: .6692;
    transform: translate(65.6358vw,-20px) scale(.6525) rotate(480deg)
}

@keyframes fall-42 {
    11.953% {
        transform: translate(74.9565vw,11.953vh) scale(.6525) rotate(480deg)
    }

    to {
        transform: translate(65.635893207vw,100vh) scale(.6525) rotate(480deg)
    }
}

.snowflakes-box .snowflake:nth-child(43) {
    animation: fall-43 14s linear -28s infinite;
    opacity: .4068;
    transform: translate(3.1569vw,-20px) scale(.7387) rotate(240deg)
}

@keyframes fall-43 {
    13.752% {
        transform: translate(5.7913vw,13.752vh) scale(.7387) rotate(240deg)
    }

    to {
        transform: translate(3.156926344vw,100vh) scale(.7387) rotate(240deg)
    }
}

.snowflakes-box .snowflake:nth-child(44) {
    animation: fall-44 15s linear -23s infinite;
    opacity: .5606;
    transform: translate(10.9383vw,-20px) scale(.6065) rotate(440deg)
}

@keyframes fall-44 {
    18.691% {
        transform: translate(17.5183vw,18.691vh) scale(.6065) rotate(440deg)
    }

    to {
        transform: translate(10.9383658vw,100vh) scale(.6065) rotate(440deg)
    }
}

.snowflakes-box .snowflake:nth-child(45) {
    animation: fall-45 25s linear -26s infinite;
    opacity: .6702;
    transform: translate(68.6471vw,-20px) scale(.0097) rotate(560deg)
}

@keyframes fall-45 {
    14.952% {
        transform: translate(61.8653vw,14.952vh) scale(.0097) rotate(560deg)
    }

    to {
        transform: translate(68.647032182vw,100vh) scale(.0097) rotate(560deg)
    }
}

.snowflakes-box .snowflake:nth-child(46) {
    animation: fall-46 24s linear -19s infinite;
    opacity: 1;
    transform: translate(58.0894vw,-20px) scale(.4061) rotate(280deg)
}

@keyframes fall-46 {
    14.159% {
        transform: translate(64.7879vw,14.159vh) scale(.4061) rotate(280deg)
    }

    to {
        transform: translate(58.089466985vw,100vh) scale(.4061) rotate(280deg)
    }
}

.snowflakes-box .snowflake:nth-child(47) {
    animation: fall-47 14s linear -4s infinite;
    opacity: .718;
    transform: translate(72.7822vw,-20px) scale(.8776) rotate(500deg)
}

@keyframes fall-47 {
    18.185% {
        transform: translate(81.9332vw,18.185vh) scale(.8776) rotate(500deg)
    }

    to {
        transform: translate(72.78229151vw,100vh) scale(.8776) rotate(500deg)
    }
}

.snowflakes-box .snowflake:nth-child(48) {
    animation: fall-48 14s linear -30s infinite;
    opacity: 1;
    transform: translate(14.4111vw,-20px) scale(.6661) rotate(320deg)
}

@keyframes fall-48 {
    16.843% {
        transform: translate(10.9488vw,16.843vh) scale(.6661) rotate(320deg)
    }

    to {
        transform: translate(14.411065377vw,100vh) scale(.6661) rotate(320deg)
    }
}

.snowflakes-box .snowflake:nth-child(49) {
    animation: fall-49 17s linear -28s infinite;
    opacity: .8278;
    transform: translate(62.2743vw,-20px) scale(.6111) rotate(460deg)
}

@keyframes fall-49 {
    19.085% {
        transform: translate(59.8489vw,19.085vh) scale(.6111) rotate(460deg)
    }

    to {
        transform: translate(62.274275746vw,100vh) scale(.6111) rotate(460deg)
    }
}

.snowflakes-box .snowflake:nth-child(50) {
    animation: fall-50 10s linear -28s infinite;
    opacity: 1;
    transform: translate(45.2482vw,-20px) scale(.8372) rotate(180deg)
}

@keyframes fall-50 {
    16.642% {
        transform: translate(44.5493vw,16.642vh) scale(.8372) rotate(180deg)
    }

    to {
        transform: translate(45.248193011vw,100vh) scale(.8372) rotate(180deg)
    }
}

.snowflakes-box .snowflake:nth-child(51) {
    animation: fall-51 16s linear -15s infinite;
    opacity: 1;
    transform: translate(51.0156vw,-20px) scale(.0731) rotate(240deg)
}

@keyframes fall-51 {
    16.806% {
        transform: translate(43.636vw,16.806vh) scale(.0731) rotate(240deg)
    }

    to {
        transform: translate(51.015526204vw,100vh) scale(.0731) rotate(240deg)
    }
}

.snowflakes-box .snowflake:nth-child(52) {
    animation: fall-52 14s linear -13s infinite;
    opacity: 1;
    transform: translate(25.1406vw,-20px) scale(.9042) rotate(20deg)
}

@keyframes fall-52 {
    16.634% {
        transform: translate(23.8709vw,16.634vh) scale(.9042) rotate(20deg)
    }

    to {
        transform: translate(25.140587303vw,100vh) scale(.9042) rotate(20deg)
    }
}

.snowflakes-box .snowflake:nth-child(53) {
    animation: fall-53 19s linear -29s infinite;
    opacity: .2006;
    transform: translate(1.3799vw,-20px) scale(.9463) rotate(60deg)
}

.cs2bgd31 {
    display: flex;
    height: 20px;
    width: 20px;
    cursor: pointer;
    border-radius: 6px;
    justify-content: center;
    align-items: center;
    transition: 0.3s;
}

@keyframes fall-53 {
    10.474% {
        transform: translate(7.5288vw,10.474vh) scale(.9463) rotate(60deg)
    }

    to {
        transform: translate(1.379961489vw,100vh) scale(.9463) rotate(60deg)
    }
}

.snowflakes-box .snowflake:nth-child(54) {
    animation: fall-54 15s linear -19s infinite;
    opacity: 1;
    transform: translate(51.5389vw,-20px) scale(.7381) rotate(80deg)
}

@keyframes fall-54 {
    13.854% {
        transform: translate(60.604vw,13.854vh) scale(.7381) rotate(80deg)
    }

    to {
        transform: translate(51.538990651vw,100vh) scale(.7381) rotate(80deg)
    }
}

.snowflakes-box .snowflake:nth-child(55) {
    animation: fall-55 22s linear -22s infinite;
    opacity: 1;
    transform: translate(84.0781vw,-20px) scale(.5693) rotate(220deg)
}

@keyframes fall-55 {
    11.004% {
        transform: translate(85.4684vw,11.004vh) scale(.5693) rotate(220deg)
    }

    to {
        transform: translate(84.078113903vw,100vh) scale(.5693) rotate(220deg)
    }
}

.snowflakes-box .snowflake:nth-child(56) {
    animation: fall-56 26s linear -5s infinite;
    opacity: 1;
    transform: translate(95.2082vw,-20px) scale(.9871) rotate(100deg)
}

@keyframes fall-56 {
    10.7% {
        transform: translate(101.335vw,10.7vh) scale(.9871) rotate(100deg)
    }

    to {
        transform: translate(95.208261268vw,100vh) scale(.9871) rotate(100deg)
    }
}

.snowflakes-box .snowflake:nth-child(57) {
    animation: fall-57 16s linear -15s infinite;
    opacity: 1;
    transform: translate(8.6861vw,-20px) scale(.3597) rotate(540deg)
}

@keyframes fall-57 {
    10.115% {
        transform: translate(5.1597vw,10.115vh) scale(.3597) rotate(540deg)
    }

    to {
        transform: translate(8.686064736vw,100vh) scale(.3597) rotate(540deg)
    }
}

.snowflakes-box .snowflake:nth-child(58) {
    animation: fall-58 26s linear -9s infinite;
    opacity: .3908;
    transform: translate(80.5801vw,-20px) scale(.9172) rotate(240deg)
}

@keyframes fall-58 {
    12.367% {
        transform: translate(78.4052vw,12.367vh) scale(.9172) rotate(240deg)
    }

    to {
        transform: translate(80.580078251vw,100vh) scale(.9172) rotate(240deg)
    }
}

.snowflakes-box .snowflake:nth-child(59) {
    animation: fall-59 23s linear -23s infinite;
    opacity: .8294;
    transform: translate(44.3049vw,-20px) scale(.3715) rotate(560deg)
}

@keyframes fall-59 {
    11.759% {
        transform: translate(38.9391vw,11.759vh) scale(.3715) rotate(560deg)
    }

    to {
        transform: translate(44.304846342vw,100vh) scale(.3715) rotate(560deg)
    }
}

.snowflakes-box .snowflake:nth-child(60) {
    animation: fall-60 20s linear -18s infinite;
    opacity: 1;
    transform: translate(9.7594vw,-20px) scale(.768) rotate(540deg)
}

@keyframes fall-60 {
    15.309% {
        transform: translate(19.653vw,15.309vh) scale(.768) rotate(540deg)
    }

    to {
        transform: translate(9.759498936vw,100vh) scale(.768) rotate(540deg)
    }
}

.snowflakes-box .snowflake:nth-child(61) {
    animation: fall-61 27s linear -25s infinite;
    opacity: 1;
    transform: translate(89.1148vw,-20px) scale(.7318) rotate(140deg)
}

@keyframes fall-61 {
    19.315% {
        transform: translate(91.3265vw,19.315vh) scale(.7318) rotate(140deg)
    }

    to {
        transform: translate(89.114822117vw,100vh) scale(.7318) rotate(140deg)
    }
}

.snowflakes-box .snowflake:nth-child(62) {
    animation: fall-62 26s linear -5s infinite;
    opacity: 1;
    transform: translate(13.3147vw,-20px) scale(.6184) rotate(140deg)
}

@keyframes fall-62 {
    11.553% {
        transform: translate(10.2882vw,11.553vh) scale(.6184) rotate(140deg)
    }

    to {
        transform: translate(13.314669735vw,100vh) scale(.6184) rotate(140deg)
    }
}

.snowflakes-box .snowflake:nth-child(63) {
    animation: fall-63 19s linear -7s infinite;
    opacity: .1854;
    transform: translate(58.6644vw,-20px) scale(.1883) rotate(120deg)
}

@keyframes fall-63 {
    18.34% {
        transform: translate(64.9979vw,18.34vh) scale(.1883) rotate(120deg)
    }

    to {
        transform: translate(58.664463335vw,100vh) scale(.1883) rotate(120deg)
    }
}

.snowflakes-box .snowflake:nth-child(64) {
    animation: fall-64 21s linear -29s infinite;
    opacity: .3366;
    transform: translate(66.7757vw,-20px) scale(.0129) rotate(440deg)
}

@keyframes fall-64 {
    19.389% {
        transform: translate(59.8866vw,19.389vh) scale(.0129) rotate(440deg)
    }

    to {
        transform: translate(66.775631109vw,100vh) scale(.0129) rotate(440deg)
    }
}

.snowflakes-box .snowflake:nth-child(65) {
    animation: fall-65 20s linear -15s infinite;
    opacity: 1;
    transform: translate(79.1918vw,-20px) scale(.4193) rotate(460deg)
}

@keyframes fall-65 {
    10.167% {
        transform: translate(85.0738vw,10.167vh) scale(.4193) rotate(460deg)
    }

    to {
        transform: translate(79.19185882vw,100vh) scale(.4193) rotate(460deg)
    }
}

.snowflakes-box .snowflake:nth-child(66) {
    animation: fall-66 14s linear -23s infinite;
    opacity: 1;
    transform: translate(23.427vw,-20px) scale(.2273) rotate(140deg)
}

@keyframes fall-66 {
    12.829% {
        transform: translate(13.5608vw,12.829vh) scale(.2273) rotate(140deg)
    }

    to {
        transform: translate(23.426901338vw,100vh) scale(.2273) rotate(140deg)
    }
}

.snowflakes-box .snowflake:nth-child(67) {
    animation: fall-67 11s linear -28s infinite;
    opacity: 1;
    transform: translate(26.3649vw,-20px) scale(.8695) rotate(60deg)
}

@keyframes fall-67 {
    12.587% {
        transform: translate(32.9065vw,12.587vh) scale(.8695) rotate(60deg)
    }

    to {
        transform: translate(26.364965416vw,100vh) scale(.8695) rotate(60deg)
    }
}

.snowflakes-box .snowflake:nth-child(68) {
    animation: fall-68 12s linear -15s infinite;
    opacity: 1;
    transform: translate(19.016vw,-20px) scale(.1174) rotate(500deg)
}

@keyframes fall-68 {
    12.82% {
        transform: translate(20.926vw,12.82vh) scale(.1174) rotate(500deg)
    }

    to {
        transform: translate(19.0160191vw,100vh) scale(.1174) rotate(500deg)
    }
}

.snowflakes-box .snowflake:nth-child(69) {
    animation: fall-69 13s linear -9s infinite;
    opacity: .0664;
    transform: translate(70.2864vw,-20px) scale(.4023) rotate(600deg)
}

@keyframes fall-69 {
    19.063% {
        transform: translate(80.0123vw,19.063vh) scale(.4023) rotate(600deg)
    }

    to {
        transform: translate(70.286497259vw,100vh) scale(.4023) rotate(600deg)
    }
}

.snowflakes-box .snowflake:nth-child(70) {
    animation: fall-70 18s linear -28s infinite;
    opacity: .3756;
    transform: translate(4.9489vw,-20px) scale(.306) rotate(560deg)
}

@keyframes fall-70 {
    14.651% {
        transform: translate(-1.0881vw,14.651vh) scale(.306) rotate(560deg)
    }

    to {
        transform: translate(4.94883963vw,100vh) scale(.306) rotate(560deg)
    }
}

.snowflakes-box .snowflake:nth-child(71) {
    animation: fall-71 20s linear -2s infinite;
    opacity: .472;
    transform: translate(95.8009vw,-20px) scale(.5938) rotate(300deg)
}

@keyframes fall-71 {
    14.052% {
        transform: translate(104.2548vw,14.052vh) scale(.5938) rotate(300deg)
    }

    to {
        transform: translate(95.800984539vw,100vh) scale(.5938) rotate(300deg)
    }
}

.snowflakes-box .snowflake:nth-child(72) {
    animation: fall-72 17s linear -14s infinite;
    opacity: .4306;
    transform: translate(69.7493vw,-20px) scale(.1573) rotate(60deg)
}

@keyframes fall-72 {
    15.588% {
        transform: translate(63.4337vw,15.588vh) scale(.1573) rotate(60deg)
    }

    to {
        transform: translate(69.749236844vw,100vh) scale(.1573) rotate(60deg)
    }
}

.snowflakes-box .snowflake:nth-child(73) {
    animation: fall-73 21s linear -24s infinite;
    opacity: .9742;
    transform: translate(4.466vw,-20px) scale(.1498) rotate(320deg)
}

@keyframes fall-73 {
    18.973% {
        transform: translate(-3.2367vw,18.973vh) scale(.1498) rotate(320deg)
    }

    to {
        transform: translate(4.465922973vw,100vh) scale(.1498) rotate(320deg)
    }
}

.snowflakes-box .snowflake:nth-child(74) {
    animation: fall-74 18s linear -24s infinite;
    opacity: .0104;
    transform: translate(5.0172vw,-20px) scale(.9591) rotate(80deg)
}

@keyframes fall-74 {
    16.414% {
        transform: translate(2.9169vw,16.414vh) scale(.9591) rotate(80deg)
    }

    to {
        transform: translate(5.017178997vw,100vh) scale(.9591) rotate(80deg)
    }
}

.snowflakes-box .snowflake:nth-child(75) {
    animation: fall-75 19s linear -17s infinite;
    opacity: 1;
    transform: translate(.8932vw,-20px) scale(.2064) rotate(420deg)
}

@keyframes fall-75 {
    10.873% {
        transform: translate(-3.6378vw,10.873vh) scale(.2064) rotate(420deg)
    }

    to {
        transform: translate(.89315469vw,100vh) scale(.2064) rotate(420deg)
    }
}

.snowflakes-box .snowflake:nth-child(76) {
    animation: fall-76 10s linear -9s infinite;
    opacity: 1;
    transform: translate(43.4157vw,-20px) scale(.6746) rotate(500deg)
}

@keyframes fall-76 {
    19.782% {
        transform: translate(50.4765vw,19.782vh) scale(.6746) rotate(500deg)
    }

    to {
        transform: translate(43.415770608vw,100vh) scale(.6746) rotate(500deg)
    }
}

.snowflakes-box .snowflake:nth-child(77) {
    animation: fall-77 12s linear -8s infinite;
    opacity: .3818;
    transform: translate(73.9044vw,-20px) scale(.0466) rotate(540deg)
}

@keyframes fall-77 {
    16.469% {
        transform: translate(76.7319vw,16.469vh) scale(.0466) rotate(540deg)
    }

    to {
        transform: translate(73.904428275vw,100vh) scale(.0466) rotate(540deg)
    }
}

.snowflakes-box .snowflake:nth-child(78) {
    animation: fall-78 21s linear -2s infinite;
    opacity: .2086;
    transform: translate(12.1918vw,-20px) scale(.7536) rotate(120deg)
}

@keyframes fall-78 {
    15.309% {
        transform: translate(8.223vw,15.309vh) scale(.7536) rotate(120deg)
    }

    to {
        transform: translate(12.191760312vw,100vh) scale(.7536) rotate(120deg)
    }
}

.snowflakes-box .snowflake:nth-child(79) {
    animation: fall-79 21s linear -11s infinite;
    opacity: .8862;
    transform: translate(42.4113vw,-20px) scale(.6333) rotate(400deg)
}

@keyframes fall-79 {
    15.622% {
        transform: translate(46.3064vw,15.622vh) scale(.6333) rotate(400deg)
    }

    to {
        transform: translate(42.411338951vw,100vh) scale(.6333) rotate(400deg)
    }
}

.snowflakes-box .snowflake:nth-child(80) {
    animation: fall-80 13s linear -22s infinite;
    opacity: .139;
    transform: translate(53.0642vw,-20px) scale(.7768) rotate(420deg)
}

@keyframes fall-80 {
    18.634% {
        transform: translate(58.181vw,18.634vh) scale(.7768) rotate(420deg)
    }

    to {
        transform: translate(53.064251168vw,100vh) scale(.7768) rotate(420deg)
    }
}

.snowflakes-box .snowflake:nth-child(81) {
    animation: fall-81 29s linear -12s infinite;
    opacity: 1;
    transform: translate(78.4814vw,-20px) scale(.0939) rotate(340deg)
}

@keyframes fall-81 {
    11.386% {
        transform: translate(80.9681vw,11.386vh) scale(.0939) rotate(340deg)
    }

    to {
        transform: translate(78.481424867vw,100vh) scale(.0939) rotate(340deg)
    }
}

.snowflakes-box .snowflake:nth-child(82) {
    animation: fall-82 14s linear -26s infinite;
    opacity: .357;
    transform: translate(68.5713vw,-20px) scale(.3685) rotate(1turn)
}

@keyframes fall-82 {
    12.411% {
        transform: translate(64.5545vw,12.411vh) scale(.3685) rotate(1turn)
    }

    to {
        transform: translate(68.571259832vw,100vh) scale(.3685) rotate(1turn)
    }
}

.snowflakes-box .snowflake:nth-child(83) {
    animation: fall-83 10s linear -29s infinite;
    opacity: .9488;
    transform: translate(57.6592vw,-20px) scale(.1724) rotate(540deg)
}

@keyframes fall-83 {
    11.036% {
        transform: translate(56.241vw,11.036vh) scale(.1724) rotate(540deg)
    }

    to {
        transform: translate(57.659185818vw,100vh) scale(.1724) rotate(540deg)
    }
}

.snowflakes-box .snowflake:nth-child(84) {
    animation: fall-84 15s linear -15s infinite;
    opacity: .2908;
    transform: translate(78.3856vw,-20px) scale(.0246) rotate(600deg)
}

@keyframes fall-84 {
    13.789% {
        transform: translate(78.722vw,13.789vh) scale(.0246) rotate(600deg)
    }

    to {
        transform: translate(78.385603364vw,100vh) scale(.0246) rotate(600deg)
    }
}

.snowflakes-box .snowflake:nth-child(85) {
    animation: fall-85 30s linear -1s infinite;
    opacity: 1;
    transform: translate(52.0041vw,-20px) scale(.2601) rotate(480deg)
}

@keyframes fall-85 {
    10.23% {
        transform: translate(56.4435vw,10.23vh) scale(.2601) rotate(480deg)
    }

    to {
        transform: translate(52.004144394vw,100vh) scale(.2601) rotate(480deg)
    }
}

.snowflakes-box .snowflake:nth-child(86) {
    animation: fall-86 30s linear -12s infinite;
    opacity: 1;
    transform: translate(59.5535vw,-20px) scale(.491) rotate(480deg)
}

@keyframes fall-86 {
    11.287% {
        transform: translate(61.7213vw,11.287vh) scale(.491) rotate(480deg)
    }

    to {
        transform: translate(59.553521678vw,100vh) scale(.491) rotate(480deg)
    }
}

.snowflakes-box .snowflake:nth-child(87) {
    animation: fall-87 11s linear -27s infinite;
    opacity: 1;
    transform: translate(13.3348vw,-20px) scale(.0506) rotate(180deg)
}

@keyframes fall-87 {
    12.044% {
        transform: translate(13.944vw,12.044vh) scale(.0506) rotate(180deg)
    }

    to {
        transform: translate(13.334806092vw,100vh) scale(.0506) rotate(180deg)
    }
}

.snowflakes-box .snowflake:nth-child(88) {
    animation: fall-88 28s linear -5s infinite;
    opacity: 1;
    transform: translate(9.3745vw,-20px) scale(.7808) rotate(460deg)
}

@keyframes fall-88 {
    11.904% {
        transform: translate(2.3133vw,11.904vh) scale(.7808) rotate(460deg)
    }

    to {
        transform: translate(9.374429388vw,100vh) scale(.7808) rotate(460deg)
    }
}

.snowflakes-box .snowflake:nth-child(89) {
    animation: fall-89 19s linear -17s infinite;
    opacity: 1;
    transform: translate(7.4814vw,-20px) scale(.5653) rotate(480deg)
}

@keyframes fall-89 {
    14.563% {
        transform: translate(-1.7198vw,14.563vh) scale(.5653) rotate(480deg)
    }

    to {
        transform: translate(7.481307988vw,100vh) scale(.5653) rotate(480deg)
    }
}

.snowflakes-box .snowflake:nth-child(90) {
    animation: fall-90 25s linear -6s infinite;
    opacity: 1;
    transform: translate(64.0818vw,-20px) scale(.9293) rotate(560deg)
}

@keyframes fall-90 {
    15.574% {
        transform: translate(72.7785vw,15.574vh) scale(.9293) rotate(560deg)
    }

    to {
        transform: translate(64.081886967vw,100vh) scale(.9293) rotate(560deg)
    }
}

.snowflakes-box .snowflake:nth-child(91) {
    animation: fall-91 13s linear -8s infinite;
    opacity: 1;
    transform: translate(37.8889vw,-20px) scale(.1389) rotate(340deg)
}

@keyframes fall-91 {
    15.571% {
        transform: translate(42.9041vw,15.571vh) scale(.1389) rotate(340deg)
    }

    to {
        transform: translate(37.888950152vw,100vh) scale(.1389) rotate(340deg)
    }
}

.snowflakes-box .snowflake:nth-child(92) {
    animation: fall-92 19s linear -8s infinite;
    opacity: .5658;
    transform: translate(76.1665vw,-20px) scale(.2895) rotate(340deg)
}

@keyframes fall-92 {
    17.836% {
        transform: translate(72.7589vw,17.836vh) scale(.2895) rotate(340deg)
    }

    to {
        transform: translate(76.166465924vw,100vh) scale(.2895) rotate(340deg)
    }
}

.snowflakes-box .snowflake:nth-child(93) {
    animation: fall-93 27s linear -24s infinite;
    opacity: 1;
    transform: translate(94.5839vw,-20px) scale(.3934) rotate(200deg)
}

@keyframes fall-93 {
    11.782% {
        transform: translate(101.0805vw,11.782vh) scale(.3934) rotate(200deg)
    }

    to {
        transform: translate(94.583964966vw,100vh) scale(.3934) rotate(200deg)
    }
}

.snowflakes-box .snowflake:nth-child(94) {
    animation: fall-94 29s linear -25s infinite;
    opacity: 1;
    transform: translate(80.5463vw,-20px) scale(.9311) rotate(160deg)
}

@keyframes fall-94 {
    13.429% {
        transform: translate(74.7995vw,13.429vh) scale(.9311) rotate(160deg)
    }

    to {
        transform: translate(80.546242532vw,100vh) scale(.9311) rotate(160deg)
    }
}

.snowflakes-box .snowflake:nth-child(95) {
    animation: fall-95 17s linear -19s infinite;
    opacity: .591;
    transform: translate(73.9782vw,-20px) scale(.949) rotate(20deg)
}

@keyframes fall-95 {
    14.44% {
        transform: translate(81.2775vw,14.44vh) scale(.949) rotate(20deg)
    }

    to {
        transform: translate(73.978272993vw,100vh) scale(.949) rotate(20deg)
    }
}

.snowflakes-box .snowflake:nth-child(96) {
    animation: fall-96 25s linear -21s infinite;
    opacity: .1172;
    transform: translate(89.2368vw,-20px) scale(.3348) rotate(220deg)
}

@keyframes fall-96 {
    13.073% {
        transform: translate(91.3903vw,13.073vh) scale(.3348) rotate(220deg)
    }

    to {
        transform: translate(89.236821535vw,100vh) scale(.3348) rotate(220deg)
    }
}

.snowflakes-box .snowflake:nth-child(97) {
    animation: fall-97 15s linear -1s infinite;
    opacity: 1;
    transform: translate(78.9114vw,-20px) scale(.3778) rotate(60deg)
}

@keyframes fall-97 {
    18.099% {
        transform: translate(82.0241vw,18.099vh) scale(.3778) rotate(60deg)
    }

    to {
        transform: translate(78.911431127vw,100vh) scale(.3778) rotate(60deg)
    }
}

.snowflakes-box .snowflake:nth-child(98) {
    animation: fall-98 29s linear -8s infinite;
    opacity: .9128;
    transform: translate(56.7353vw,-20px) scale(.4104) rotate(520deg)
}

@keyframes fall-98 {
    18.75% {
        transform: translate(54.4127vw,18.75vh) scale(.4104) rotate(520deg)
    }

    to {
        transform: translate(56.735276774vw,100vh) scale(.4104) rotate(520deg)
    }
}

.snowflakes-box .snowflake:nth-child(99) {
    animation: fall-99 28s linear -8s infinite;
    opacity: 1;
    transform: translate(93.2123vw,-20px) scale(.5087) rotate(40deg)
}

@keyframes fall-99 {
    19.328% {
        transform: translate(89.756vw,19.328vh) scale(.5087) rotate(40deg)
    }

    to {
        transform: translate(93.212265437vw,100vh) scale(.5087) rotate(40deg)
    }
}

.snowflakes-box .snowflake:nth-child(100) {
    animation: fall-100 17s linear -24s infinite;
    opacity: .7784;
    transform: translate(11.2737vw,-20px) scale(.2515) rotate(500deg)
}

@keyframes fall-100 {
    11.797% {
        transform: translate(13.8374vw,11.797vh) scale(.2515) rotate(500deg)
    }

    to {
        transform: translate(11.273725637vw,100vh) scale(.2515) rotate(500deg)
    }
}

.snowball-box .snow-layer {
    background-color: #fff;
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    width: 100%;
    z-index: 100
}

.snowball-box .snow-layer .snowball-wrap {
    bottom: 0;
    display: flex;
    height: 0;
    perspective: 100px;
    position: relative;
    transform: translateY(0);
    transition: transform .5s ease-in;
    width: 100%;
    z-index: 50
}

.snowball-box .snow-layer .snowball-wrap:after {
    background: #f1f9fc;
    bottom: 0;
    content: "";
    display: none;
    height: 7px;
    left: 0;
    position: absolute;
    width: 100%
}

.snowball-box .snow-layer .snowball-wrap a {
    background-color: #f1f9fc;
    border-radius: 60% 40% 0 0;
    box-shadow: inset -10px 0 14px 0 #c8ebf8;
    display: block;
    flex: auto;
    font-family: FontAwesome;
    max-width: 50%;
    position: relative;
    transform: translateY(-6px);
    transition: all .5s linear;
    z-index: 3
}

.snowball-box .snow-layer .snowball-wrap a svg:first-child {
    color: #a6e7ff;
    content: "";
    height: 12px!important;
    position: absolute;
    right: 20%;
    top: 10%;
    width: 12px!important
}

.snowball-box .snow-layer .snowball-wrap a svg:last-child {
    color: #a6e7ff;
    content: "";
    height: 12px!important;
    left: 30%;
    position: absolute;
    top: 15%;
    width: 12px!important
}

.snowball-box .snow-layer .snowball-wrap a:nth-child(2) {
    border-radius: 40% 40% 0 0;
    box-shadow: inset 10px 0 7px 0 #e6fcf9;
    height: 70px;
    margin-top: 10px
}

.snowball-box .snow-layer .snowball-wrap a:nth-child(3) {
    border-radius: 65% 50% 0 0;
    box-shadow: inset 5px 0 7px 0 #c5f2ed;
    height: 90px;
    margin-top: 15px
}

.snowball-box .snow-layer .snowball-wrap a:nth-child(4) {
    box-shadow: inset -10px 0 14px 0 #c8ebf8;
    height: 50px
}

.snowball-box .snow-layer .snowball-wrap a:nth-child(5) {
    border-radius: 40% 46% 0 0;
    height: 70px;
    margin-top: 25px
}

.snowball-box .snow-layer .snowball-wrap a:nth-child(6) {
    border-radius: 66% 45% 0 0;
    box-shadow: inset 5px 0 5px 0 #c5f2ed;
    height: 90px
}

.snowball-box .snow-layer .snowball-wrap a:nth-child(7) {
    border-radius: 40% 45% 0 0;
    height: 90px;
    margin-top: 18px
}

.snowball-box .snow-layer .snowball-wrap a:nth-child(8) {
    box-shadow: inset 7px 0 7px 0 #e6fcf9;
    height: 90px
}

.snowball-box .snow-layer .snowball-wrap a:nth-child(9) {
    border-radius: 40% 40% 0 0;
    box-shadow: inset 5px 0 10px 0 #c5f2ed;
    height: 90px
}

.snowball-box .snow-layer .snowball-wrap a:nth-child(10) {
    box-shadow: inset -10px 0 7px 0 #c5f2ed;
    height: 70px
}

.snowball-box .snow-layer .snowball-wrap a:only-child {
    border-radius: 45% 15% 0 0
}

.snowball-box .snow-layer .snowball-wrap a:only-child:before {
    right: 50%;
    top: 0;
    transform: translateX(-50%)
}

.snowball-box .snow-layer .snowball-wrap a:only-child:after {
    border-radius: 63% 25% 0 0;
    height: 45%;
    left: 0;
    top: 0;
    transform: translateY(0);
    transition: all 8s linear;
    width: 31%
}

.snowball-box .snow-layer .snowball-wrap a:last-child {
    flex: 1
}

.snowball-box .snow-layer .snowball-wrap a:nth-child(3n+3) {
    box-shadow: inset 0 0 20px #f5f5f5,inset 20px 0 20px #c8ebf8,inset -20px 0 20px #c5f2ed,inset 20px 0 10px #c8ebf8,inset -20px 0 20px #c5f2ed,0 0 20px #fff,-10px 0 20px #c8ebf8,10px 0 20px #c5f2ed
}

.snowball-box .snow-layer .snowball-wrap a:nth-child(2n) {
    margin-left: -40px;
    z-index: 2
}

.snowball-box .snow-layer .snowball-wrap a:nth-child(2n):after {
    left: 50%;
    top: -2px
}

.snowball-box .snow-layer .snowball-wrap a:first-child {
    min-width: 145px
}

.snowball-box .snow-layer .snowball-wrap a:first-child:before {
    animation: falldown-1 19s linear 3s infinite;
    opacity: 1
}

.snowball-box .snow-layer .snowball-wrap a:first-child:after {
    opacity: 1
}

@keyframes falldown-1 {
    16.904% {
        opacity: 0
    }

    to {
        box-shadow: inset -3px 0 10px 0 #c8ebf8;
        opacity: 1
    }
}

.snowball-box .snow-layer .snowball-wrap a:nth-child(2) {
    min-width: 91px
}

.snowball-box .snow-layer .snowball-wrap a:nth-child(2):before {
    animation: falldown-2 10s linear 22s infinite;
    opacity: 1
}

.snowball-box .snow-layer .snowball-wrap a:nth-child(2):after {
    opacity: 1
}

@keyframes falldown-2 {
    12.253% {
        opacity: 0
    }

    to {
        box-shadow: inset -3px 0 10px 0 #c8ebf8;
        opacity: 1
    }
}

.snowball-box .snow-layer .snowball-wrap a:nth-child(3) {
    min-width: 113px
}

.snowball-box .snow-layer .snowball-wrap a:nth-child(3):before {
    animation: falldown-3 15s linear 2s infinite;
    opacity: 1
}

.snowball-box .snow-layer .snowball-wrap a:nth-child(3):after {
    opacity: 1
}

@keyframes falldown-3 {
    10.85% {
        opacity: 0
    }

    to {
        box-shadow: inset -3px 0 10px 0 #c8ebf8;
        opacity: 1
    }
}

.snowball-box .snow-layer .snowball-wrap a:nth-child(4) {
    min-width: 85px
}

.snowball-box .snow-layer .snowball-wrap a:nth-child(4):before {
    animation: falldown-4 18s linear 12s infinite;
    opacity: .466
}

.snowball-box .snow-layer .snowball-wrap a:nth-child(4):after {
    opacity: 1
}

@keyframes falldown-4 {
    18.644% {
        opacity: 0
    }

    to {
        box-shadow: inset -3px 0 10px 0 #c8ebf8;
        opacity: 1
    }
}

.snowball-box .snow-layer .snowball-wrap a:nth-child(5) {
    min-width: 88px
}

.snowball-box .snow-layer .snowball-wrap a:nth-child(5):before {
    animation: falldown-5 15s linear 16s infinite;
    opacity: 1
}

.snowball-box .snow-layer .snowball-wrap a:nth-child(5):after {
    opacity: 1
}

@keyframes falldown-5 {
    15.937% {
        opacity: 0
    }

    to {
        box-shadow: inset -3px 0 10px 0 #c8ebf8;
        opacity: 1
    }
}

.snowball-box .snow-layer .snowball-wrap a:nth-child(6) {
    min-width: 94px
}

.snowball-box .snow-layer .snowball-wrap a:nth-child(6):before {
    animation: falldown-6 17s linear 5s infinite;
    opacity: 1
}

.snowball-box .snow-layer .snowball-wrap a:nth-child(6):after {
    opacity: 1
}

@keyframes falldown-6 {
    12.129% {
        opacity: 0
    }

    to {
        box-shadow: inset -3px 0 10px 0 #c8ebf8;
        opacity: 1
    }
}

.snowball-box .snow-layer .snowball-wrap a:nth-child(7) {
    min-width: 92px
}

.snowball-box .snow-layer .snowball-wrap a:nth-child(7):before {
    animation: falldown-7 29s linear 22s infinite;
    opacity: 1
}

.snowball-box .snow-layer .snowball-wrap a:nth-child(7):after {
    opacity: 1
}

@keyframes falldown-7 {
    17.189% {
        opacity: 0
    }

    to {
        box-shadow: inset -3px 0 10px 0 #c8ebf8;
        opacity: 1
    }
}

.snowball-box .snow-layer .snowball-wrap a:nth-child(8) {
    min-width: 115px
}

.snowball-box .snow-layer .snowball-wrap a:nth-child(8):before {
    animation: falldown-8 26s linear 21s infinite;
    opacity: 1
}

.snowball-box .snow-layer .snowball-wrap a:nth-child(8):after {
    opacity: 1
}

@keyframes falldown-8 {
    18.545% {
        opacity: 0
    }

    to {
        box-shadow: inset -3px 0 10px 0 #c8ebf8;
        opacity: 1
    }
}

.snowball-box .snow-layer .snowball-wrap a:nth-child(9) {
    min-width: 134px
}

.snowball-box .snow-layer .snowball-wrap a:nth-child(9):before {
    animation: falldown-9 13s linear 17s infinite;
    opacity: .8806
}

.snowball-box .snow-layer .snowball-wrap a:nth-child(9):after {
    opacity: 1
}

@keyframes falldown-9 {
    12.861% {
        opacity: 0
    }

    to {
        box-shadow: inset -3px 0 10px 0 #c8ebf8;
        opacity: 1
    }
}
.snowball-box .snow-layer .snowball-wrap a:nth-child(10) {
    min-width: 126px
}

.snowball-box .snow-layer .snowball-wrap a:nth-child(10):before {
    animation: falldown-10 23s linear 10s infinite;
    opacity: .8694
}

.snowball-box .snow-layer .snowball-wrap a:nth-child(10):after {
    opacity: 1
}

@keyframes falldown-10 {
    14.345% {
        opacity: 0
    }

    to {
        box-shadow: inset -3px 0 10px 0 #c8ebf8;
        opacity: 1
    }
}

.snowball-box .snow-layer .snowball-wrap a.active-for-one {
    animation: move 2s cubic-bezier(.22,.68,0,1.71) forwards
}

.snowball-box .snow-layer .snowball-wrap a.active {
    animation: move 5s linear forwards
}

@media screen and (max-width: 1024px) {
    .snowball-box .snow-layer .snowball-wrap a.active {
        animation:move 5s linear 1s forwards
    }
}

.snowball-box .snow-layer .snowball-wrap a.move-out {
    opacity: 0
}

.snowball-box .snow-plow-img {
    background-repeat: no-repeat;
    background-size: contain;
    height: 100px;
    opacity: 0;
    position: relative;
    transform: translate(150px,-70px);
    transition: transform 1s linear;
    -moz-transition: transform 5s linear;
    -o-transition: transform 5s linear;
    -webkit-transition: transform 5s linear;
    width: 100px;
    z-index: 5
}

.snowball-box .snow-plow-img.active {
    animation: move-translate 5s linear forwards;
    opacity: 1
}

@keyframes move {
    0% {
        left: 0
    }

    to {
        left: -130vw
    }
}

@keyframes move-translate {
    0% {
        transform: translateY(-70px)
    }

    to {
        transform: translate(-130vw,-70px)
    }
}

@keyframes animate_grow {
    0% {
        transform: rotate(135deg) scaleX(1)
    }

    50% {
        transform: rotate(135deg) scale3d(1.05,1.05,1.05)
    }

    to {
        transform: rotate(135deg) scaleX(1)
    }
}

@media screen and (max-width: 600px) {
    .snowball-box .snow-plow-img {
        height:70px;
        transform: translate(150px,-57px);
        width: 70px
    }

    @keyframes move-translate {
        0% {
            transform: translate(150px,-57px)
        }

        to {
            transform: translate(-100vw,-57px)
        }
    }
}