Snowflakes

.js-snowflake {
    position: absolute;
    width: 10px;
    height: 10px;
    background: linear-gradient(white, white);
    border-radius: 50%;
    filter: drop-shadow(0 0 10px white);
  }
    .js-snowflake:nth-child(1) {
        opacity: 0.10523579496341702;
        transform: translate(23.7242757817815vw, -10px) scale(0.6238751893391867);
        animation: fall-1 16s -9s linear infinite;
    }

    @keyframes fall-1 {
        50.832% {
            transform: translate(16.6683757817815vw, 50.832vh) scale(0.6238751893391867);
        }

        to {
            transform: translate(20.1963257817815vw, 100vh) scale(0.6238751893391867);
        }

    }

    .js-snowflake:nth-child(2) {
        opacity: 0.7084788132225556;
        transform: translate(44.224349391125vw, -10px) scale(0.7473883448540126);
        animation: fall-2 11s -6s linear infinite;
    }

    @keyframes fall-2 {
        38.744% {
            transform: translate(40.530749391125vw, 38.744vh) scale(0.7473883448540126);
        }

        to {
            transform: translate(42.377549391125vw, 100vh) scale(0.7473883448540126);
        }

    }

    .js-snowflake:nth-child(3) {
        opacity: 0.5659869016165067;
        transform: translate(74.28932991346363vw, -10px) scale(0.20855865472619595);
        animation: fall-3 28s -26s linear infinite;
    }

    @keyframes fall-3 {
        73.076% {
            transform: translate(72.91562991346363vw, 73.076vh) scale(0.20855865472619595);
        }

        to {
            transform: translate(73.60247991346363vw, 100vh) scale(0.20855865472619595);
        }

    }

    .js-snowflake:nth-child(4) {
        opacity: 0.929664621471186;
        transform: translate(7.444364805159287vw, -10px) scale(0.4849658962907776);
        animation: fall-4 23s -10s linear infinite;
    }

    @keyframes fall-4 {
        60.836999999999996% {
            transform: translate(2.2368648051592865vw, 60.836999999999996vh) scale(0.4849658962907776);
        }

        to {
            transform: translate(4.840614805159287vw, 100vh) scale(0.4849658962907776);
        }

    }

    .js-snowflake:nth-child(5) {
        opacity: 0.33798877736173305;
        transform: translate(14.055859003857819vw, -10px) scale(0.2324324476721934);
        animation: fall-5 23s -15s linear infinite;
    }

    @keyframes fall-5 {
        75.019% {
            transform: translate(23.96695900385782vw, 75.019vh) scale(0.2324324476721934);
        }

        to {
            transform: translate(19.01140900385782vw, 100vh) scale(0.2324324476721934);
        }

    }

    .js-snowflake:nth-child(6) {
        opacity: 0.5566624529910342;
        transform: translate(78.13958839298536vw, -10px) scale(0.6723530102334203);
        animation: fall-6 29s -28s linear infinite;
    }

    @keyframes fall-6 {
        70.775% {
            transform: translate(84.62618839298536vw, 70.775vh) scale(0.6723530102334203);
        }

        to {
            transform: translate(81.38288839298536vw, 100vh) scale(0.6723530102334203);
        }

    }

    .js-snowflake:nth-child(7) {
        opacity: 0.4789296202029477;
        transform: translate(33.53708656072148vw, -10px) scale(0.827247255937732);
        animation: fall-7 18s -9s linear infinite;
    }

    @keyframes fall-7 {
        38.024% {
            transform: translate(28.813986560721474vw, 38.024vh) scale(0.827247255937732);
        }

        to {
            transform: translate(31.175536560721476vw, 100vh) scale(0.827247255937732);
        }

    }

    .js-snowflake:nth-child(8) {
        opacity: 0.8891161038688605;
        transform: translate(47.97674971012441vw, -10px) scale(0.4966354893218643);
        animation: fall-8 24s -23s linear infinite;
    }

    @keyframes fall-8 {
        31.136000000000003% {
            transform: translate(39.41084971012441vw, 31.136000000000003vh) scale(0.4966354893218643);
        }

        to {
            transform: translate(43.69379971012441vw, 100vh) scale(0.4966354893218643);
        }

    }

    .js-snowflake:nth-child(9) {
        opacity: 0.41267587963796526;
        transform: translate(92.62608390710355vw, -10px) scale(0.2965491430376063);
        animation: fall-9 29s -21s linear infinite;
    }

    @keyframes fall-9 {
        44.025999999999996% {
            transform: translate(84.86388390710354vw, 44.025999999999996vh) scale(0.2965491430376063);
        }

        to {
            transform: translate(88.74498390710355vw, 100vh) scale(0.2965491430376063);
        }

    }

    .js-snowflake:nth-child(10) {
        opacity: 0.26333069645035256;
        transform: translate(80.36689181321816vw, -10px) scale(0.977542623229338);
        animation: fall-10 18s -5s linear infinite;
    }

    @keyframes fall-10 {
        39.123000000000005% {
            transform: translate(80.41589181321817vw, 39.123000000000005vh) scale(0.977542623229338);
        }

        to {
            transform: translate(80.39139181321816vw, 100vh) scale(0.977542623229338);
        }

    }

    .js-snowflake:nth-child(11) {
        opacity: 0.8055166628755915;
        transform: translate(27.127713673003274vw, -10px) scale(0.8911872682074191);
        animation: fall-11 25s -28s linear infinite;
    }

    @keyframes fall-11 {
        71.27% {
            transform: translate(27.956013673003273vw, 71.27vh) scale(0.8911872682074191);
        }

        to {
            transform: translate(27.541863673003274vw, 100vh) scale(0.8911872682074191);
        }

    }

    .js-snowflake:nth-child(12) {
        opacity: 0.6294321049472063;
        transform: translate(51.01707443467126vw, -10px) scale(0.6993307853659522);
        animation: fall-12 10s -18s linear infinite;
    }

    @keyframes fall-12 {
        76.67399999999999% {
            transform: translate(57.30967443467126vw, 76.67399999999999vh) scale(0.6993307853659522);
        }

        to {
            transform: translate(54.163374434671255vw, 100vh) scale(0.6993307853659522);
        }

    }

    .js-snowflake:nth-child(13) {
        opacity: 0.8580156569218109;
        transform: translate(33.41987018318383vw, -10px) scale(0.8240007460063934);
        animation: fall-13 13s -17s linear infinite;
    }

    @keyframes fall-13 {
        61.192% {
            transform: translate(40.99237018318383vw, 61.192vh) scale(0.8240007460063934);
        }

        to {
            transform: translate(37.206120183183835vw, 100vh) scale(0.8240007460063934);
        }

    }

    .js-snowflake:nth-child(14) {
        opacity: 0.2465958347779634;
        transform: translate(44.46436110538099vw, -10px) scale(0.4294537655995514);
        animation: fall-14 17s -21s linear infinite;
    }

    @keyframes fall-14 {
        31.563000000000002% {
            transform: translate(45.445661105380985vw, 31.563000000000002vh) scale(0.4294537655995514);
        }

        to {
            transform: translate(44.95501110538099vw, 100vh) scale(0.4294537655995514);
        }

    }

    .js-snowflake:nth-child(15) {
        opacity: 0.5238949686249572;
        transform: translate(5.177370710292828vw, -10px) scale(0.31549808562866827);
        animation: fall-15 19s -6s linear infinite;
    }

    @keyframes fall-15 {
        44.968% {
            transform: translate(-1.083329289707172vw, 44.968vh) scale(0.31549808562866827);
        }

        to {
            transform: translate(2.047020710292828vw, 100vh) scale(0.31549808562866827);
        }

    }

    .js-snowflake:nth-child(16) {
        opacity: 0.35438070000767785;
        transform: translate(3.3853385546023573vw, -10px) scale(0.6302929192580795);
        animation: fall-16 29s -20s linear infinite;
    }

    @keyframes fall-16 {
        74.508% {
            transform: translate(-3.797861445397643vw, 74.508vh) scale(0.6302929192580795);
        }

        to {
            transform: translate(-0.2062614453976428vw, 100vh) scale(0.6302929192580795);
        }

    }

    .js-snowflake:nth-child(17) {
        opacity: 0.8369784639323626;
        transform: translate(89.34101495958288vw, -10px) scale(0.2748047568239015);
        animation: fall-17 11s -8s linear infinite;
    }

    @keyframes fall-17 {
        48.512% {
            transform: translate(93.81481495958288vw, 48.512vh) scale(0.2748047568239015);
        }

        to {
            transform: translate(91.57791495958288vw, 100vh) scale(0.2748047568239015);
        }

    }

    .js-snowflake:nth-child(18) {
        opacity: 0.43473667305689145;
        transform: translate(96.61093340664321vw, -10px) scale(0.6282872377119968);
        animation: fall-18 25s -16s linear infinite;
    }

    @keyframes fall-18 {
        48.201% {
            transform: translate(103.04313340664321vw, 48.201vh) scale(0.6282872377119968);
        }

        to {
            transform: translate(99.82703340664321vw, 100vh) scale(0.6282872377119968);
        }

    }

    .js-snowflake:nth-child(19) {
        opacity: 0.8607455265972934;
        transform: translate(78.88578738709869vw, -10px) scale(0.868038003842559);
        animation: fall-19 26s -5s linear infinite;
    }

    @keyframes fall-19 {
        31.145% {
            transform: translate(75.69798738709869vw, 31.145vh) scale(0.868038003842559);
        }

        to {
            transform: translate(77.29188738709868vw, 100vh) scale(0.868038003842559);
        }

    }

    .js-snowflake:nth-child(20) {
        opacity: 0.3151791360006122;
        transform: translate(68.72850775797443vw, -10px) scale(0.9046071688494974);
        animation: fall-20 21s -27s linear infinite;
    }

    @keyframes fall-20 {
        59.68599999999999% {
            transform: translate(60.987007757974425vw, 59.68599999999999vh) scale(0.9046071688494974);
        }

        to {
            transform: translate(64.85775775797443vw, 100vh) scale(0.9046071688494974);
        }

    }

    .js-snowflake:nth-child(21) {
        opacity: 0.7825987980381147;
        transform: translate(32.97859490200313vw, -10px) scale(0.6029686368325899);
        animation: fall-21 23s -25s linear infinite;
    }

    @keyframes fall-21 {
        76.581% {
            transform: translate(26.68639490200313vw, 76.581vh) scale(0.6029686368325899);
        }

        to {
            transform: translate(29.83249490200313vw, 100vh) scale(0.6029686368325899);
        }

    }

    .js-snowflake:nth-child(22) {
        opacity: 0.9491929914241538;
        transform: translate(34.77300098293801vw, -10px) scale(0.8488282694551621);
        animation: fall-22 21s -8s linear infinite;
    }

    @keyframes fall-22 {
        50.982000000000006% {
            transform: translate(35.17990098293801vw, 50.982000000000006vh) scale(0.8488282694551621);
        }

        to {
            transform: translate(34.976450982938005vw, 100vh) scale(0.8488282694551621);
        }

    }

    .js-snowflake:nth-child(23) {
        opacity: 0.47757285002946304;
        transform: translate(11.647753333352961vw, -10px) scale(0.9750419430337924);
        animation: fall-23 29s -23s linear infinite;
    }

    @keyframes fall-23 {
        70.304% {
            transform: translate(13.108553333352962vw, 70.304vh) scale(0.9750419430337924);
        }

        to {
            transform: translate(12.37815333335296vw, 100vh) scale(0.9750419430337924);
        }

    }

    .js-snowflake:nth-child(24) {
        opacity: 0.568868811905246;
        transform: translate(63.456911209567366vw, -10px) scale(0.79414888537363);
        animation: fall-24 26s -13s linear infinite;
    }

    @keyframes fall-24 {
        77.365% {
            transform: translate(57.03701120956737vw, 77.365vh) scale(0.79414888537363);
        }

        to {
            transform: translate(60.24696120956737vw, 100vh) scale(0.79414888537363);
        }

    }

    .js-snowflake:nth-child(25) {
        opacity: 0.4160065902607504;
        transform: translate(66.19612048567105vw, -10px) scale(0.7113702478621271);
        animation: fall-25 13s -7s linear infinite;
    }

    @keyframes fall-25 {
        53.790000000000006% {
            transform: translate(72.86852048567104vw, 53.790000000000006vh) scale(0.7113702478621271);
        }

        to {
            transform: translate(69.53232048567105vw, 100vh) scale(0.7113702478621271);
        }

    }

    .js-snowflake:nth-child(26) {
        opacity: 0.7917527948404903;
        transform: translate(30.95258602874963vw, -10px) scale(0.3702681376040353);
        animation: fall-26 30s -30s linear infinite;
    }

    @keyframes fall-26 {
        55.903000000000006% {
            transform: translate(39.62748602874963vw, 55.903000000000006vh) scale(0.3702681376040353);
        }

        to {
            transform: translate(35.290036028749626vw, 100vh) scale(0.3702681376040353);
        }

    }

    .js-snowflake:nth-child(27) {
        opacity: 0.5766183348989959;
        transform: translate(58.76808596854196vw, -10px) scale(0.5623781258384357);
        animation: fall-27 23s -12s linear infinite;
    }

    @keyframes fall-27 {
        42.413000000000004% {
            transform: translate(52.70188596854196vw, 42.413000000000004vh) scale(0.5623781258384357);
        }

        to {
            transform: translate(55.73498596854196vw, 100vh) scale(0.5623781258384357);
        }

    }

    .js-snowflake:nth-child(28) {
        opacity: 0.8245689868059733;
        transform: translate(97.93390016331816vw, -10px) scale(0.35052474465295475);
        animation: fall-28 11s -4s linear infinite;
    }

    @keyframes fall-28 {
        60.226% {
            transform: translate(99.73010016331816vw, 60.226vh) scale(0.35052474465295475);
        }

        to {
            transform: translate(98.83200016331816vw, 100vh) scale(0.35052474465295475);
        }

    }

    .js-snowflake:nth-child(29) {
        opacity: 0.3601733448410638;
        transform: translate(27.215133590763163vw, -10px) scale(0.8147662402674312);
        animation: fall-29 23s -19s linear infinite;
    }

    @keyframes fall-29 {
        36.845% {
            transform: translate(27.831933590763164vw, 36.845vh) scale(0.8147662402674312);
        }

        to {
            transform: translate(27.52353359076316vw, 100vh) scale(0.8147662402674312);
        }

    }

    .js-snowflake:nth-child(30) {
        opacity: 0.2955098377913754;
        transform: translate(18.301809919630983vw, -10px) scale(0.48009210934969127);
        animation: fall-30 23s -28s linear infinite;
    }

    @keyframes fall-30 {
        31.22% {
            transform: translate(9.394409919630982vw, 31.22vh) scale(0.48009210934969127);
        }

        to {
            transform: translate(13.848109919630982vw, 100vh) scale(0.48009210934969127);
        }

    }

    .js-snowflake:nth-child(31) {
        opacity: 0.8785685857403622;
        transform: translate(83.22377533016116vw, -10px) scale(0.6054378854396655);
        animation: fall-31 19s -25s linear infinite;
    }

    @keyframes fall-31 {
        65.45100000000001% {
            transform: translate(79.55357533016117vw, 65.45100000000001vh) scale(0.6054378854396655);
        }

        to {
            transform: translate(81.38867533016116vw, 100vh) scale(0.6054378854396655);
        }

    }

    .js-snowflake:nth-child(32) {
        opacity: 0.6999034835168182;
        transform: translate(53.75480871561378vw, -10px) scale(0.2189385280387044);
        animation: fall-32 17s -13s linear infinite;
    }

    @keyframes fall-32 {
        48.531% {
            transform: translate(60.948008715613774vw, 48.531vh) scale(0.2189385280387044);
        }

        to {
            transform: translate(57.35140871561378vw, 100vh) scale(0.2189385280387044);
        }

    }

    .js-snowflake:nth-child(33) {
        opacity: 0.499820025404219;
        transform: translate(3.4267987187442395vw, -10px) scale(0.4728465592602814);
        animation: fall-33 30s -4s linear infinite;
    }

    @keyframes fall-33 {
        45.712% {
            transform: translate(4.6544987187442395vw, 45.712vh) scale(0.4728465592602814);
        }

        to {
            transform: translate(4.040648718744239vw, 100vh) scale(0.4728465592602814);
        }

    }

    .js-snowflake:nth-child(34) {
        opacity: 0.7203564607169654;
        transform: translate(95.28647883327042vw, -10px) scale(0.8104176671126828);
        animation: fall-34 15s -11s linear infinite;
    }

    @keyframes fall-34 {
        60.927% {
            transform: translate(100.24477883327042vw, 60.927vh) scale(0.8104176671126828);
        }

        to {
            transform: translate(97.76562883327043vw, 100vh) scale(0.8104176671126828);
        }

    }

    .js-snowflake:nth-child(35) {
        opacity: 0.28366279116341925;
        transform: translate(17.35222693802556vw, -10px) scale(0.23831429939594495);
        animation: fall-35 29s -7s linear infinite;
    }

    @keyframes fall-35 {
        64.511% {
            transform: translate(18.26812693802556vw, 64.511vh) scale(0.23831429939594495);
        }

        to {
            transform: translate(17.81017693802556vw, 100vh) scale(0.23831429939594495);
        }

    }

    .js-snowflake:nth-child(36) {
        opacity: 0.22543021788783407;
        transform: translate(23.033830708020208vw, -10px) scale(0.20220383179337578);
        animation: fall-36 17s -21s linear infinite;
    }

    @keyframes fall-36 {
        66.69800000000001% {
            transform: translate(17.183930708020206vw, 66.69800000000001vh) scale(0.20220383179337578);
        }

        to {
            transform: translate(20.10888070802021vw, 100vh) scale(0.20220383179337578);
        }

    }

    .js-snowflake:nth-child(37) {
        opacity: 0.32511422927828443;
        transform: translate(14.032833035257786vw, -10px) scale(0.7186551207041463);
        animation: fall-37 22s -3s linear infinite;
    }

    @keyframes fall-37 {
        62.131% {
            transform: translate(12.562233035257787vw, 62.131vh) scale(0.7186551207041463);
        }

        to {
            transform: translate(13.297533035257786vw, 100vh) scale(0.7186551207041463);
        }

    }

    .js-snowflake:nth-child(38) {
        opacity: 0.9859823149406257;
        transform: translate(56.87834048380789vw, -10px) scale(0.8624539322484934);
        animation: fall-38 12s -11s linear infinite;
    }

    @keyframes fall-38 {
        71.661% {
            transform: translate(54.66584048380789vw, 71.661vh) scale(0.8624539322484934);
        }

        to {
            transform: translate(55.77209048380789vw, 100vh) scale(0.8624539322484934);
        }

    }

    .js-snowflake:nth-child(39) {
        opacity: 0.10768366357180648;
        transform: translate(19.515417799513212vw, -10px) scale(0.595391122283381);
        animation: fall-39 19s -21s linear infinite;
    }

    @keyframes fall-39 {
        49.452% {
            transform: translate(19.325817799513214vw, 49.452vh) scale(0.595391122283381);
        }

        to {
            transform: translate(19.420617799513213vw, 100vh) scale(0.595391122283381);
        }

    }

    .js-snowflake:nth-child(40) {
        opacity: 0.7919542046762662;
        transform: translate(0.18495045461345283vw, -10px) scale(0.31449763683971066);
        animation: fall-40 16s -14s linear infinite;
    }

    @keyframes fall-40 {
        44.958% {
            transform: translate(-8.485749545386547vw, 44.958vh) scale(0.31449763683971066);
        }

        to {
            transform: translate(-4.150399545386547vw, 100vh) scale(0.31449763683971066);
        }

    }

    .js-snowflake:nth-child(41) {
        opacity: 0.3401226622050002;
        transform: translate(22.315813777546445vw, -10px) scale(0.7832378046730937);
        animation: fall-41 16s -10s linear infinite;
    }

    @keyframes fall-41 {
        43.281% {
            transform: translate(19.316813777546447vw, 43.281vh) scale(0.7832378046730937);
        }

        to {
            transform: translate(20.816313777546444vw, 100vh) scale(0.7832378046730937);
        }

    }

    .js-snowflake:nth-child(42) {
        opacity: 0.5411723846189148;
        transform: translate(28.538833660494678vw, -10px) scale(0.36224272429997895);
        animation: fall-42 14s -10s linear infinite;
    }

    @keyframes fall-42 {
        45.832% {
            transform: translate(27.75933366049468vw, 45.832vh) scale(0.36224272429997895);
        }

        to {
            transform: translate(28.14908366049468vw, 100vh) scale(0.36224272429997895);
        }

    }

    .js-snowflake:nth-child(43) {
        opacity: 0.67210895213312;
        transform: translate(25.64408547906254vw, -10px) scale(0.8961566501719345);
        animation: fall-43 25s -11s linear infinite;
    }

    @keyframes fall-43 {
        44.618% {
            transform: translate(27.79888547906254vw, 44.618vh) scale(0.8961566501719345);
        }

        to {
            transform: translate(26.72148547906254vw, 100vh) scale(0.8961566501719345);
        }

    }

    .js-snowflake:nth-child(44) {
        opacity: 0.6048827929398563;
        transform: translate(72.69668114493496vw, -10px) scale(0.6181135276452865);
        animation: fall-44 28s -8s linear infinite;
    }

    @keyframes fall-44 {
        52.105000000000004% {
            transform: translate(64.56918114493496vw, 52.105000000000004vh) scale(0.6181135276452865);
        }

        to {
            transform: translate(68.63293114493496vw, 100vh) scale(0.6181135276452865);
        }

    }

    .js-snowflake:nth-child(45) {
        opacity: 0.9484519951337129;
        transform: translate(19.640366747790583vw, -10px) scale(0.8602624350432342);
        animation: fall-45 16s -4s linear infinite;
    }

    @keyframes fall-45 {
        79.361% {
            transform: translate(15.692266747790583vw, 79.361vh) scale(0.8602624350432342);
        }

        to {
            transform: translate(17.66631674779058vw, 100vh) scale(0.8602624350432342);
        }

    }

    .js-snowflake:nth-child(46) {
        opacity: 0.8764577633540134;
        transform: translate(29.2522449684537vw, -10px) scale(0.49957686075412977);
        animation: fall-46 19s -1s linear infinite;
    }

    @keyframes fall-46 {
        59.194% {
            transform: translate(19.7363449684537vw, 59.194vh) scale(0.49957686075412977);
        }

        to {
            transform: translate(24.494294968453698vw, 100vh) scale(0.49957686075412977);
        }

    }

    .js-snowflake:nth-child(47) {
        opacity: 0.5719842831702142;
        transform: translate(56.57848363591895vw, -10px) scale(0.614092951916414);
        animation: fall-47 21s -10s linear infinite;
    }

    @keyframes fall-47 {
        65.135% {
            transform: translate(62.35808363591895vw, 65.135vh) scale(0.614092951916414);
        }

        to {
            transform: translate(59.46828363591895vw, 100vh) scale(0.614092951916414);
        }

    }

    .js-snowflake:nth-child(48) {
        opacity: 0.8777623970462695;
        transform: translate(1.2415134711068587vw, -10px) scale(0.23403955984434976);
        animation: fall-48 29s -16s linear infinite;
    }

    @keyframes fall-48 {
        70.187% {
            transform: translate(-6.472986528893141vw, 70.187vh) scale(0.23403955984434976);
        }

        to {
            transform: translate(-2.6157365288931413vw, 100vh) scale(0.23403955984434976);
        }

    }

    .js-snowflake:nth-child(49) {
        opacity: 0.7230746505280444;
        transform: translate(86.64154113082995vw, -10px) scale(0.23096598496980247);
        animation: fall-49 24s -18s linear infinite;
    }

    @keyframes fall-49 {
        75.361% {
            transform: translate(77.33674113082995vw, 75.361vh) scale(0.23096598496980247);
        }

        to {
            transform: translate(81.98914113082995vw, 100vh) scale(0.23096598496980247);
        }

    }

    .js-snowflake:nth-child(50) {
        opacity: 0.813733637462968;
        transform: translate(64.33819855227058vw, -10px) scale(0.6013353897360141);
        animation: fall-50 25s -5s linear infinite;
    }

    @keyframes fall-50 {
        58.291000000000004% {
            transform: translate(64.21009855227058vw, 58.291000000000004vh) scale(0.6013353897360141);
        }

        to {
            transform: translate(64.27414855227059vw, 100vh) scale(0.6013353897360141);
        }

    }

    .js-snowflake:nth-child(51) {
        opacity: 0.31960808994481393;
        transform: translate(48.72287316320447vw, -10px) scale(0.41155128265953683);
        animation: fall-51 19s -6s linear infinite;
    }

    @keyframes fall-51 {
        52.818% {
            transform: translate(40.80567316320447vw, 52.818vh) scale(0.41155128265953683);
        }

        to {
            transform: translate(44.76427316320447vw, 100vh) scale(0.41155128265953683);
        }

    }

    .js-snowflake:nth-child(52) {
        opacity: 0.7292633650711485;
        transform: translate(82.4877263703247vw, -10px) scale(0.9588315801288596);
        animation: fall-52 16s -7s linear infinite;
    }

    @keyframes fall-52 {
        30.213% {
            transform: translate(89.1457263703247vw, 30.213vh) scale(0.9588315801288596);
        }

        to {
            transform: translate(85.81672637032469vw, 100vh) scale(0.9588315801288596);
        }

    }

    .js-snowflake:nth-child(53) {
        opacity: 0.2637700207821884;
        transform: translate(10.53832728382773vw, -10px) scale(0.38950722023384676);
        animation: fall-53 13s -2s linear infinite;
    }

    @keyframes fall-53 {
        67.327% {
            transform: translate(16.65542728382773vw, 67.327vh) scale(0.38950722023384676);
        }

        to {
            transform: translate(13.59687728382773vw, 100vh) scale(0.38950722023384676);
        }

    }

    .js-snowflake:nth-child(54) {
        opacity: 0.7132536878665777;
        transform: translate(83.85421113351177vw, -10px) scale(0.7191122928470897);
        animation: fall-54 13s -11s linear infinite;
    }

    @keyframes fall-54 {
        37.336000000000006% {
            transform: translate(82.36651113351176vw, 37.336000000000006vh) scale(0.7191122928470897);
        }

        to {
            transform: translate(83.11036113351177vw, 100vh) scale(0.7191122928470897);
        }

    }

    .js-snowflake:nth-child(55) {
        opacity: 0.33036379466944144;
        transform: translate(74.05561722238336vw, -10px) scale(0.6416962919260012);
        animation: fall-55 15s -27s linear infinite;
    }

    @keyframes fall-55 {
        52.517% {
            transform: translate(72.03721722238336vw, 52.517vh) scale(0.6416962919260012);
        }

        to {
            transform: translate(73.04641722238335vw, 100vh) scale(0.6416962919260012);
        }

    }

    .js-snowflake:nth-child(56) {
        opacity: 0.8748373762886716;
        transform: translate(36.4353004553848vw, -10px) scale(0.5071999881739491);
        animation: fall-56 18s -27s linear infinite;
    }

    @keyframes fall-56 {
        50.015% {
            transform: translate(29.852200455384796vw, 50.015vh) scale(0.5071999881739491);
        }

        to {
            transform: translate(33.1437504553848vw, 100vh) scale(0.5071999881739491);
        }

    }

    .js-snowflake:nth-child(57) {
        opacity: 0.24840568805193863;
        transform: translate(37.07358699202034vw, -10px) scale(0.29063160490571227);
        animation: fall-57 19s -3s linear infinite;
    }

    @keyframes fall-57 {
        77.601% {
            transform: translate(36.60358699202034vw, 77.601vh) scale(0.29063160490571227);
        }

        to {
            transform: translate(36.83858699202034vw, 100vh) scale(0.29063160490571227);
        }

    }

    .js-snowflake:nth-child(58) {
        opacity: 0.18661808364707708;
        transform: translate(49.61968027077728vw, -10px) scale(0.21598468158441833);
        animation: fall-58 29s -15s linear infinite;
    }

    @keyframes fall-58 {
        34.562% {
            transform: translate(40.91548027077728vw, 34.562vh) scale(0.21598468158441833);
        }

        to {
            transform: translate(45.26758027077728vw, 100vh) scale(0.21598468158441833);
        }

    }

    .js-snowflake:nth-child(59) {
        opacity: 0.3674215291602243;
        transform: translate(32.83024896602132vw, -10px) scale(0.9679777030374099);
        animation: fall-59 22s -2s linear infinite;
    }

    @keyframes fall-59 {
        77.193% {
            transform: translate(31.048248966021323vw, 77.193vh) scale(0.9679777030374099);
        }

        to {
            transform: translate(31.939248966021324vw, 100vh) scale(0.9679777030374099);
        }

    }

    .js-snowflake:nth-child(60) {
        opacity: 0.6762005543719755;
        transform: translate(8.427304314658702vw, -10px) scale(0.6874443924741331);
        animation: fall-60 13s -19s linear infinite;
    }

    @keyframes fall-60 {
        74.79299999999999% {
            transform: translate(7.949504314658702vw, 74.79299999999999vh) scale(0.6874443924741331);
        }

        to {
            transform: translate(8.188404314658703vw, 100vh) scale(0.6874443924741331);
        }

    }

    .js-snowflake:nth-child(61) {
        opacity: 0.5949354591510387;
        transform: translate(74.76930400517446vw, -10px) scale(0.3386998890520935);
        animation: fall-61 15s -26s linear infinite;
    }

    @keyframes fall-61 {
        67.40899999999999% {
            transform: translate(78.54010400517446vw, 67.40899999999999vh) scale(0.3386998890520935);
        }

        to {
            transform: translate(76.65470400517447vw, 100vh) scale(0.3386998890520935);
        }

    }

    .js-snowflake:nth-child(62) {
        opacity: 0.17624480212649613;
        transform: translate(21.41265066674044vw, -10px) scale(0.2688410156365743);
        animation: fall-62 27s -12s linear infinite;
    }

    @keyframes fall-62 {
        31.281% {
            transform: translate(17.767050666740438vw, 31.281vh) scale(0.2688410156365743);
        }

        to {
            transform: translate(19.58985066674044vw, 100vh) scale(0.2688410156365743);
        }

    }

    .js-snowflake:nth-child(63) {
        opacity: 0.104085757610904;
        transform: translate(31.043233464866248vw, -10px) scale(0.7433322837433076);
        animation: fall-63 17s -15s linear infinite;
    }

    @keyframes fall-63 {
        40.701% {
            transform: translate(26.971633464866247vw, 40.701vh) scale(0.7433322837433076);
        }

        to {
            transform: translate(29.007433464866246vw, 100vh) scale(0.7433322837433076);
        }

    }

    .js-snowflake:nth-child(64) {
        opacity: 0.9198871353146856;
        transform: translate(50.24469984593741vw, -10px) scale(0.3012457905774416);
        animation: fall-64 18s -10s linear infinite;
    }

    @keyframes fall-64 {
        37.509% {
            transform: translate(50.039299845937414vw, 37.509vh) scale(0.3012457905774416);
        }

        to {
            transform: translate(50.14199984593741vw, 100vh) scale(0.3012457905774416);
        }

    }

    .js-snowflake:nth-child(65) {
        opacity: 0.16166860902646768;
        transform: translate(36.56855961433346vw, -10px) scale(0.7095933009677724);
        animation: fall-65 12s -15s linear infinite;
    }

    @keyframes fall-65 {
        41.199999999999996% {
            transform: translate(40.96705961433346vw, 41.199999999999996vh) scale(0.7095933009677724);
        }

        to {
            transform: translate(38.76780961433346vw, 100vh) scale(0.7095933009677724);
        }

    }

    .js-snowflake:nth-child(66) {
        opacity: 0.3687784305654138;
        transform: translate(84.82749021104885vw, -10px) scale(0.7221273998596158);
        animation: fall-66 10s -22s linear infinite;
    }

    @keyframes fall-66 {
        62.50599999999999% {
            transform: translate(92.35639021104885vw, 62.50599999999999vh) scale(0.7221273998596158);
        }

        to {
            transform: translate(88.59194021104885vw, 100vh) scale(0.7221273998596158);
        }

    }

    .js-snowflake:nth-child(67) {
        opacity: 0.45466884484004066;
        transform: translate(92.3775756702984vw, -10px) scale(0.5638175797260511);
        animation: fall-67 25s -3s linear infinite;
    }

    @keyframes fall-67 {
        43.341% {
            transform: translate(100.9376756702984vw, 43.341vh) scale(0.5638175797260511);
        }

        to {
            transform: translate(96.6576256702984vw, 100vh) scale(0.5638175797260511);
        }

    }

    .js-snowflake:nth-child(68) {
        opacity: 0.8103178556217029;
        transform: translate(74.40956914240189vw, -10px) scale(0.7411628826387913);
        animation: fall-68 30s -5s linear infinite;
    }

    @keyframes fall-68 {
        34.04% {
            transform: translate(77.1652691424019vw, 34.04vh) scale(0.7411628826387913);
        }

        to {
            transform: translate(75.78741914240189vw, 100vh) scale(0.7411628826387913);
        }

    }

    .js-snowflake:nth-child(69) {
        opacity: 0.6476998565245631;
        transform: translate(67.05577450887583vw, -10px) scale(0.7710294284055734);
        animation: fall-69 23s -12s linear infinite;
    }

    @keyframes fall-69 {
        51.07000000000001% {
            transform: translate(60.16907450887583vw, 51.07000000000001vh) scale(0.7710294284055734);
        }

        to {
            transform: translate(63.612424508875826vw, 100vh) scale(0.7710294284055734);
        }

    }

    .js-snowflake:nth-child(70) {
        opacity: 0.9938091330083634;
        transform: translate(95.79836172402402vw, -10px) scale(0.5273668362887101);
        animation: fall-70 16s -28s linear infinite;
    }

    @keyframes fall-70 {
        68.049% {
            transform: translate(100.91496172402402vw, 68.049vh) scale(0.5273668362887101);
        }

        to {
            transform: translate(98.35666172402402vw, 100vh) scale(0.5273668362887101);
        }

    }

    .js-snowflake:nth-child(71) {
        opacity: 0.7738890808585063;
        transform: translate(40.80644933932569vw, -10px) scale(0.7705738935311539);
        animation: fall-71 22s -2s linear infinite;
    }

    @keyframes fall-71 {
        74.105% {
            transform: translate(35.27414933932569vw, 74.105vh) scale(0.7705738935311539);
        }

        to {
            transform: translate(38.040299339325685vw, 100vh) scale(0.7705738935311539);
        }

    }

    .js-snowflake:nth-child(72) {
        opacity: 0.2844011679556941;
        transform: translate(40.655278426795306vw, -10px) scale(0.4305910168480924);
        animation: fall-72 15s -28s linear infinite;
    }

    @keyframes fall-72 {
        30.95% {
            transform: translate(33.00787842679531vw, 30.95vh) scale(0.4305910168480924);
        }

        to {
            transform: translate(36.8315784267953vw, 100vh) scale(0.4305910168480924);
        }

    }

    .js-snowflake:nth-child(73) {
        opacity: 0.9401591659468373;
        transform: translate(29.001012995754426vw, -10px) scale(0.8110194489725877);
        animation: fall-73 17s -5s linear infinite;
    }

    @keyframes fall-73 {
        32.732% {
            transform: translate(29.915212995754427vw, 32.732vh) scale(0.8110194489725877);
        }

        to {
            transform: translate(29.458112995754426vw, 100vh) scale(0.8110194489725877);
        }

    }

    .js-snowflake:nth-child(74) {
        opacity: 0.6774638285621896;
        transform: translate(75.72310106305726vw, -10px) scale(0.28060528756517256);
        animation: fall-74 26s -15s linear infinite;
    }

    @keyframes fall-74 {
        75.793% {
            transform: translate(82.09480106305726vw, 75.793vh) scale(0.28060528756517256);
        }

        to {
            transform: translate(78.90895106305726vw, 100vh) scale(0.28060528756517256);
        }

    }

    .js-snowflake:nth-child(75) {
        opacity: 0.24634020132860096;
        transform: translate(51.6132077368494vw, -10px) scale(0.5600021244830555);
        animation: fall-75 17s -9s linear infinite;
    }

    @keyframes fall-75 {
        74.44% {
            transform: translate(58.8239077368494vw, 74.44vh) scale(0.5600021244830555);
        }

        to {
            transform: translate(55.2185577368494vw, 100vh) scale(0.5600021244830555);
        }

    }

    .js-snowflake:nth-child(76) {
        opacity: 0.788103883984085;
        transform: translate(12.163506985390992vw, -10px) scale(0.3822353235342177);
        animation: fall-76 17s -30s linear infinite;
    }

    @keyframes fall-76 {
        55.162% {
            transform: translate(15.445206985390993vw, 55.162vh) scale(0.3822353235342177);
        }

        to {
            transform: translate(13.804356985390992vw, 100vh) scale(0.3822353235342177);
        }

    }