body { height: 100vh; background: radial-gradient(ellipse at bottom, #1b2735 0%, #090a0f 100%); overflow: hidden; filter: drop-shadow(0 0 10px white); } .snow { position: absolute; width: 10px; height: 10px; background: white; border-radius: 50%; } .snow:nth-child(1) { opacity: 0.3282; transform: translate(89.1398vw, -10px) scale(0.8876); animation: fall-1 14s -29s linear infinite; } @keyframes fall-1 { 71.205% { transform: translate(85.0918vw, 71.205vh) scale(0.8876); } to { transform: translate(87.1158vw, 100vh) scale(0.8876); } } .snow:nth-child(2) { opacity: 0.3985; transform: translate(57.4151vw, -10px) scale(0.8103); animation: fall-2 22s -5s linear infinite; } @keyframes fall-2 { 54.456% { transform: translate(66.8037vw, 54.456vh) scale(0.8103); } to { transform: translate(62.1094vw, 100vh) scale(0.8103); } } .snow:nth-child(3) { opacity: 0.1027; transform: translate(71.043vw, -10px) scale(0.335); animation: fall-3 10s -7s linear infinite; } @keyframes fall-3 { 67.962% { transform: translate(65.16vw, 67.962vh) scale(0.335); } to { transform: translate(68.1015vw, 100vh) scale(0.335); } } .snow:nth-child(4) { opacity: 0.3945; transform: translate(52.1082vw, -10px) scale(0.8956); animation: fall-4 29s -11s linear infinite; } @keyframes fall-4 { 61.507% { transform: translate(48.3658vw, 61.507vh) scale(0.8956); } to { transform: translate(50.237vw, 100vh) scale(0.8956); } } .snow:nth-child(5) { opacity: 0.9045; transform: translate(45.6104vw, -10px) scale(0.801); animation: fall-5 16s -9s linear infinite; } @keyframes fall-5 { 55.419% { transform: translate(43.9766vw, 55.419vh) scale(0.801); } to { transform: translate(44.7935vw, 100vh) scale(0.801); } } .snow:nth-child(6) { opacity: 0.4365; transform: translate(75.24vw, -10px) scale(0.2239); animation: fall-6 24s -8s linear infinite; } @keyframes fall-6 { 43.856% { transform: translate(65.7644vw, 43.856vh) scale(0.2239); } to { transform: translate(70.5022vw, 100vh) scale(0.2239); } } .snow:nth-child(7) { opacity: 0.9864; transform: translate(44.6724vw, -10px) scale(0.7267); animation: fall-7 20s -3s linear infinite; } @keyframes fall-7 { 77.842% { transform: translate(38.9192vw, 77.842vh) scale(0.7267); } to { transform: translate(41.7958vw, 100vh) scale(0.7267); } } .snow:nth-child(8) { opacity: 0.5748; transform: translate(84.1605vw, -10px) scale(0.512); animation: fall-8 25s -4s linear infinite; } @keyframes fall-8 { 50.735% { transform: translate(81.281vw, 50.735vh) scale(0.512); } to { transform: translate(82.72075vw, 100vh) scale(0.512); } } .snow:nth-child(9) { opacity: 0.6782; transform: translate(26.4493vw, -10px) scale(0.6371); animation: fall-9 23s -6s linear infinite; } @keyframes fall-9 { 62.353% { transform: translate(32.3499vw, 62.353vh) scale(0.6371); } to { transform: translate(29.3996vw, 100vh) scale(0.6371); } } .snow:nth-child(10) { opacity: 0.8186; transform: translate(61.6321vw, -10px) scale(0.9958); animation: fall-10 27s -29s linear infinite; } @keyframes fall-10 { 69.976% { transform: translate(58.9648vw, 69.976vh) scale(0.9958); } to { transform: translate(60.29845vw, 100vh) scale(0.9958); } } .snow:nth-child(11) { opacity: 0.7751; transform: translate(58.8453vw, -10px) scale(0.0456); animation: fall-11 13s -18s linear infinite; } @keyframes fall-11 { 41.84% { transform: translate(62.7628vw, 41.84vh) scale(0.0456); } to { transform: translate(60.80405vw, 100vh) scale(0.0456); } } .snow:nth-child(12) { opacity: 0.3407; transform: translate(65.0088vw, -10px) scale(0.8444); animation: fall-12 21s -22s linear infinite; } @keyframes fall-12 { 61.924% { transform: translate(67.6108vw, 61.924vh) scale(0.8444); } to { transform: translate(66.3098vw, 100vh) scale(0.8444); } } .snow:nth-child(13) { opacity: 0.287; transform: translate(18.2181vw, -10px) scale(0.9414); animation: fall-13 26s -18s linear infinite; } @keyframes fall-13 { 35.757% { transform: translate(20.0062vw, 35.757vh) scale(0.9414); } to { transform: translate(19.11215vw, 100vh) scale(0.9414); } } .snow:nth-child(14) { opacity: 0.5248; transform: translate(52.4835vw, -10px) scale(0.7226); animation: fall-14 30s -15s linear infinite; } @keyframes fall-14 { 45.43% { transform: translate(48.7207vw, 45.43vh) scale(0.7226); } to { transform: translate(50.6021vw, 100vh) scale(0.7226); } } .snow:nth-child(15) { opacity: 0.414; transform: translate(35.3485vw, -10px) scale(0.872); animation: fall-15 23s -4s linear infinite; } @keyframes fall-15 { 31.615% { transform: translate(25.408vw, 31.615vh) scale(0.872); } to { transform: translate(30.37825vw, 100vh) scale(0.872); } } .snow:nth-child(16) { opacity: 0.566; transform: translate(10.666vw, -10px) scale(0.936); animation: fall-16 18s -28s linear infinite; } @keyframes fall-16 { 31.951% { transform: translate(9.8585vw, 31.951vh) scale(0.936); } to { transform: translate(10.26225vw, 100vh) scale(0.936); } } .snow:nth-child(17) { opacity: 0.0075; transform: translate(37.6025vw, -10px) scale(0.7196); animation: fall-17 19s -17s linear infinite; } @keyframes fall-17 { 51.739% { transform: translate(42.3811vw, 51.739vh) scale(0.7196); } to { transform: translate(39.9918vw, 100vh) scale(0.7196); } } .snow:nth-child(18) { opacity: 0.1577; transform: translate(90.6636vw, -10px) scale(0.7653); animation: fall-18 17s -23s linear infinite; } @keyframes fall-18 { 73.638% { transform: translate(81.3964vw, 73.638vh) scale(0.7653); } to { transform: translate(86.03vw, 100vh) scale(0.7653); } } .snow:nth-child(19) { opacity: 0.194; transform: translate(9.1775vw, -10px) scale(0.344); animation: fall-19 27s -25s linear infinite; } @keyframes fall-19 { 50.175% { transform: translate(13.6028vw, 50.175vh) scale(0.344); } to { transform: translate(11.39015vw, 100vh) scale(0.344); } } .snow:nth-child(20) { opacity: 0.6716; transform: translate(71.003vw, -10px) scale(0.5543); animation: fall-20 28s -16s linear infinite; } @keyframes fall-20 { 32.979% { transform: translate(75.0401vw, 32.979vh) scale(0.5543); } to { transform: translate(73.02155vw, 100vh) scale(0.5543); } } .snow:nth-child(21) { opacity: 0.2847; transform: translate(34.5878vw, -10px) scale(0.6639); animation: fall-21 11s -17s linear infinite; } @keyframes fall-21 { 41.277% { transform: translate(34.0048vw, 41.277vh) scale(0.6639); } to { transform: translate(34.2963vw, 100vh) scale(0.6639); } } .snow:nth-child(22) { opacity: 0.7698; transform: translate(10.272vw, -10px) scale(0.5098); animation: fall-22 16s -19s linear infinite; } @keyframes fall-22 { 50.422% { transform: translate(9.2302vw, 50.422vh) scale(0.5098); } to { transform: translate(9.7511vw, 100vh) scale(0.5098); } } .snow:nth-child(23) { opacity: 0.6775; transform: translate(47.9234vw, -10px) scale(0.5393); animation: fall-23 14s -30s linear infinite; } @keyframes fall-23 { 35.091% { transform: translate(52.09vw, 35.091vh) scale(0.5393); } to { transform: translate(50.0067vw, 100vh) scale(0.5393); } } .snow:nth-child(24) { opacity: 0.78; transform: translate(34.0749vw, -10px) scale(0.1493); animation: fall-24 27s -9s linear infinite; } @keyframes fall-24 { 50.622% { transform: translate(38.6728vw, 50.622vh) scale(0.1493); } to { transform: translate(36.37385vw, 100vh) scale(0.1493); } } .snow:nth-child(25) { opacity: 0.9441; transform: translate(51.5298vw, -10px) scale(0.731); animation: fall-25 14s -27s linear infinite; } @keyframes fall-25 { 78.163% { transform: translate(51.6328vw, 78.163vh) scale(0.731); } to { transform: translate(51.5813vw, 100vh) scale(0.731); } } .snow:nth-child(26) { opacity: 0.6662; transform: translate(83.3438vw, -10px) scale(0.8486); animation: fall-26 28s -18s linear infinite; } @keyframes fall-26 { 33.802% { transform: translate(84.2578vw, 33.802vh) scale(0.8486); } to { transform: translate(83.8008vw, 100vh) scale(0.8486); } } .snow:nth-child(27) { opacity: 0.3502; transform: translate(17.8328vw, -10px) scale(0.3293); animation: fall-27 11s -13s linear infinite; } @keyframes fall-27 { 35.293% { transform: translate(13.689vw, 35.293vh) scale(0.3293); } to { transform: translate(15.7609vw, 100vh) scale(0.3293); } } .snow:nth-child(28) { opacity: 0.0315; transform: translate(47.9009vw, -10px) scale(0.5468); animation: fall-28 16s -21s linear infinite; } @keyframes fall-28 { 35.74% { transform: translate(43.5892vw, 35.74vh) scale(0.5468); } to { transform: translate(45.74505vw, 100vh) scale(0.5468); } } .snow:nth-child(29) { opacity: 0.8193; transform: translate(26.391vw, -10px) scale(0.2634); animation: fall-29 21s -21s linear infinite; } @keyframes fall-29 { 49.455% { transform: translate(35.7896vw, 49.455vh) scale(0.2634); } to { transform: translate(31.0903vw, 100vh) scale(0.2634); } } .snow:nth-child(30) { opacity: 0.5137; transform: translate(54.876vw, -10px) scale(0.0143); animation: fall-30 27s -5s linear infinite; } @keyframes fall-30 { 55.898% { transform: translate(61.1971vw, 55.898vh) scale(0.0143); } to { transform: translate(58.03655vw, 100vh) scale(0.0143); } } .snow:nth-child(31) { opacity: 0.4395; transform: translate(43.7441vw, -10px) scale(0.1827); animation: fall-31 21s -20s linear infinite; } @keyframes fall-31 { 35.315% { transform: translate(45.7112vw, 35.315vh) scale(0.1827); } to { transform: translate(44.72765vw, 100vh) scale(0.1827); } } .snow:nth-child(32) { opacity: 0.3212; transform: translate(80.5039vw, -10px) scale(0.2067); animation: fall-32 27s -27s linear infinite; } @keyframes fall-32 { 38.839% { transform: translate(82.2749vw, 38.839vh) scale(0.2067); } to { transform: translate(81.3894vw, 100vh) scale(0.2067); } } .snow:nth-child(33) { opacity: 0.701; transform: translate(34.3481vw, -10px) scale(0.4268); animation: fall-33 16s -8s linear infinite; } @keyframes fall-33 { 43.903% { transform: translate(25.2683vw, 43.903vh) scale(0.4268); } to { transform: translate(29.8082vw, 100vh) scale(0.4268); } } .snow:nth-child(34) { opacity: 0.5452; transform: translate(43.609vw, -10px) scale(0.203); animation: fall-34 27s -4s linear infinite; } @keyframes fall-34 { 76.657% { transform: translate(34.3157vw, 76.657vh) scale(0.203); } to { transform: translate(38.96235vw, 100vh) scale(0.203); } } .snow:nth-child(35) { opacity: 0.982; transform: translate(75.8914vw, -10px) scale(0.8194); animation: fall-35 14s -14s linear infinite; } @keyframes fall-35 { 44.824% { transform: translate(69.9753vw, 44.824vh) scale(0.8194); } to { transform: translate(72.93335vw, 100vh) scale(0.8194); } } .snow:nth-child(36) { opacity: 0.1814; transform: translate(98.9985vw, -10px) scale(0.0327); animation: fall-36 30s -9s linear infinite; } @keyframes fall-36 { 54.713% { transform: translate(99.3352vw, 54.713vh) scale(0.0327); } to { transform: translate(99.16685vw, 100vh) scale(0.0327); } } .snow:nth-child(37) { opacity: 0.5442; transform: translate(92.862vw, -10px) scale(0.8734); animation: fall-37 25s -11s linear infinite; } @keyframes fall-37 { 63.895% { transform: translate(102.8494vw, 63.895vh) scale(0.8734); } to { transform: translate(97.8557vw, 100vh) scale(0.8734); } } .snow:nth-child(38) { opacity: 0.384; transform: translate(5.7179vw, -10px) scale(0.0101); animation: fall-38 24s -28s linear infinite; } @keyframes fall-38 { 43.716% { transform: translate(12.8128vw, 43.716vh) scale(0.0101); } to { transform: translate(9.26535vw, 100vh) scale(0.0101); } } .snow:nth-child(39) { opacity: 0.4543; transform: translate(68.668vw, -10px) scale(0.8134); animation: fall-39 21s -8s linear infinite; } @keyframes fall-39 { 42.97% { transform: translate(75.2054vw, 42.97vh) scale(0.8134); } to { transform: translate(71.9367vw, 100vh) scale(0.8134); } } .snow:nth-child(40) { opacity: 0.4736; transform: translate(16.633vw, -10px) scale(0.4543); animation: fall-40 23s -5s linear infinite; } @keyframes fall-40 { 30.854% { transform: translate(10.8781vw, 30.854vh) scale(0.4543); } to { transform: translate(13.75555vw, 100vh) scale(0.4543); } } .snow:nth-child(41) { opacity: 0.9583; transform: translate(66.2399vw, -10px) scale(0.7545); animation: fall-41 20s -17s linear infinite; } @keyframes fall-41 { 62.584% { transform: translate(67.1525vw, 62.584vh) scale(0.7545); } to { transform: translate(66.6962vw, 100vh) scale(0.7545); } } .snow:nth-child(42) { opacity: 0.53; transform: translate(30.2146vw, -10px) scale(0.1648); animation: fall-42 26s -8s linear infinite; } @keyframes fall-42 { 55.907% { transform: translate(37.0674vw, 55.907vh) scale(0.1648); } to { transform: translate(33.641vw, 100vh) scale(0.1648); } } .snow:nth-child(43) { opacity: 0.991; transform: translate(27.7612vw, -10px) scale(0.7066); animation: fall-43 20s -7s linear infinite; } @keyframes fall-43 { 45.264% { transform: translate(26.4016vw, 45.264vh) scale(0.7066); } to { transform: translate(27.0814vw, 100vh) scale(0.7066); } } .snow:nth-child(44) { opacity: 0.5323; transform: translate(29.8536vw, -10px) scale(0.1951); animation: fall-44 19s -15s linear infinite; } @keyframes fall-44 { 76.522% { transform: translate(32.1126vw, 76.522vh) scale(0.1951); } to { transform: translate(30.9831vw, 100vh) scale(0.1951); } } .snow:nth-child(45) { opacity: 0.2485; transform: translate(1.8318vw, -10px) scale(0.361); animation: fall-45 26s -30s linear infinite; } @keyframes fall-45 { 35.283% { transform: translate(8.4692vw, 35.283vh) scale(0.361); } to { transform: translate(5.1505vw, 100vh) scale(0.361); } } .snow:nth-child(46) { opacity: 0.1756; transform: translate(98.8438vw, -10px) scale(0.4754); animation: fall-46 26s -7s linear infinite; } @keyframes fall-46 { 42.943% { transform: translate(106.8698vw, 42.943vh) scale(0.4754); } to { transform: translate(102.8568vw, 100vh) scale(0.4754); } } .snow:nth-child(47) { opacity: 0.2507; transform: translate(2.6381vw, -10px) scale(0.7054); animation: fall-47 16s -18s linear infinite; } @keyframes fall-47 { 38.269% { transform: translate(-1.6023vw, 38.269vh) scale(0.7054); } to { transform: translate(0.5179vw, 100vh) scale(0.7054); } } .snow:nth-child(48) { opacity: 0.9943; transform: translate(13.3725vw, -10px) scale(0.6117); animation: fall-48 20s -10s linear infinite; } @keyframes fall-48 { 48.202% { transform: translate(21.162vw, 48.202vh) scale(0.6117); } to { transform: translate(17.26725vw, 100vh) scale(0.6117); } } .snow:nth-child(49) { opacity: 0.3955; transform: translate(71.8538vw, -10px) scale(0.1893); animation: fall-49 13s -7s linear infinite; } @keyframes fall-49 { 75.663% { transform: translate(62.6861vw, 75.663vh) scale(0.1893); } to { transform: translate(67.26995vw, 100vh) scale(0.1893); } } .snow:nth-child(50) { opacity: 0.1284; transform: translate(80.7992vw, -10px) scale(0.6805); animation: fall-50 16s -3s linear infinite; } @keyframes fall-50 { 74.144% { transform: translate(88.6035vw, 74.144vh) scale(0.6805); } to { transform: translate(84.70135vw, 100vh) scale(0.6805); } } .snow:nth-child(51) { opacity: 0.5312; transform: translate(3.5211vw, -10px) scale(0.6864); animation: fall-51 13s -26s linear infinite; } @keyframes fall-51 { 45.352% { transform: translate(-6.3508vw, 45.352vh) scale(0.6864); } to { transform: translate(-1.41485vw, 100vh) scale(0.6864); } } .snow:nth-child(52) { opacity: 0.2145; transform: translate(7.2788vw, -10px) scale(0.0534); animation: fall-52 28s -20s linear infinite; } @keyframes fall-52 { 74.192% { transform: translate(13.5499vw, 74.192vh) scale(0.0534); } to { transform: translate(10.41435vw, 100vh) scale(0.0534); } } .snow:nth-child(53) { opacity: 0.4817; transform: translate(40.6309vw, -10px) scale(0.6608); animation: fall-53 16s -28s linear infinite; } @keyframes fall-53 { 77.912% { transform: translate(43.3447vw, 77.912vh) scale(0.6608); } to { transform: translate(41.9878vw, 100vh) scale(0.6608); } } .snow:nth-child(54) { opacity: 0.2782; transform: translate(26.6245vw, -10px) scale(0.4011); animation: fall-54 29s -21s linear infinite; } @keyframes fall-54 { 72.82% { transform: translate(32.8785vw, 72.82vh) scale(0.4011); } to { transform: translate(29.7515vw, 100vh) scale(0.4011); } } .snow:nth-child(55) { opacity: 0.9347; transform: translate(58.7337vw, -10px) scale(0.5451); animation: fall-55 21s -22s linear infinite; } @keyframes fall-55 { 34.478% { transform: translate(53.282vw, 34.478vh) scale(0.5451); } to { transform: translate(56.00785vw, 100vh) scale(0.5451); } } .snow:nth-child(56) { opacity: 0.6729; transform: translate(68.1336vw, -10px) scale(0.5752); animation: fall-56 17s -15s linear infinite; } @keyframes fall-56 { 76.123% { transform: translate(64.6459vw, 76.123vh) scale(0.5752); } to { transform: translate(66.38975vw, 100vh) scale(0.5752); } } .snow:nth-child(57) { opacity: 0.6015; transform: translate(90.8075vw, -10px) scale(0.0236); animation: fall-57 30s -27s linear infinite; } @keyframes fall-57 { 40.518% { transform: translate(99.1747vw, 40.518vh) scale(0.0236); } to { transform: translate(94.9911vw, 100vh) scale(0.0236); } } .snow:nth-child(58) { opacity: 0.048; transform: translate(10.4551vw, -10px) scale(0.8768); animation: fall-58 13s -11s linear infinite; } @keyframes fall-58 { 78.688% { transform: translate(19.913vw, 78.688vh) scale(0.8768); } to { transform: translate(15.18405vw, 100vh) scale(0.8768); } } .snow:nth-child(59) { opacity: 0.3662; transform: translate(87.7795vw, -10px) scale(0.1979); animation: fall-59 12s -2s linear infinite; } @keyframes fall-59 { 30.387% { transform: translate(79.1293vw, 30.387vh) scale(0.1979); } to { transform: translate(83.4544vw, 100vh) scale(0.1979); } } .snow:nth-child(60) { opacity: 0.3605; transform: translate(51.8349vw, -10px) scale(0.8098); animation: fall-60 29s -25s linear infinite; } @keyframes fall-60 { 52.48% { transform: translate(46.7796vw, 52.48vh) scale(0.8098); } to { transform: translate(49.30725vw, 100vh) scale(0.8098); } } .snow:nth-child(61) { opacity: 0.7077; transform: translate(33.7176vw, -10px) scale(0.3825); animation: fall-61 13s -8s linear infinite; } @keyframes fall-61 { 56.526% { transform: translate(40.8273vw, 56.526vh) scale(0.3825); } to { transform: translate(37.27245vw, 100vh) scale(0.3825); } } .snow:nth-child(62) { opacity: 0.0069; transform: translate(29.1137vw, -10px) scale(0.0395); animation: fall-62 17s -17s linear infinite; } @keyframes fall-62 { 50.473% { transform: translate(24.103vw, 50.473vh) scale(0.0395); } to { transform: translate(26.60835vw, 100vh) scale(0.0395); } } .snow:nth-child(63) { opacity: 0.8893; transform: translate(12.2673vw, -10px) scale(0.0129); animation: fall-63 23s -16s linear infinite; } @keyframes fall-63 { 58.212% { transform: translate(5.8966vw, 58.212vh) scale(0.0129); } to { transform: translate(9.08195vw, 100vh) scale(0.0129); } } .snow:nth-child(64) { opacity: 0.9302; transform: translate(32.0662vw, -10px) scale(0.375); animation: fall-64 13s -5s linear infinite; } @keyframes fall-64 { 71.269% { transform: translate(31.8819vw, 71.269vh) scale(0.375); } to { transform: translate(31.97405vw, 100vh) scale(0.375); } } .snow:nth-child(65) { opacity: 0.3962; transform: translate(69.2377vw, -10px) scale(0.5844); animation: fall-65 26s -26s linear infinite; } @keyframes fall-65 { 76.725% { transform: translate(71.7073vw, 76.725vh) scale(0.5844); } to { transform: translate(70.4725vw, 100vh) scale(0.5844); } } .snow:nth-child(66) { opacity: 0.8443; transform: translate(37.2819vw, -10px) scale(0.8389); animation: fall-66 14s -27s linear infinite; } @keyframes fall-66 { 76.387% { transform: translate(34.2963vw, 76.387vh) scale(0.8389); } to { transform: translate(35.7891vw, 100vh) scale(0.8389); } } .snow:nth-child(67) { opacity: 0.4929; transform: translate(21.2115vw, -10px) scale(0.5848); animation: fall-67 18s -26s linear infinite; } @keyframes fall-67 { 76.274% { transform: translate(30.4684vw, 76.274vh) scale(0.5848); } to { transform: translate(25.83995vw, 100vh) scale(0.5848); } } .snow:nth-child(68) { opacity: 0.8372; transform: translate(56.1367vw, -10px) scale(0.8814); animation: fall-68 26s -25s linear infinite; } @keyframes fall-68 { 72.733% { transform: translate(63.5358vw, 72.733vh) scale(0.8814); } to { transform: translate(59.83625vw, 100vh) scale(0.8814); } } .snow:nth-child(69) { opacity: 0.2915; transform: translate(18.5073vw, -10px) scale(0.2164); animation: fall-69 24s -2s linear infinite; } @keyframes fall-69 { 44.462% { transform: translate(11.2393vw, 44.462vh) scale(0.2164); } to { transform: translate(14.8733vw, 100vh) scale(0.2164); } } .snow:nth-child(70) { opacity: 0.5051; transform: translate(12.5266vw, -10px) scale(0.7491); animation: fall-70 12s -15s linear infinite; } @keyframes fall-70 { 48.344% { transform: translate(22.3747vw, 48.344vh) scale(0.7491); } to { transform: translate(17.45065vw, 100vh) scale(0.7491); } } .snow:nth-child(71) { opacity: 0.9932; transform: translate(30.6747vw, -10px) scale(0.1676); animation: fall-71 20s -24s linear infinite; } @keyframes fall-71 { 40.974% { transform: translate(33.0565vw, 40.974vh) scale(0.1676); } to { transform: translate(31.8656vw, 100vh) scale(0.1676); } } .snow:nth-child(72) { opacity: 0.3747; transform: translate(7.5418vw, -10px) scale(0.9742); animation: fall-72 11s -29s linear infinite; } @keyframes fall-72 { 66.924% { transform: translate(2.6582vw, 66.924vh) scale(0.9742); } to { transform: translate(5.1vw, 100vh) scale(0.9742); } } .snow:nth-child(73) { opacity: 0.302; transform: translate(14.4381vw, -10px) scale(0.8785); animation: fall-73 21s -15s linear infinite; } @keyframes fall-73 { 33.914% { transform: translate(23.7414vw, 33.914vh) scale(0.8785); } to { transform: translate(19.08975vw, 100vh) scale(0.8785); } } .snow:nth-child(74) { opacity: 0.6717; transform: translate(23.0433vw, -10px) scale(0.4931); animation: fall-74 17s -4s linear infinite; } @keyframes fall-74 { 40.275% { transform: translate(22.407vw, 40.275vh) scale(0.4931); } to { transform: translate(22.72515vw, 100vh) scale(0.4931); } } .snow:nth-child(75) { opacity: 0.5724; transform: translate(67.8429vw, -10px) scale(0.1722); animation: fall-75 21s -15s linear infinite; } @keyframes fall-75 { 76.261% { transform: translate(70.0258vw, 76.261vh) scale(0.1722); } to { transform: translate(68.93435vw, 100vh) scale(0.1722); } } .snow:nth-child(76) { opacity: 0.9795; transform: translate(34.434vw, -10px) scale(0.42); animation: fall-76 25s -24s linear infinite; } @keyframes fall-76 { 47.323% { transform: translate(33.4099vw, 47.323vh) scale(0.42); } to { transform: translate(33.92195vw, 100vh) scale(0.42); } } .snow:nth-child(77) { opacity: 0.8963; transform: translate(0.4974vw, -10px) scale(0.0681); animation: fall-77 21s -13s linear infinite; } @keyframes fall-77 { 58.421% { transform: translate(-2.6047vw, 58.421vh) scale(0.0681); } to { transform: translate(-1.05365vw, 100vh) scale(0.0681); } } .snow:nth-child(78) { opacity: 0.4289; transform: translate(79.6803vw, -10px) scale(0.4218); animation: fall-78 22s -30s linear infinite; } @keyframes fall-78 { 46.534% { transform: translate(72.8819vw, 46.534vh) scale(0.4218); } to { transform: translate(76.2811vw, 100vh) scale(0.4218); } } .snow:nth-child(79) { opacity: 0.0095; transform: translate(90.1211vw, -10px) scale(0.2684); animation: fall-79 21s -13s linear infinite; } @keyframes fall-79 { 61.74% { transform: translate(87.4836vw, 61.74vh) scale(0.2684); } to { transform: translate(88.80235vw, 100vh) scale(0.2684); } } .snow:nth-child(80) { opacity: 0.5799; transform: translate(75.2544vw, -10px) scale(0.6796); animation: fall-80 19s -12s linear infinite; } @keyframes fall-80 { 66.867% { transform: translate(70.3696vw, 66.867vh) scale(0.6796); } to { transform: translate(72.812vw, 100vh) scale(0.6796); } } .snow:nth-child(81) { opacity: 0.5047; transform: translate(37.5482vw, -10px) scale(0.0407); animation: fall-81 25s -21s linear infinite; } @keyframes fall-81 { 54.005% { transform: translate(32.6643vw, 54.005vh) scale(0.0407); } to { transform: translate(35.10625vw, 100vh) scale(0.0407); } } .snow:nth-child(82) { opacity: 0.4379; transform: translate(66.3032vw, -10px) scale(0.2748); animation: fall-82 12s -27s linear infinite; } @keyframes fall-82 { 54.228% { transform: translate(67.1657vw, 54.228vh) scale(0.2748); } to { transform: translate(66.73445vw, 100vh) scale(0.2748); } } .snow:nth-child(83) { opacity: 0.7014; transform: translate(36.4586vw, -10px) scale(0.8247); animation: fall-83 24s -23s linear infinite; } @keyframes fall-83 { 63.566% { transform: translate(38.4376vw, 63.566vh) scale(0.8247); } to { transform: translate(37.4481vw, 100vh) scale(0.8247); } } .snow:nth-child(84) { opacity: 0.2763; transform: translate(19.3044vw, -10px) scale(0.6402); animation: fall-84 11s -7s linear infinite; } @keyframes fall-84 { 75.52% { transform: translate(9.5125vw, 75.52vh) scale(0.6402); } to { transform: translate(14.40845vw, 100vh) scale(0.6402); } } .snow:nth-child(85) { opacity: 0.7579; transform: translate(67.26vw, -10px) scale(0.905); animation: fall-85 21s -4s linear infinite; } @keyframes fall-85 { 48.114% { transform: translate(69.3234vw, 48.114vh) scale(0.905); } to { transform: translate(68.2917vw, 100vh) scale(0.905); } } .snow:nth-child(86) { opacity: 0.9845; transform: translate(13.3151vw, -10px) scale(0.0152); animation: fall-86 21s -23s linear infinite; } @keyframes fall-86 { 65.693% { transform: translate(14.921vw, 65.693vh) scale(0.0152); } to { transform: translate(14.11805vw, 100vh) scale(0.0152); } } .snow:nth-child(87) { opacity: 0.5205; transform: translate(17.8922vw, -10px) scale(0.1598); animation: fall-87 12s -4s linear infinite; } @keyframes fall-87 { 32.175% { transform: translate(8.4209vw, 32.175vh) scale(0.1598); } to { transform: translate(13.15655vw, 100vh) scale(0.1598); } } .snow:nth-child(88) { opacity: 0.1009; transform: translate(11.134vw, -10px) scale(0.7037); animation: fall-88 29s -11s linear infinite; } @keyframes fall-88 { 47.194% { transform: translate(9.3723vw, 47.194vh) scale(0.7037); } to { transform: translate(10.25315vw, 100vh) scale(0.7037); } } .snow:nth-child(89) { opacity: 0.7999; transform: translate(97.3329vw, -10px) scale(0.2199); animation: fall-89 23s -13s linear infinite; } @keyframes fall-89 { 57.654% { transform: translate(105.4321vw, 57.654vh) scale(0.2199); } to { transform: translate(101.3825vw, 100vh) scale(0.2199); } } .snow:nth-child(90) { opacity: 0.6713; transform: translate(37.3778vw, -10px) scale(0.8577); animation: fall-90 20s -12s linear infinite; } @keyframes fall-90 { 37.471% { transform: translate(44.7409vw, 37.471vh) scale(0.8577); } to { transform: translate(41.05935vw, 100vh) scale(0.8577); } } .snow:nth-child(91) { opacity: 0.3981; transform: translate(75.6631vw, -10px) scale(0.6205); animation: fall-91 18s -16s linear infinite; } @keyframes fall-91 { 61.737% { transform: translate(70.722vw, 61.737vh) scale(0.6205); } to { transform: translate(73.19255vw, 100vh) scale(0.6205); } } .snow:nth-child(92) { opacity: 0.2757; transform: translate(96.964vw, -10px) scale(0.1232); animation: fall-92 12s -16s linear infinite; } @keyframes fall-92 { 63.712% { transform: translate(94.16vw, 63.712vh) scale(0.1232); } to { transform: translate(95.562vw, 100vh) scale(0.1232); } } .snow:nth-child(93) { opacity: 0.7343; transform: translate(32.9143vw, -10px) scale(0.4596); animation: fall-93 23s -10s linear infinite; } @keyframes fall-93 { 55.361% { transform: translate(30.003vw, 55.361vh) scale(0.4596); } to { transform: translate(31.45865vw, 100vh) scale(0.4596); } } .snow:nth-child(94) { opacity: 0.8571; transform: translate(83.2832vw, -10px) scale(0.4375); animation: fall-94 14s -6s linear infinite; } @keyframes fall-94 { 44.202% { transform: translate(90.9645vw, 44.202vh) scale(0.4375); } to { transform: translate(87.12385vw, 100vh) scale(0.4375); } } .snow:nth-child(95) { opacity: 0.9713; transform: translate(40.6951vw, -10px) scale(0.4513); animation: fall-95 26s -9s linear infinite; } @keyframes fall-95 { 47.959% { transform: translate(42.9733vw, 47.959vh) scale(0.4513); } to { transform: translate(41.8342vw, 100vh) scale(0.4513); } } .snow:nth-child(96) { opacity: 0.1428; transform: translate(82.7398vw, -10px) scale(0.8684); animation: fall-96 30s -21s linear infinite; } @keyframes fall-96 { 54.576% { transform: translate(91.5364vw, 54.576vh) scale(0.8684); } to { transform: translate(87.1381vw, 100vh) scale(0.8684); } } .snow:nth-child(97) { opacity: 0.0237; transform: translate(1.4668vw, -10px) scale(0.2614); animation: fall-97 28s -3s linear infinite; } @keyframes fall-97 { 54.403% { transform: translate(-4.5293vw, 54.403vh) scale(0.2614); } to { transform: translate(-1.53125vw, 100vh) scale(0.2614); } } .snow:nth-child(98) { opacity: 0.1216; transform: translate(88.351vw, -10px) scale(0.1226); animation: fall-98 22s -25s linear infinite; } @keyframes fall-98 { 43.983% { transform: translate(92.0067vw, 43.983vh) scale(0.1226); } to { transform: translate(90.17885vw, 100vh) scale(0.1226); } } .snow:nth-child(99) { opacity: 0.7152; transform: translate(86.4084vw, -10px) scale(0.9298); animation: fall-99 28s -10s linear infinite; } @keyframes fall-99 { 40.422% { transform: translate(77.5379vw, 40.422vh) scale(0.9298); } to { transform: translate(81.97315vw, 100vh) scale(0.9298); } } .snow:nth-child(100) { opacity: 0.115; transform: translate(87.1559vw, -10px) scale(0.7651); animation: fall-100 16s -21s linear infinite; } @keyframes fall-100 { 77.806% { transform: translate(91.9728vw, 77.806vh) scale(0.7651); } to { transform: translate(89.56435vw, 100vh) scale(0.7651); } } .snow:nth-child(101) { opacity: 0.2001; transform: translate(76.857vw, -10px) scale(0.5044); animation: fall-101 29s -14s linear infinite; } @keyframes fall-101 { 75.988% { transform: translate(74.0871vw, 75.988vh) scale(0.5044); } to { transform: translate(75.47205vw, 100vh) scale(0.5044); } } .snow:nth-child(102) { opacity: 0.9123; transform: translate(51.7563vw, -10px) scale(0.4435); animation: fall-102 27s -25s linear infinite; } @keyframes fall-102 { 57.047% { transform: translate(46.0567vw, 57.047vh) scale(0.4435); } to { transform: translate(48.9065vw, 100vh) scale(0.4435); } } .snow:nth-child(103) { opacity: 0.7854; transform: translate(73.296vw, -10px) scale(0.3228); animation: fall-103 21s -18s linear infinite; } @keyframes fall-103 { 79.251% { transform: translate(66.827vw, 79.251vh) scale(0.3228); } to { transform: translate(70.0615vw, 100vh) scale(0.3228); } } .snow:nth-child(104) { opacity: 0.88; transform: translate(36.1281vw, -10px) scale(0.0614); animation: fall-104 28s -21s linear infinite; } @keyframes fall-104 { 78.904% { transform: translate(35.602vw, 78.904vh) scale(0.0614); } to { transform: translate(35.86505vw, 100vh) scale(0.0614); } } .snow:nth-child(105) { opacity: 0.16; transform: translate(26.469vw, -10px) scale(0.7906); animation: fall-105 16s -4s linear infinite; } @keyframes fall-105 { 46.998% { transform: translate(18.6174vw, 46.998vh) scale(0.7906); } to { transform: translate(22.5432vw, 100vh) scale(0.7906); } } .snow:nth-child(106) { opacity: 0.7139; transform: translate(66.7226vw, -10px) scale(0.2785); animation: fall-106 25s -7s linear infinite; } @keyframes fall-106 { 38.817% { transform: translate(75.8206vw, 38.817vh) scale(0.2785); } to { transform: translate(71.2716vw, 100vh) scale(0.2785); } } .snow:nth-child(107) { opacity: 0.133; transform: translate(47.9855vw, -10px) scale(0.7324); animation: fall-107 15s -10s linear infinite; } @keyframes fall-107 { 48.691% { transform: translate(55.7693vw, 48.691vh) scale(0.7324); } to { transform: translate(51.8774vw, 100vh) scale(0.7324); } } .snow:nth-child(108) { opacity: 0.9863; transform: translate(56.9825vw, -10px) scale(0.7301); animation: fall-108 27s -29s linear infinite; } @keyframes fall-108 { 73.827% { transform: translate(63.4461vw, 73.827vh) scale(0.7301); } to { transform: translate(60.2143vw, 100vh) scale(0.7301); } } .snow:nth-child(109) { opacity: 0.2939; transform: translate(39.6921vw, -10px) scale(0.417); animation: fall-109 10s -10s linear infinite; } @keyframes fall-109 { 75.307% { transform: translate(48.5459vw, 75.307vh) scale(0.417); } to { transform: translate(44.119vw, 100vh) scale(0.417); } } .snow:nth-child(110) { opacity: 0.7026; transform: translate(39.6442vw, -10px) scale(0.7085); animation: fall-110 29s -13s linear infinite; } @keyframes fall-110 { 59.143% { transform: translate(47.5301vw, 59.143vh) scale(0.7085); } to { transform: translate(43.58715vw, 100vh) scale(0.7085); } } .snow:nth-child(111) { opacity: 0.2058; transform: translate(19.8921vw, -10px) scale(0.4829); animation: fall-111 13s -13s linear infinite; } @keyframes fall-111 { 59.593% { transform: translate(22.7754vw, 59.593vh) scale(0.4829); } to { transform: translate(21.33375vw, 100vh) scale(0.4829); } } .snow:nth-child(112) { opacity: 0.6555; transform: translate(82.5081vw, -10px) scale(0.5487); animation: fall-112 23s -6s linear infinite; } @keyframes fall-112 { 46.675% { transform: translate(77.7456vw, 46.675vh) scale(0.5487); } to { transform: translate(80.12685vw, 100vh) scale(0.5487); } } .snow:nth-child(113) { opacity: 0.8354; transform: translate(22.165vw, -10px) scale(0.5893); animation: fall-113 23s -22s linear infinite; } @keyframes fall-113 { 54.67% { transform: translate(13.02vw, 54.67vh) scale(0.5893); } to { transform: translate(17.5925vw, 100vh) scale(0.5893); } } .snow:nth-child(114) { opacity: 0.5331; transform: translate(58.4972vw, -10px) scale(0.2278); animation: fall-114 27s -29s linear infinite; } @keyframes fall-114 { 44.227% { transform: translate(49.6021vw, 44.227vh) scale(0.2278); } to { transform: translate(54.04965vw, 100vh) scale(0.2278); } } .snow:nth-child(115) { opacity: 0.2475; transform: translate(9.7659vw, -10px) scale(0.2921); animation: fall-115 18s -7s linear infinite; } @keyframes fall-115 { 75.622% { transform: translate(18.2793vw, 75.622vh) scale(0.2921); } to { transform: translate(14.0226vw, 100vh) scale(0.2921); } } .snow:nth-child(116) { opacity: 0.51; transform: translate(83.646vw, -10px) scale(0.4056); animation: fall-116 23s -23s linear infinite; } @keyframes fall-116 { 37.027% { transform: translate(74.1694vw, 37.027vh) scale(0.4056); } to { transform: translate(78.9077vw, 100vh) scale(0.4056); } } .snow:nth-child(117) { opacity: 0.3076; transform: translate(78.6156vw, -10px) scale(0.9191); animation: fall-117 22s -4s linear infinite; } @keyframes fall-117 { 59.772% { transform: translate(77.6021vw, 59.772vh) scale(0.9191); } to { transform: translate(78.10885vw, 100vh) scale(0.9191); } } .snow:nth-child(118) { opacity: 0.5272; transform: translate(15.6187vw, -10px) scale(0.4724); animation: fall-118 26s -18s linear infinite; } @keyframes fall-118 { 57.04% { transform: translate(19.8612vw, 57.04vh) scale(0.4724); } to { transform: translate(17.73995vw, 100vh) scale(0.4724); } } .snow:nth-child(119) { opacity: 0.5246; transform: translate(53.9914vw, -10px) scale(0.943); animation: fall-119 30s -14s linear infinite; } @keyframes fall-119 { 77.121% { transform: translate(59.3957vw, 77.121vh) scale(0.943); } to { transform: translate(56.69355vw, 100vh) scale(0.943); } } .snow:nth-child(120) { opacity: 0.894; transform: translate(75.9531vw, -10px) scale(0.794); animation: fall-120 17s -19s linear infinite; } @keyframes fall-120 { 77.206% { transform: translate(76.8113vw, 77.206vh) scale(0.794); } to { transform: translate(76.3822vw, 100vh) scale(0.794); } } .snow:nth-child(121) { opacity: 0.6038; transform: translate(80.5702vw, -10px) scale(0.5975); animation: fall-121 23s -22s linear infinite; } @keyframes fall-121 { 44.9% { transform: translate(73.4026vw, 44.9vh) scale(0.5975); } to { transform: translate(76.9864vw, 100vh) scale(0.5975); } } .snow:nth-child(122) { opacity: 0.5396; transform: translate(84.6704vw, -10px) scale(0.09); animation: fall-122 19s -12s linear infinite; } @keyframes fall-122 { 68.011% { transform: translate(79.945vw, 68.011vh) scale(0.09); } to { transform: translate(82.3077vw, 100vh) scale(0.09); } } .snow:nth-child(123) { opacity: 0.7404; transform: translate(99.111vw, -10px) scale(0.7353); animation: fall-123 21s -10s linear infinite; } @keyframes fall-123 { 54.415% { transform: translate(97.7141vw, 54.415vh) scale(0.7353); } to { transform: translate(98.41255vw, 100vh) scale(0.7353); } } .snow:nth-child(124) { opacity: 0.9508; transform: translate(8.2978vw, -10px) scale(0.2608); animation: fall-124 18s -7s linear infinite; } @keyframes fall-124 { 61.416% { transform: translate(15.2764vw, 61.416vh) scale(0.2608); } to { transform: translate(11.7871vw, 100vh) scale(0.2608); } } .snow:nth-child(125) { opacity: 0.9372; transform: translate(51.8205vw, -10px) scale(0.837); animation: fall-125 10s -23s linear infinite; } @keyframes fall-125 { 71.556% { transform: translate(47.0679vw, 71.556vh) scale(0.837); } to { transform: translate(49.4442vw, 100vh) scale(0.837); } } .snow:nth-child(126) { opacity: 0.9459; transform: translate(66.5912vw, -10px) scale(0.6166); animation: fall-126 16s -26s linear infinite; } @keyframes fall-126 { 42.687% { transform: translate(66.0965vw, 42.687vh) scale(0.6166); } to { transform: translate(66.34385vw, 100vh) scale(0.6166); } } .snow:nth-child(127) { opacity: 0.3686; transform: translate(34.6706vw, -10px) scale(0.3077); animation: fall-127 24s -4s linear infinite; } @keyframes fall-127 { 60.177% { transform: translate(36.8758vw, 60.177vh) scale(0.3077); } to { transform: translate(35.7732vw, 100vh) scale(0.3077); } } .snow:nth-child(128) { opacity: 0.6618; transform: translate(0.7451vw, -10px) scale(0.8276); animation: fall-128 15s -9s linear infinite; } @keyframes fall-128 { 58.27% { transform: translate(7.81vw, 58.27vh) scale(0.8276); } to { transform: translate(4.27755vw, 100vh) scale(0.8276); } } .snow:nth-child(129) { opacity: 0.2008; transform: translate(52.9819vw, -10px) scale(0.7044); animation: fall-129 16s -8s linear infinite; } @keyframes fall-129 { 50.307% { transform: translate(59.7984vw, 50.307vh) scale(0.7044); } to { transform: translate(56.39015vw, 100vh) scale(0.7044); } } .snow:nth-child(130) { opacity: 0.5605; transform: translate(5.8675vw, -10px) scale(0.0732); animation: fall-130 27s -3s linear infinite; } @keyframes fall-130 { 63.62% { transform: translate(12.8141vw, 63.62vh) scale(0.0732); } to { transform: translate(9.3408vw, 100vh) scale(0.0732); } } .snow:nth-child(131) { opacity: 0.1936; transform: translate(85.5302vw, -10px) scale(0.9906); animation: fall-131 21s -5s linear infinite; } @keyframes fall-131 { 37.821% { transform: translate(76.5674vw, 37.821vh) scale(0.9906); } to { transform: translate(81.0488vw, 100vh) scale(0.9906); } } .snow:nth-child(132) { opacity: 0.2621; transform: translate(49.4411vw, -10px) scale(0.3074); animation: fall-132 18s -29s linear infinite; } @keyframes fall-132 { 71.256% { transform: translate(46.188vw, 71.256vh) scale(0.3074); } to { transform: translate(47.81455vw, 100vh) scale(0.3074); } } .snow:nth-child(133) { opacity: 0.6409; transform: translate(99.7084vw, -10px) scale(0.219); animation: fall-133 12s -21s linear infinite; } @keyframes fall-133 { 32.996% { transform: translate(93.0399vw, 32.996vh) scale(0.219); } to { transform: translate(96.37415vw, 100vh) scale(0.219); } } .snow:nth-child(134) { opacity: 0.6089; transform: translate(4.8057vw, -10px) scale(0.7178); animation: fall-134 27s -7s linear infinite; } @keyframes fall-134 { 75.245% { transform: translate(3.3523vw, 75.245vh) scale(0.7178); } to { transform: translate(4.079vw, 100vh) scale(0.7178); } } .snow:nth-child(135) { opacity: 0.0094; transform: translate(45.2929vw, -10px) scale(0.9152); animation: fall-135 27s -15s linear infinite; } @keyframes fall-135 { 58.636% { transform: translate(36.7541vw, 58.636vh) scale(0.9152); } to { transform: translate(41.0235vw, 100vh) scale(0.9152); } } .snow:nth-child(136) { opacity: 0.6489; transform: translate(97.5958vw, -10px) scale(0.6088); animation: fall-136 12s -5s linear infinite; } @keyframes fall-136 { 42.877% { transform: translate(97.0817vw, 42.877vh) scale(0.6088); } to { transform: translate(97.33875vw, 100vh) scale(0.6088); } } .snow:nth-child(137) { opacity: 0.5486; transform: translate(60.5595vw, -10px) scale(0.6457); animation: fall-137 28s -24s linear infinite; } @keyframes fall-137 { 57.068% { transform: translate(64.6267vw, 57.068vh) scale(0.6457); } to { transform: translate(62.5931vw, 100vh) scale(0.6457); } } .snow:nth-child(138) { opacity: 0.2014; transform: translate(48.5288vw, -10px) scale(0.7755); animation: fall-138 28s -8s linear infinite; } @keyframes fall-138 { 54.129% { transform: translate(43.8336vw, 54.129vh) scale(0.7755); } to { transform: translate(46.1812vw, 100vh) scale(0.7755); } } .snow:nth-child(139) { opacity: 0.0486; transform: translate(94.3659vw, -10px) scale(0.1602); animation: fall-139 10s -4s linear infinite; } @keyframes fall-139 { 43.139% { transform: translate(89.926vw, 43.139vh) scale(0.1602); } to { transform: translate(92.14595vw, 100vh) scale(0.1602); } } .snow:nth-child(140) { opacity: 0.3078; transform: translate(60.761vw, -10px) scale(0.5753); animation: fall-140 14s -15s linear infinite; } @keyframes fall-140 { 36.668% { transform: translate(56.2788vw, 36.668vh) scale(0.5753); } to { transform: translate(58.5199vw, 100vh) scale(0.5753); } } .snow:nth-child(141) { opacity: 0.7022; transform: translate(19.5291vw, -10px) scale(0.9412); animation: fall-141 14s -14s linear infinite; } @keyframes fall-141 { 41.777% { transform: translate(19.9281vw, 41.777vh) scale(0.9412); } to { transform: translate(19.7286vw, 100vh) scale(0.9412); } } .snow:nth-child(142) { opacity: 0.4955; transform: translate(45.6987vw, -10px) scale(0.4224); animation: fall-142 19s -29s linear infinite; } @keyframes fall-142 { 34.565% { transform: translate(38.8318vw, 34.565vh) scale(0.4224); } to { transform: translate(42.26525vw, 100vh) scale(0.4224); } } .snow:nth-child(143) { opacity: 0.7208; transform: translate(33.3433vw, -10px) scale(0.6322); animation: fall-143 29s -15s linear infinite; } @keyframes fall-143 { 52.337% { transform: translate(36.1029vw, 52.337vh) scale(0.6322); } to { transform: translate(34.7231vw, 100vh) scale(0.6322); } } .snow:nth-child(144) { opacity: 0.4312; transform: translate(73.218vw, -10px) scale(0.3033); animation: fall-144 26s -25s linear infinite; } @keyframes fall-144 { 36.839% { transform: translate(70.9729vw, 36.839vh) scale(0.3033); } to { transform: translate(72.09545vw, 100vh) scale(0.3033); } } .snow:nth-child(145) { opacity: 0.0939; transform: translate(50.6979vw, -10px) scale(0.0668); animation: fall-145 11s -29s linear infinite; } @keyframes fall-145 { 52.288% { transform: translate(58.2132vw, 52.288vh) scale(0.0668); } to { transform: translate(54.45555vw, 100vh) scale(0.0668); } } .snow:nth-child(146) { opacity: 0.2477; transform: translate(61.0258vw, -10px) scale(0.7713); animation: fall-146 14s -6s linear infinite; } @keyframes fall-146 { 73.096% { transform: translate(67.1808vw, 73.096vh) scale(0.7713); } to { transform: translate(64.1033vw, 100vh) scale(0.7713); } } .snow:nth-child(147) { opacity: 0.3616; transform: translate(75.1387vw, -10px) scale(0.6391); animation: fall-147 10s -22s linear infinite; } @keyframes fall-147 { 68.545% { transform: translate(69.5736vw, 68.545vh) scale(0.6391); } to { transform: translate(72.35615vw, 100vh) scale(0.6391); } } .snow:nth-child(148) { opacity: 0.7502; transform: translate(37.0677vw, -10px) scale(0.5866); animation: fall-148 18s -13s linear infinite; } @keyframes fall-148 { 76.095% { transform: translate(33.7853vw, 76.095vh) scale(0.5866); } to { transform: translate(35.4265vw, 100vh) scale(0.5866); } } .snow:nth-child(149) { opacity: 0.6071; transform: translate(55.1413vw, -10px) scale(0.8697); animation: fall-149 29s -15s linear infinite; } @keyframes fall-149 { 76.972% { transform: translate(55.0149vw, 76.972vh) scale(0.8697); } to { transform: translate(55.0781vw, 100vh) scale(0.8697); } } .snow:nth-child(150) { opacity: 0.1049; transform: translate(98.1589vw, -10px) scale(0.9981); animation: fall-150 10s -11s linear infinite; } @keyframes fall-150 { 68.602% { transform: translate(97.4959vw, 68.602vh) scale(0.9981); } to { transform: translate(97.8274vw, 100vh) scale(0.9981); } } .snow:nth-child(151) { opacity: 0.0842; transform: translate(87.9589vw, -10px) scale(0.6507); animation: fall-151 21s -29s linear infinite; } @keyframes fall-151 { 44.645% { transform: translate(79.5506vw, 44.645vh) scale(0.6507); } to { transform: translate(83.75475vw, 100vh) scale(0.6507); } } .snow:nth-child(152) { opacity: 0.1154; transform: translate(57.0709vw, -10px) scale(0.2345); animation: fall-152 26s -8s linear infinite; } @keyframes fall-152 { 62.741% { transform: translate(52.2612vw, 62.741vh) scale(0.2345); } to { transform: translate(54.66605vw, 100vh) scale(0.2345); } } .snow:nth-child(153) { opacity: 0.5716; transform: translate(43.9279vw, -10px) scale(0.7877); animation: fall-153 25s -23s linear infinite; } @keyframes fall-153 { 33.595% { transform: translate(52.4032vw, 33.595vh) scale(0.7877); } to { transform: translate(48.16555vw, 100vh) scale(0.7877); } } .snow:nth-child(154) { opacity: 0.4192; transform: translate(75.6591vw, -10px) scale(0.9318); animation: fall-154 20s -24s linear infinite; } @keyframes fall-154 { 64.848% { transform: translate(73.407vw, 64.848vh) scale(0.9318); } to { transform: translate(74.53305vw, 100vh) scale(0.9318); } } .snow:nth-child(155) { opacity: 0.1049; transform: translate(29.0413vw, -10px) scale(0.5546); animation: fall-155 22s -2s linear infinite; } @keyframes fall-155 { 46.747% { transform: translate(22.9541vw, 46.747vh) scale(0.5546); } to { transform: translate(25.9977vw, 100vh) scale(0.5546); } } .snow:nth-child(156) { opacity: 0.184; transform: translate(11.2696vw, -10px) scale(0.303); animation: fall-156 10s -12s linear infinite; } @keyframes fall-156 { 48.824% { transform: translate(20.4083vw, 48.824vh) scale(0.303); } to { transform: translate(15.83895vw, 100vh) scale(0.303); } } .snow:nth-child(157) { opacity: 0.9333; transform: translate(8.0191vw, -10px) scale(0.4143); animation: fall-157 12s -9s linear infinite; } @keyframes fall-157 { 58.72% { transform: translate(15.1959vw, 58.72vh) scale(0.4143); } to { transform: translate(11.6075vw, 100vh) scale(0.4143); } } .snow:nth-child(158) { opacity: 0.6519; transform: translate(12.7718vw, -10px) scale(0.2159); animation: fall-158 27s -21s linear infinite; } @keyframes fall-158 { 78.596% { transform: translate(7.3753vw, 78.596vh) scale(0.2159); } to { transform: translate(10.07355vw, 100vh) scale(0.2159); } } .snow:nth-child(159) { opacity: 0.719; transform: translate(5.1736vw, -10px) scale(0.1207); animation: fall-159 22s -10s linear infinite; } @keyframes fall-159 { 33.853% { transform: translate(-2.4007vw, 33.853vh) scale(0.1207); } to { transform: translate(1.38645vw, 100vh) scale(0.1207); } } .snow:nth-child(160) { opacity: 0.0715; transform: translate(87.291vw, -10px) scale(0.6154); animation: fall-160 24s -17s linear infinite; } @keyframes fall-160 { 64.627% { transform: translate(77.709vw, 64.627vh) scale(0.6154); } to { transform: translate(82.5vw, 100vh) scale(0.6154); } } .snow:nth-child(161) { opacity: 0.8423; transform: translate(33.1035vw, -10px) scale(0.5816); animation: fall-161 28s -13s linear infinite; } @keyframes fall-161 { 66.787% { transform: translate(35.9927vw, 66.787vh) scale(0.5816); } to { transform: translate(34.5481vw, 100vh) scale(0.5816); } } .snow:nth-child(162) { opacity: 0.8393; transform: translate(27.0343vw, -10px) scale(0.4831); animation: fall-162 22s -16s linear infinite; } @keyframes fall-162 { 71.698% { transform: translate(31.8367vw, 71.698vh) scale(0.4831); } to { transform: translate(29.4355vw, 100vh) scale(0.4831); } } .snow:nth-child(163) { opacity: 0.7703; transform: translate(81.3763vw, -10px) scale(0.2256); animation: fall-163 28s -30s linear infinite; } @keyframes fall-163 { 30.18% { transform: translate(90.9446vw, 30.18vh) scale(0.2256); } to { transform: translate(86.16045vw, 100vh) scale(0.2256); } } .snow:nth-child(164) { opacity: 0.4345; transform: translate(2.164vw, -10px) scale(0.7088); animation: fall-164 23s -12s linear infinite; } @keyframes fall-164 { 68.105% { transform: translate(6.3788vw, 68.105vh) scale(0.7088); } to { transform: translate(4.2714vw, 100vh) scale(0.7088); } } .snow:nth-child(165) { opacity: 0.0557; transform: translate(89.3825vw, -10px) scale(0.802); animation: fall-165 11s -21s linear infinite; } @keyframes fall-165 { 79.953% { transform: translate(95.8295vw, 79.953vh) scale(0.802); } to { transform: translate(92.606vw, 100vh) scale(0.802); } } .snow:nth-child(166) { opacity: 0.4709; transform: translate(17.1663vw, -10px) scale(0.0207); animation: fall-166 30s -7s linear infinite; } @keyframes fall-166 { 34.201% { transform: translate(19.3054vw, 34.201vh) scale(0.0207); } to { transform: translate(18.23585vw, 100vh) scale(0.0207); } } .snow:nth-child(167) { opacity: 0.2756; transform: translate(78.6968vw, -10px) scale(0.5426); animation: fall-167 12s -6s linear infinite; } @keyframes fall-167 { 61.398% { transform: translate(85.7934vw, 61.398vh) scale(0.5426); } to { transform: translate(82.2451vw, 100vh) scale(0.5426); } } .snow:nth-child(168) { opacity: 0.5878; transform: translate(38.7557vw, -10px) scale(0.7825); animation: fall-168 29s -2s linear infinite; } @keyframes fall-168 { 61.863% { transform: translate(33.7974vw, 61.863vh) scale(0.7825); } to { transform: translate(36.27655vw, 100vh) scale(0.7825); } } .snow:nth-child(169) { opacity: 0.5165; transform: translate(59.3916vw, -10px) scale(0.6278); animation: fall-169 27s -4s linear infinite; } @keyframes fall-169 { 39.895% { transform: translate(54.0525vw, 39.895vh) scale(0.6278); } to { transform: translate(56.72205vw, 100vh) scale(0.6278); } } .snow:nth-child(170) { opacity: 0.0722; transform: translate(88.0941vw, -10px) scale(0.591); animation: fall-170 14s -22s linear infinite; } @keyframes fall-170 { 38.355% { transform: translate(79.1273vw, 38.355vh) scale(0.591); } to { transform: translate(83.6107vw, 100vh) scale(0.591); } } .snow:nth-child(171) { opacity: 0.3862; transform: translate(78.2828vw, -10px) scale(0.1025); animation: fall-171 15s -6s linear infinite; } @keyframes fall-171 { 53.445% { transform: translate(78.5813vw, 53.445vh) scale(0.1025); } to { transform: translate(78.43205vw, 100vh) scale(0.1025); } } .snow:nth-child(172) { opacity: 0.0677; transform: translate(88.9308vw, -10px) scale(0.0193); animation: fall-172 30s -18s linear infinite; } @keyframes fall-172 { 57.614% { transform: translate(98.2398vw, 57.614vh) scale(0.0193); } to { transform: translate(93.5853vw, 100vh) scale(0.0193); } } .snow:nth-child(173) { opacity: 0.4026; transform: translate(39.6932vw, -10px) scale(0.4286); animation: fall-173 12s -30s linear infinite; } @keyframes fall-173 { 43.682% { transform: translate(29.8736vw, 43.682vh) scale(0.4286); } to { transform: translate(34.7834vw, 100vh) scale(0.4286); } } .snow:nth-child(174) { opacity: 0.346; transform: translate(75.4764vw, -10px) scale(0.7416); animation: fall-174 14s -20s linear infinite; } @keyframes fall-174 { 40.355% { transform: translate(69.5468vw, 40.355vh) scale(0.7416); } to { transform: translate(72.5116vw, 100vh) scale(0.7416); } } .snow:nth-child(175) { opacity: 0.8715; transform: translate(0.3364vw, -10px) scale(0.6823); animation: fall-175 29s -5s linear infinite; } @keyframes fall-175 { 51.323% { transform: translate(9.2495vw, 51.323vh) scale(0.6823); } to { transform: translate(4.79295vw, 100vh) scale(0.6823); } } .snow:nth-child(176) { opacity: 0.055; transform: translate(24.152vw, -10px) scale(0.6141); animation: fall-176 23s -4s linear infinite; } @keyframes fall-176 { 40.226% { transform: translate(32.0344vw, 40.226vh) scale(0.6141); } to { transform: translate(28.0932vw, 100vh) scale(0.6141); } } .snow:nth-child(177) { opacity: 0.0385; transform: translate(69.2529vw, -10px) scale(0.1714); animation: fall-177 26s -11s linear infinite; } @keyframes fall-177 { 67.878% { transform: translate(74.3215vw, 67.878vh) scale(0.1714); } to { transform: translate(71.7872vw, 100vh) scale(0.1714); } } .snow:nth-child(178) { opacity: 0.6741; transform: translate(66.9862vw, -10px) scale(0.489); animation: fall-178 14s -5s linear infinite; } @keyframes fall-178 { 42.329% { transform: translate(68.1979vw, 42.329vh) scale(0.489); } to { transform: translate(67.59205vw, 100vh) scale(0.489); } } .snow:nth-child(179) { opacity: 0.6507; transform: translate(71.6711vw, -10px) scale(0.6201); animation: fall-179 23s -27s linear infinite; } @keyframes fall-179 { 48.574% { transform: translate(78.4175vw, 48.574vh) scale(0.6201); } to { transform: translate(75.0443vw, 100vh) scale(0.6201); } } .snow:nth-child(180) { opacity: 0.024; transform: translate(20.4928vw, -10px) scale(0.2278); animation: fall-180 10s -23s linear infinite; } @keyframes fall-180 { 55.531% { transform: translate(30.2504vw, 55.531vh) scale(0.2278); } to { transform: translate(25.3716vw, 100vh) scale(0.2278); } } .snow:nth-child(181) { opacity: 0.0884; transform: translate(85.0439vw, -10px) scale(0.5148); animation: fall-181 16s -10s linear infinite; } @keyframes fall-181 { 66.253% { transform: translate(95.0149vw, 66.253vh) scale(0.5148); } to { transform: translate(90.0294vw, 100vh) scale(0.5148); } } .snow:nth-child(182) { opacity: 0.1657; transform: translate(65.4088vw, -10px) scale(0.7369); animation: fall-182 15s -29s linear infinite; } @keyframes fall-182 { 64.644% { transform: translate(61.8641vw, 64.644vh) scale(0.7369); } to { transform: translate(63.63645vw, 100vh) scale(0.7369); } } .snow:nth-child(183) { opacity: 0.7193; transform: translate(90.4436vw, -10px) scale(0.5208); animation: fall-183 26s -7s linear infinite; } @keyframes fall-183 { 76.958% { transform: translate(97.0168vw, 76.958vh) scale(0.5208); } to { transform: translate(93.7302vw, 100vh) scale(0.5208); } } .snow:nth-child(184) { opacity: 0.8104; transform: translate(15.4511vw, -10px) scale(0.0242); animation: fall-184 28s -9s linear infinite; } @keyframes fall-184 { 35.871% { transform: translate(23.5618vw, 35.871vh) scale(0.0242); } to { transform: translate(19.50645vw, 100vh) scale(0.0242); } } .snow:nth-child(185) { opacity: 0.767; transform: translate(18.7358vw, -10px) scale(0.0911); animation: fall-185 24s -2s linear infinite; } @keyframes fall-185 { 51.033% { transform: translate(10.649vw, 51.033vh) scale(0.0911); } to { transform: translate(14.6924vw, 100vh) scale(0.0911); } } .snow:nth-child(186) { opacity: 0.4404; transform: translate(44.1211vw, -10px) scale(0.2886); animation: fall-186 25s -2s linear infinite; } @keyframes fall-186 { 67.381% { transform: translate(35.836vw, 67.381vh) scale(0.2886); } to { transform: translate(39.97855vw, 100vh) scale(0.2886); } } .snow:nth-child(187) { opacity: 0.917; transform: translate(72.712vw, -10px) scale(0.7782); animation: fall-187 26s -23s linear infinite; } @keyframes fall-187 { 35.771% { transform: translate(69.9484vw, 35.771vh) scale(0.7782); } to { transform: translate(71.3302vw, 100vh) scale(0.7782); } } .snow:nth-child(188) { opacity: 0.838; transform: translate(80.5385vw, -10px) scale(0.5826); animation: fall-188 24s -6s linear infinite; } @keyframes fall-188 { 31.443% { transform: translate(81.7557vw, 31.443vh) scale(0.5826); } to { transform: translate(81.1471vw, 100vh) scale(0.5826); } } .snow:nth-child(189) { opacity: 0.0692; transform: translate(77.3413vw, -10px) scale(0.5226); animation: fall-189 29s -24s linear infinite; } @keyframes fall-189 { 30.402% { transform: translate(78.5534vw, 30.402vh) scale(0.5226); } to { transform: translate(77.94735vw, 100vh) scale(0.5226); } } .snow:nth-child(190) { opacity: 0.516; transform: translate(50.2756vw, -10px) scale(0.9505); animation: fall-190 24s -22s linear infinite; } @keyframes fall-190 { 33.044% { transform: translate(48.4963vw, 33.044vh) scale(0.9505); } to { transform: translate(49.38595vw, 100vh) scale(0.9505); } } .snow:nth-child(191) { opacity: 0.5304; transform: translate(86.3528vw, -10px) scale(0.1695); animation: fall-191 25s -12s linear infinite; } @keyframes fall-191 { 52.297% { transform: translate(92.9376vw, 52.297vh) scale(0.1695); } to { transform: translate(89.6452vw, 100vh) scale(0.1695); } } .snow:nth-child(192) { opacity: 0.8139; transform: translate(46.6162vw, -10px) scale(0.3994); animation: fall-192 24s -30s linear infinite; } @keyframes fall-192 { 40.327% { transform: translate(41.9699vw, 40.327vh) scale(0.3994); } to { transform: translate(44.29305vw, 100vh) scale(0.3994); } } .snow:nth-child(193) { opacity: 0.2854; transform: translate(61.3317vw, -10px) scale(0.9536); animation: fall-193 23s -18s linear infinite; } @keyframes fall-193 { 59.915% { transform: translate(55.0848vw, 59.915vh) scale(0.9536); } to { transform: translate(58.20825vw, 100vh) scale(0.9536); } } .snow:nth-child(194) { opacity: 0.0243; transform: translate(14.5993vw, -10px) scale(0.5321); animation: fall-194 27s -14s linear infinite; } @keyframes fall-194 { 44.097% { transform: translate(21.0705vw, 44.097vh) scale(0.5321); } to { transform: translate(17.8349vw, 100vh) scale(0.5321); } } .snow:nth-child(195) { opacity: 0.0236; transform: translate(53.5117vw, -10px) scale(0.061); animation: fall-195 30s -10s linear infinite; } @keyframes fall-195 { 79.601% { transform: translate(47.9427vw, 79.601vh) scale(0.061); } to { transform: translate(50.7272vw, 100vh) scale(0.061); } } .snow:nth-child(196) { opacity: 0.2294; transform: translate(55.4197vw, -10px) scale(0.3527); animation: fall-196 22s -2s linear infinite; } @keyframes fall-196 { 46.403% { transform: translate(48.82vw, 46.403vh) scale(0.3527); } to { transform: translate(52.11985vw, 100vh) scale(0.3527); } } .snow:nth-child(197) { opacity: 0.9868; transform: translate(25.6153vw, -10px) scale(0.545); animation: fall-197 19s -22s linear infinite; } @keyframes fall-197 { 72.43% { transform: translate(35.0232vw, 72.43vh) scale(0.545); } to { transform: translate(30.31925vw, 100vh) scale(0.545); } } .snow:nth-child(198) { opacity: 0.109; transform: translate(22.9035vw, -10px) scale(0.9817); animation: fall-198 28s -28s linear infinite; } @keyframes fall-198 { 35.886% { transform: translate(27.0374vw, 35.886vh) scale(0.9817); } to { transform: translate(24.97045vw, 100vh) scale(0.9817); } } .snow:nth-child(199) { opacity: 0.0143; transform: translate(56.9771vw, -10px) scale(0.9492); animation: fall-199 29s -11s linear infinite; } @keyframes fall-199 { 56.391% { transform: translate(54.681vw, 56.391vh) scale(0.9492); } to { transform: translate(55.82905vw, 100vh) scale(0.9492); } } .snow:nth-child(200) { opacity: 0.5511; transform: translate(73.2314vw, -10px) scale(0.9654); animation: fall-200 14s -4s linear infinite; } @keyframes fall-200 { 54.778% { transform: translate(65.3297vw, 54.778vh) scale(0.9654); } to { transform: translate(69.28055vw, 100vh) scale(0.9654); } }