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.3321; transform: translate(79.5542vw, -10px) scale(0.878); animation: fall-1 16s -5s linear infinite; } @keyframes fall-1 { 59.873% { transform: translate(83.2147vw, 59.873vh) scale(0.878); } to { transform: translate(81.38445vw, 100vh) scale(0.878); } } .snow:nth-child(2) { opacity: 0.4747; transform: translate(38.6065vw, -10px) scale(0.2359); animation: fall-2 29s -5s linear infinite; } @keyframes fall-2 { 38.555% { transform: translate(29.625vw, 38.555vh) scale(0.2359); } to { transform: translate(34.11575vw, 100vh) scale(0.2359); } } .snow:nth-child(3) { opacity: 0.7707; transform: translate(52.3346vw, -10px) scale(0.5244); animation: fall-3 15s -6s linear infinite; } @keyframes fall-3 { 35.44% { transform: translate(49.7711vw, 35.44vh) scale(0.5244); } to { transform: translate(51.05285vw, 100vh) scale(0.5244); } } .snow:nth-child(4) { opacity: 0.4625; transform: translate(79.3403vw, -10px) scale(0.5502); animation: fall-4 12s -15s linear infinite; } @keyframes fall-4 { 63.052% { transform: translate(77.3794vw, 63.052vh) scale(0.5502); } to { transform: translate(78.35985vw, 100vh) scale(0.5502); } } .snow:nth-child(5) { opacity: 0.1797; transform: translate(0.5228vw, -10px) scale(0.3744); animation: fall-5 15s -24s linear infinite; } @keyframes fall-5 { 68.175% { transform: translate(9.9995vw, 68.175vh) scale(0.3744); } to { transform: translate(5.26115vw, 100vh) scale(0.3744); } } .snow:nth-child(6) { opacity: 0.3283; transform: translate(56.4225vw, -10px) scale(0.8634); animation: fall-6 24s -17s linear infinite; } @keyframes fall-6 { 75.993% { transform: translate(52.6582vw, 75.993vh) scale(0.8634); } to { transform: translate(54.54035vw, 100vh) scale(0.8634); } } .snow:nth-child(7) { opacity: 0.8302; transform: translate(81.1241vw, -10px) scale(0.5733); animation: fall-7 16s -9s linear infinite; } @keyframes fall-7 { 41.262% { transform: translate(88.1193vw, 41.262vh) scale(0.5733); } to { transform: translate(84.6217vw, 100vh) scale(0.5733); } } .snow:nth-child(8) { opacity: 0.3479; transform: translate(23.5397vw, -10px) scale(0.04); animation: fall-8 25s -11s linear infinite; } @keyframes fall-8 { 43.12% { transform: translate(26.1963vw, 43.12vh) scale(0.04); } to { transform: translate(24.868vw, 100vh) scale(0.04); } } .snow:nth-child(9) { opacity: 0.7983; transform: translate(2.5793vw, -10px) scale(0.5356); animation: fall-9 28s -6s linear infinite; } @keyframes fall-9 { 31.482% { transform: translate(8.1536vw, 31.482vh) scale(0.5356); } to { transform: translate(5.36645vw, 100vh) scale(0.5356); } } .snow:nth-child(10) { opacity: 0.4828; transform: translate(93.5824vw, -10px) scale(0.3453); animation: fall-10 29s -23s linear infinite; } @keyframes fall-10 { 49.789% { transform: translate(101.2609vw, 49.789vh) scale(0.3453); } to { transform: translate(97.42165vw, 100vh) scale(0.3453); } } .snow:nth-child(11) { opacity: 0.6655; transform: translate(72.9279vw, -10px) scale(0.7039); animation: fall-11 22s -30s linear infinite; } @keyframes fall-11 { 69.061% { transform: translate(76.3975vw, 69.061vh) scale(0.7039); } to { transform: translate(74.6627vw, 100vh) scale(0.7039); } } .snow:nth-child(12) { opacity: 0.3052; transform: translate(48.581vw, -10px) scale(0.6642); animation: fall-12 18s -25s linear infinite; } @keyframes fall-12 { 33.582% { transform: translate(47.2203vw, 33.582vh) scale(0.6642); } to { transform: translate(47.90065vw, 100vh) scale(0.6642); } } .snow:nth-child(13) { opacity: 0.7564; transform: translate(64.1084vw, -10px) scale(0.818); animation: fall-13 26s -25s linear infinite; } @keyframes fall-13 { 34.939% { transform: translate(71.8161vw, 34.939vh) scale(0.818); } to { transform: translate(67.96225vw, 100vh) scale(0.818); } } .snow:nth-child(14) { opacity: 0.7404; transform: translate(75.2759vw, -10px) scale(0.6322); animation: fall-14 15s -11s linear infinite; } @keyframes fall-14 { 67.053% { transform: translate(73.6587vw, 67.053vh) scale(0.6322); } to { transform: translate(74.4673vw, 100vh) scale(0.6322); } } .snow:nth-child(15) { opacity: 0.9338; transform: translate(12.4005vw, -10px) scale(0.4153); animation: fall-15 24s -21s linear infinite; } @keyframes fall-15 { 67.538% { transform: translate(16.9804vw, 67.538vh) scale(0.4153); } to { transform: translate(14.69045vw, 100vh) scale(0.4153); } } .snow:nth-child(16) { opacity: 0.0219; transform: translate(18.7115vw, -10px) scale(0.9718); animation: fall-16 13s -3s linear infinite; } @keyframes fall-16 { 53.822% { transform: translate(14.4739vw, 53.822vh) scale(0.9718); } to { transform: translate(16.5927vw, 100vh) scale(0.9718); } } .snow:nth-child(17) { opacity: 0.3597; transform: translate(98.5747vw, -10px) scale(0.0087); animation: fall-17 13s -3s linear infinite; } @keyframes fall-17 { 40.342% { transform: translate(98.9805vw, 40.342vh) scale(0.0087); } to { transform: translate(98.7776vw, 100vh) scale(0.0087); } } .snow:nth-child(18) { opacity: 0.6477; transform: translate(60.1245vw, -10px) scale(0.3382); animation: fall-18 17s -16s linear infinite; } @keyframes fall-18 { 68.784% { transform: translate(62.1733vw, 68.784vh) scale(0.3382); } to { transform: translate(61.1489vw, 100vh) scale(0.3382); } } .snow:nth-child(19) { opacity: 0.0156; transform: translate(95.3103vw, -10px) scale(0.8514); animation: fall-19 18s -28s linear infinite; } @keyframes fall-19 { 40.317% { transform: translate(97.04vw, 40.317vh) scale(0.8514); } to { transform: translate(96.17515vw, 100vh) scale(0.8514); } } .snow:nth-child(20) { opacity: 0.1846; transform: translate(82.391vw, -10px) scale(0.8748); animation: fall-20 22s -24s linear infinite; } @keyframes fall-20 { 77.387% { transform: translate(89.3383vw, 77.387vh) scale(0.8748); } to { transform: translate(85.86465vw, 100vh) scale(0.8748); } } .snow:nth-child(21) { opacity: 0.3866; transform: translate(96.8061vw, -10px) scale(0.4764); animation: fall-21 11s -19s linear infinite; } @keyframes fall-21 { 54.182% { transform: translate(94.6784vw, 54.182vh) scale(0.4764); } to { transform: translate(95.74225vw, 100vh) scale(0.4764); } } .snow:nth-child(22) { opacity: 0.8574; transform: translate(80.0748vw, -10px) scale(0.6575); animation: fall-22 18s -24s linear infinite; } @keyframes fall-22 { 45.688% { transform: translate(86.6344vw, 45.688vh) scale(0.6575); } to { transform: translate(83.3546vw, 100vh) scale(0.6575); } } .snow:nth-child(23) { opacity: 0.9462; transform: translate(1.1552vw, -10px) scale(0.149); animation: fall-23 27s -29s linear infinite; } @keyframes fall-23 { 58.731% { transform: translate(-0.7334vw, 58.731vh) scale(0.149); } to { transform: translate(0.2109vw, 100vh) scale(0.149); } } .snow:nth-child(24) { opacity: 0.0467; transform: translate(92.7115vw, -10px) scale(0.2719); animation: fall-24 27s -22s linear infinite; } @keyframes fall-24 { 56.663% { transform: translate(91.2837vw, 56.663vh) scale(0.2719); } to { transform: translate(91.9976vw, 100vh) scale(0.2719); } } .snow:nth-child(25) { opacity: 0.8293; transform: translate(11.738vw, -10px) scale(0.9781); animation: fall-25 11s -23s linear infinite; } @keyframes fall-25 { 63.32% { transform: translate(3.3353vw, 63.32vh) scale(0.9781); } to { transform: translate(7.53665vw, 100vh) scale(0.9781); } } .snow:nth-child(26) { opacity: 0.4034; transform: translate(87.9732vw, -10px) scale(0.9536); animation: fall-26 25s -17s linear infinite; } @keyframes fall-26 { 46.225% { transform: translate(89.6876vw, 46.225vh) scale(0.9536); } to { transform: translate(88.8304vw, 100vh) scale(0.9536); } } .snow:nth-child(27) { opacity: 0.9357; transform: translate(80.6384vw, -10px) scale(0.5463); animation: fall-27 24s -9s linear infinite; } @keyframes fall-27 { 49.276% { transform: translate(90.3631vw, 49.276vh) scale(0.5463); } to { transform: translate(85.50075vw, 100vh) scale(0.5463); } } .snow:nth-child(28) { opacity: 0.9487; transform: translate(99.7131vw, -10px) scale(0.7819); animation: fall-28 12s -25s linear infinite; } @keyframes fall-28 { 67.378% { transform: translate(104.6022vw, 67.378vh) scale(0.7819); } to { transform: translate(102.15765vw, 100vh) scale(0.7819); } } .snow:nth-child(29) { opacity: 0.0245; transform: translate(30.8846vw, -10px) scale(0.1986); animation: fall-29 12s -26s linear infinite; } @keyframes fall-29 { 40.849% { transform: translate(37.7841vw, 40.849vh) scale(0.1986); } to { transform: translate(34.33435vw, 100vh) scale(0.1986); } } .snow:nth-child(30) { opacity: 0.9996; transform: translate(54.2766vw, -10px) scale(0.0363); animation: fall-30 16s -29s linear infinite; } @keyframes fall-30 { 34.017% { transform: translate(54.7282vw, 34.017vh) scale(0.0363); } to { transform: translate(54.5024vw, 100vh) scale(0.0363); } } .snow:nth-child(31) { opacity: 0.3376; transform: translate(2.2463vw, -10px) scale(0.0402); animation: fall-31 24s -20s linear infinite; } @keyframes fall-31 { 76.043% { transform: translate(-3.559vw, 76.043vh) scale(0.0402); } to { transform: translate(-0.65635vw, 100vh) scale(0.0402); } } .snow:nth-child(32) { opacity: 0.6195; transform: translate(71.422vw, -10px) scale(0.0814); animation: fall-32 27s -22s linear infinite; } @keyframes fall-32 { 34.818% { transform: translate(67.822vw, 34.818vh) scale(0.0814); } to { transform: translate(69.622vw, 100vh) scale(0.0814); } } .snow:nth-child(33) { opacity: 0.294; transform: translate(84.8774vw, -10px) scale(0.9973); animation: fall-33 14s -12s linear infinite; } @keyframes fall-33 { 78.277% { transform: translate(81.1884vw, 78.277vh) scale(0.9973); } to { transform: translate(83.0329vw, 100vh) scale(0.9973); } } .snow:nth-child(34) { opacity: 0.7891; transform: translate(30.2025vw, -10px) scale(0.6661); animation: fall-34 25s -16s linear infinite; } @keyframes fall-34 { 47.107% { transform: translate(21.6727vw, 47.107vh) scale(0.6661); } to { transform: translate(25.9376vw, 100vh) scale(0.6661); } } .snow:nth-child(35) { opacity: 0.7153; transform: translate(85.4078vw, -10px) scale(0.0952); animation: fall-35 30s -30s linear infinite; } @keyframes fall-35 { 73.943% { transform: translate(89.2659vw, 73.943vh) scale(0.0952); } to { transform: translate(87.33685vw, 100vh) scale(0.0952); } } .snow:nth-child(36) { opacity: 0.4562; transform: translate(50.699vw, -10px) scale(0.0171); animation: fall-36 19s -19s linear infinite; } @keyframes fall-36 { 69.864% { transform: translate(50.9376vw, 69.864vh) scale(0.0171); } to { transform: translate(50.8183vw, 100vh) scale(0.0171); } } .snow:nth-child(37) { opacity: 0.8527; transform: translate(14.8475vw, -10px) scale(0.8091); animation: fall-37 10s -14s linear infinite; } @keyframes fall-37 { 62.849% { transform: translate(8.1667vw, 62.849vh) scale(0.8091); } to { transform: translate(11.5071vw, 100vh) scale(0.8091); } } .snow:nth-child(38) { opacity: 0.8046; transform: translate(21.7442vw, -10px) scale(0.7675); animation: fall-38 29s -1s linear infinite; } @keyframes fall-38 { 45.263% { transform: translate(23.225vw, 45.263vh) scale(0.7675); } to { transform: translate(22.4846vw, 100vh) scale(0.7675); } } .snow:nth-child(39) { opacity: 0.387; transform: translate(59.825vw, -10px) scale(0.3878); animation: fall-39 19s -10s linear infinite; } @keyframes fall-39 { 41.49% { transform: translate(54.9819vw, 41.49vh) scale(0.3878); } to { transform: translate(57.40345vw, 100vh) scale(0.3878); } } .snow:nth-child(40) { opacity: 0.4235; transform: translate(79.637vw, -10px) scale(0.9873); animation: fall-40 13s -13s linear infinite; } @keyframes fall-40 { 43.611% { transform: translate(77.6249vw, 43.611vh) scale(0.9873); } to { transform: translate(78.63095vw, 100vh) scale(0.9873); } } .snow:nth-child(41) { opacity: 0.1618; transform: translate(74.9394vw, -10px) scale(0.1023); animation: fall-41 21s -4s linear infinite; } @keyframes fall-41 { 51.031% { transform: translate(77.2245vw, 51.031vh) scale(0.1023); } to { transform: translate(76.08195vw, 100vh) scale(0.1023); } } .snow:nth-child(42) { opacity: 0.3907; transform: translate(94.5391vw, -10px) scale(0.3331); animation: fall-42 16s -14s linear infinite; } @keyframes fall-42 { 52.437% { transform: translate(103.2216vw, 52.437vh) scale(0.3331); } to { transform: translate(98.88035vw, 100vh) scale(0.3331); } } .snow:nth-child(43) { opacity: 0.8224; transform: translate(83.3688vw, -10px) scale(0.7112); animation: fall-43 10s -26s linear infinite; } @keyframes fall-43 { 79.362% { transform: translate(87.503vw, 79.362vh) scale(0.7112); } to { transform: translate(85.4359vw, 100vh) scale(0.7112); } } .snow:nth-child(44) { opacity: 0.9687; transform: translate(36.9993vw, -10px) scale(0.9057); animation: fall-44 23s -24s linear infinite; } @keyframes fall-44 { 59.943% { transform: translate(32.4342vw, 59.943vh) scale(0.9057); } to { transform: translate(34.71675vw, 100vh) scale(0.9057); } } .snow:nth-child(45) { opacity: 0.4; transform: translate(76.3849vw, -10px) scale(0.2036); animation: fall-45 13s -24s linear infinite; } @keyframes fall-45 { 70.077% { transform: translate(83.5686vw, 70.077vh) scale(0.2036); } to { transform: translate(79.97675vw, 100vh) scale(0.2036); } } .snow:nth-child(46) { opacity: 0.891; transform: translate(30.1555vw, -10px) scale(0.4239); animation: fall-46 17s -18s linear infinite; } @keyframes fall-46 { 75.153% { transform: translate(28.3965vw, 75.153vh) scale(0.4239); } to { transform: translate(29.276vw, 100vh) scale(0.4239); } } .snow:nth-child(47) { opacity: 0.5805; transform: translate(43.0014vw, -10px) scale(0.9021); animation: fall-47 21s -18s linear infinite; } @keyframes fall-47 { 30.377% { transform: translate(41.8239vw, 30.377vh) scale(0.9021); } to { transform: translate(42.41265vw, 100vh) scale(0.9021); } } .snow:nth-child(48) { opacity: 0.0043; transform: translate(43.5763vw, -10px) scale(0.4874); animation: fall-48 28s -29s linear infinite; } @keyframes fall-48 { 35.233% { transform: translate(34.3591vw, 35.233vh) scale(0.4874); } to { transform: translate(38.9677vw, 100vh) scale(0.4874); } } .snow:nth-child(49) { opacity: 0.5528; transform: translate(39.153vw, -10px) scale(0.4637); animation: fall-49 18s -7s linear infinite; } @keyframes fall-49 { 45.433% { transform: translate(33.8465vw, 45.433vh) scale(0.4637); } to { transform: translate(36.49975vw, 100vh) scale(0.4637); } } .snow:nth-child(50) { opacity: 0.7105; transform: translate(46.8778vw, -10px) scale(0.341); animation: fall-50 12s -3s linear infinite; } @keyframes fall-50 { 73.97% { transform: translate(48.4785vw, 73.97vh) scale(0.341); } to { transform: translate(47.67815vw, 100vh) scale(0.341); } } .snow:nth-child(51) { opacity: 0.2825; transform: translate(27.7056vw, -10px) scale(0.7188); animation: fall-51 18s -28s linear infinite; } @keyframes fall-51 { 54.916% { transform: translate(25.8573vw, 54.916vh) scale(0.7188); } to { transform: translate(26.78145vw, 100vh) scale(0.7188); } } .snow:nth-child(52) { opacity: 0.2019; transform: translate(75.0821vw, -10px) scale(0.3873); animation: fall-52 26s -1s linear infinite; } @keyframes fall-52 { 41.604% { transform: translate(71.6407vw, 41.604vh) scale(0.3873); } to { transform: translate(73.3614vw, 100vh) scale(0.3873); } } .snow:nth-child(53) { opacity: 0.4844; transform: translate(26.7899vw, -10px) scale(0.934); animation: fall-53 19s -7s linear infinite; } @keyframes fall-53 { 44.706% { transform: translate(23.7333vw, 44.706vh) scale(0.934); } to { transform: translate(25.2616vw, 100vh) scale(0.934); } } .snow:nth-child(54) { opacity: 0.142; transform: translate(0.9682vw, -10px) scale(0.9024); animation: fall-54 18s -30s linear infinite; } @keyframes fall-54 { 75.319% { transform: translate(5.8392vw, 75.319vh) scale(0.9024); } to { transform: translate(3.4037vw, 100vh) scale(0.9024); } } .snow:nth-child(55) { opacity: 0.3168; transform: translate(74.3567vw, -10px) scale(0.8211); animation: fall-55 15s -18s linear infinite; } @keyframes fall-55 { 30.564% { transform: translate(78.1877vw, 30.564vh) scale(0.8211); } to { transform: translate(76.2722vw, 100vh) scale(0.8211); } } .snow:nth-child(56) { opacity: 0.4294; transform: translate(46.1072vw, -10px) scale(0.2266); animation: fall-56 24s -25s linear infinite; } @keyframes fall-56 { 33.304% { transform: translate(53.6658vw, 33.304vh) scale(0.2266); } to { transform: translate(49.8865vw, 100vh) scale(0.2266); } } .snow:nth-child(57) { opacity: 0.8672; transform: translate(38.031vw, -10px) scale(0.3519); animation: fall-57 22s -16s linear infinite; } @keyframes fall-57 { 50.606% { transform: translate(34.1056vw, 50.606vh) scale(0.3519); } to { transform: translate(36.0683vw, 100vh) scale(0.3519); } } .snow:nth-child(58) { opacity: 0.5871; transform: translate(11.9651vw, -10px) scale(0.3821); animation: fall-58 30s -19s linear infinite; } @keyframes fall-58 { 41.386% { transform: translate(8.6323vw, 41.386vh) scale(0.3821); } to { transform: translate(10.2987vw, 100vh) scale(0.3821); } } .snow:nth-child(59) { opacity: 0.251; transform: translate(5.8648vw, -10px) scale(0.0337); animation: fall-59 12s -4s linear infinite; } @keyframes fall-59 { 36.084% { transform: translate(15.7292vw, 36.084vh) scale(0.0337); } to { transform: translate(10.797vw, 100vh) scale(0.0337); } } .snow:nth-child(60) { opacity: 0.2345; transform: translate(47.6873vw, -10px) scale(0.0568); animation: fall-60 19s -17s linear infinite; } @keyframes fall-60 { 56.093% { transform: translate(37.7068vw, 56.093vh) scale(0.0568); } to { transform: translate(42.69705vw, 100vh) scale(0.0568); } } .snow:nth-child(61) { opacity: 0.3462; transform: translate(74.0916vw, -10px) scale(0.9138); animation: fall-61 20s -20s linear infinite; } @keyframes fall-61 { 74.521% { transform: translate(70.712vw, 74.521vh) scale(0.9138); } to { transform: translate(72.4018vw, 100vh) scale(0.9138); } } .snow:nth-child(62) { opacity: 0.7806; transform: translate(97.8937vw, -10px) scale(0.9683); animation: fall-62 15s -6s linear infinite; } @keyframes fall-62 { 77.366% { transform: translate(91.9738vw, 77.366vh) scale(0.9683); } to { transform: translate(94.93375vw, 100vh) scale(0.9683); } } .snow:nth-child(63) { opacity: 0.5731; transform: translate(40.148vw, -10px) scale(0.9507); animation: fall-63 17s -11s linear infinite; } @keyframes fall-63 { 34.535% { transform: translate(34.1998vw, 34.535vh) scale(0.9507); } to { transform: translate(37.1739vw, 100vh) scale(0.9507); } } .snow:nth-child(64) { opacity: 0.6394; transform: translate(98.4609vw, -10px) scale(0.1411); animation: fall-64 11s -7s linear infinite; } @keyframes fall-64 { 53.372% { transform: translate(99.3689vw, 53.372vh) scale(0.1411); } to { transform: translate(98.9149vw, 100vh) scale(0.1411); } } .snow:nth-child(65) { opacity: 0.696; transform: translate(63.7027vw, -10px) scale(0.4342); animation: fall-65 11s -1s linear infinite; } @keyframes fall-65 { 37.818% { transform: translate(59.5419vw, 37.818vh) scale(0.4342); } to { transform: translate(61.6223vw, 100vh) scale(0.4342); } } .snow:nth-child(66) { opacity: 0.7822; transform: translate(81.777vw, -10px) scale(0.201); animation: fall-66 14s -11s linear infinite; } @keyframes fall-66 { 61.904% { transform: translate(72.029vw, 61.904vh) scale(0.201); } to { transform: translate(76.903vw, 100vh) scale(0.201); } } .snow:nth-child(67) { opacity: 0.1068; transform: translate(67.2707vw, -10px) scale(0.8577); animation: fall-67 23s -3s linear infinite; } @keyframes fall-67 { 33.943% { transform: translate(61.1524vw, 33.943vh) scale(0.8577); } to { transform: translate(64.21155vw, 100vh) scale(0.8577); } } .snow:nth-child(68) { opacity: 0.5562; transform: translate(4.2387vw, -10px) scale(0.4865); animation: fall-68 11s -13s linear infinite; } @keyframes fall-68 { 70.721% { transform: translate(9.1182vw, 70.721vh) scale(0.4865); } to { transform: translate(6.67845vw, 100vh) scale(0.4865); } } .snow:nth-child(69) { opacity: 0.323; transform: translate(35.3546vw, -10px) scale(0.5789); animation: fall-69 29s -14s linear infinite; } @keyframes fall-69 { 56.903% { transform: translate(36.9199vw, 56.903vh) scale(0.5789); } to { transform: translate(36.13725vw, 100vh) scale(0.5789); } } .snow:nth-child(70) { opacity: 0.6613; transform: translate(18.6935vw, -10px) scale(0.3672); animation: fall-70 11s -2s linear infinite; } @keyframes fall-70 { 74.238% { transform: translate(20.2884vw, 74.238vh) scale(0.3672); } to { transform: translate(19.49095vw, 100vh) scale(0.3672); } } .snow:nth-child(71) { opacity: 0.1339; transform: translate(13.1767vw, -10px) scale(0.7662); animation: fall-71 16s -28s linear infinite; } @keyframes fall-71 { 63.36% { transform: translate(10.2494vw, 63.36vh) scale(0.7662); } to { transform: translate(11.71305vw, 100vh) scale(0.7662); } } .snow:nth-child(72) { opacity: 0.932; transform: translate(65.6101vw, -10px) scale(0.5039); animation: fall-72 22s -21s linear infinite; } @keyframes fall-72 { 36.151% { transform: translate(68.3918vw, 36.151vh) scale(0.5039); } to { transform: translate(67.00095vw, 100vh) scale(0.5039); } } .snow:nth-child(73) { opacity: 0.8102; transform: translate(55.4522vw, -10px) scale(0.4294); animation: fall-73 22s -23s linear infinite; } @keyframes fall-73 { 42.733% { transform: translate(61.3479vw, 42.733vh) scale(0.4294); } to { transform: translate(58.40005vw, 100vh) scale(0.4294); } } .snow:nth-child(74) { opacity: 0.9973; transform: translate(18.8395vw, -10px) scale(0.8617); animation: fall-74 28s -21s linear infinite; } @keyframes fall-74 { 44.403% { transform: translate(15.9235vw, 44.403vh) scale(0.8617); } to { transform: translate(17.3815vw, 100vh) scale(0.8617); } } .snow:nth-child(75) { opacity: 0.0194; transform: translate(41.6491vw, -10px) scale(0.234); animation: fall-75 12s -25s linear infinite; } @keyframes fall-75 { 51.915% { transform: translate(32.9793vw, 51.915vh) scale(0.234); } to { transform: translate(37.3142vw, 100vh) scale(0.234); } } .snow:nth-child(76) { opacity: 0.8455; transform: translate(28.4527vw, -10px) scale(0.664); animation: fall-76 16s -1s linear infinite; } @keyframes fall-76 { 48.569% { transform: translate(35.5526vw, 48.569vh) scale(0.664); } to { transform: translate(32.00265vw, 100vh) scale(0.664); } } .snow:nth-child(77) { opacity: 0.7993; transform: translate(89.2541vw, -10px) scale(0.6973); animation: fall-77 15s -15s linear infinite; } @keyframes fall-77 { 46.064% { transform: translate(89.521vw, 46.064vh) scale(0.6973); } to { transform: translate(89.38755vw, 100vh) scale(0.6973); } } .snow:nth-child(78) { opacity: 0.017; transform: translate(57.1134vw, -10px) scale(0.3669); animation: fall-78 18s -28s linear infinite; } @keyframes fall-78 { 64.646% { transform: translate(65.4148vw, 64.646vh) scale(0.3669); } to { transform: translate(61.2641vw, 100vh) scale(0.3669); } } .snow:nth-child(79) { opacity: 0.7795; transform: translate(28.4469vw, -10px) scale(0.2106); animation: fall-79 27s -28s linear infinite; } @keyframes fall-79 { 43.667% { transform: translate(26.1338vw, 43.667vh) scale(0.2106); } to { transform: translate(27.29035vw, 100vh) scale(0.2106); } } .snow:nth-child(80) { opacity: 0.7931; transform: translate(89.5955vw, -10px) scale(0.64); animation: fall-80 24s -8s linear infinite; } @keyframes fall-80 { 70.049% { transform: translate(91.775vw, 70.049vh) scale(0.64); } to { transform: translate(90.68525vw, 100vh) scale(0.64); } } .snow:nth-child(81) { opacity: 0.6643; transform: translate(44.0431vw, -10px) scale(0.2157); animation: fall-81 27s -16s linear infinite; } @keyframes fall-81 { 73.164% { transform: translate(53.4629vw, 73.164vh) scale(0.2157); } to { transform: translate(48.753vw, 100vh) scale(0.2157); } } .snow:nth-child(82) { opacity: 0.6415; transform: translate(14.6103vw, -10px) scale(0.6333); animation: fall-82 15s -19s linear infinite; } @keyframes fall-82 { 45.506% { transform: translate(14.3751vw, 45.506vh) scale(0.6333); } to { transform: translate(14.4927vw, 100vh) scale(0.6333); } } .snow:nth-child(83) { opacity: 0.7605; transform: translate(61.9638vw, -10px) scale(0.2577); animation: fall-83 18s -10s linear infinite; } @keyframes fall-83 { 58.021% { transform: translate(60.6112vw, 58.021vh) scale(0.2577); } to { transform: translate(61.2875vw, 100vh) scale(0.2577); } } .snow:nth-child(84) { opacity: 0.9212; transform: translate(3.1557vw, -10px) scale(0.3228); animation: fall-84 27s -24s linear infinite; } @keyframes fall-84 { 32.654% { transform: translate(-4.7739vw, 32.654vh) scale(0.3228); } to { transform: translate(-0.8091vw, 100vh) scale(0.3228); } } .snow:nth-child(85) { opacity: 0.281; transform: translate(4.3956vw, -10px) scale(0.0446); animation: fall-85 11s -29s linear infinite; } @keyframes fall-85 { 39.345% { transform: translate(-3.1693vw, 39.345vh) scale(0.0446); } to { transform: translate(0.61315vw, 100vh) scale(0.0446); } } .snow:nth-child(86) { opacity: 0.8883; transform: translate(87.1897vw, -10px) scale(0.046); animation: fall-86 19s -10s linear infinite; } @keyframes fall-86 { 47.963% { transform: translate(93.6582vw, 47.963vh) scale(0.046); } to { transform: translate(90.42395vw, 100vh) scale(0.046); } } .snow:nth-child(87) { opacity: 0.083; transform: translate(19.5214vw, -10px) scale(0.9078); animation: fall-87 14s -23s linear infinite; } @keyframes fall-87 { 71.063% { transform: translate(29.2572vw, 71.063vh) scale(0.9078); } to { transform: translate(24.3893vw, 100vh) scale(0.9078); } } .snow:nth-child(88) { opacity: 0.053; transform: translate(24.6215vw, -10px) scale(0.5653); animation: fall-88 26s -13s linear infinite; } @keyframes fall-88 { 34.563% { transform: translate(31.0122vw, 34.563vh) scale(0.5653); } to { transform: translate(27.81685vw, 100vh) scale(0.5653); } } .snow:nth-child(89) { opacity: 0.8619; transform: translate(89.6035vw, -10px) scale(0.4458); animation: fall-89 21s -16s linear infinite; } @keyframes fall-89 { 33.402% { transform: translate(83.4955vw, 33.402vh) scale(0.4458); } to { transform: translate(86.5495vw, 100vh) scale(0.4458); } } .snow:nth-child(90) { opacity: 0.0931; transform: translate(29.3466vw, -10px) scale(0.6943); animation: fall-90 22s -19s linear infinite; } @keyframes fall-90 { 62.917% { transform: translate(39.0599vw, 62.917vh) scale(0.6943); } to { transform: translate(34.20325vw, 100vh) scale(0.6943); } } .snow:nth-child(91) { opacity: 0.0295; transform: translate(58.6053vw, -10px) scale(0.7237); animation: fall-91 12s -2s linear infinite; } @keyframes fall-91 { 41.331% { transform: translate(52.6823vw, 41.331vh) scale(0.7237); } to { transform: translate(55.6438vw, 100vh) scale(0.7237); } } .snow:nth-child(92) { opacity: 0.7169; transform: translate(70.6336vw, -10px) scale(0.7083); animation: fall-92 14s -9s linear infinite; } @keyframes fall-92 { 30.557% { transform: translate(79.4422vw, 30.557vh) scale(0.7083); } to { transform: translate(75.0379vw, 100vh) scale(0.7083); } } .snow:nth-child(93) { opacity: 0.1261; transform: translate(42.2731vw, -10px) scale(0.3328); animation: fall-93 22s -19s linear infinite; } @keyframes fall-93 { 49.57% { transform: translate(38.5378vw, 49.57vh) scale(0.3328); } to { transform: translate(40.40545vw, 100vh) scale(0.3328); } } .snow:nth-child(94) { opacity: 0.179; transform: translate(48.8517vw, -10px) scale(0.8027); animation: fall-94 27s -12s linear infinite; } @keyframes fall-94 { 43.894% { transform: translate(40.1241vw, 43.894vh) scale(0.8027); } to { transform: translate(44.4879vw, 100vh) scale(0.8027); } } .snow:nth-child(95) { opacity: 0.8702; transform: translate(54.6174vw, -10px) scale(0.2768); animation: fall-95 24s -20s linear infinite; } @keyframes fall-95 { 30.017% { transform: translate(60.7236vw, 30.017vh) scale(0.2768); } to { transform: translate(57.6705vw, 100vh) scale(0.2768); } } .snow:nth-child(96) { opacity: 0.4465; transform: translate(6.5265vw, -10px) scale(0.2235); animation: fall-96 12s -28s linear infinite; } @keyframes fall-96 { 40.386% { transform: translate(8.5615vw, 40.386vh) scale(0.2235); } to { transform: translate(7.544vw, 100vh) scale(0.2235); } } .snow:nth-child(97) { opacity: 0.0165; transform: translate(56.65vw, -10px) scale(0.8847); animation: fall-97 17s -24s linear infinite; } @keyframes fall-97 { 52.775% { transform: translate(65.8438vw, 52.775vh) scale(0.8847); } to { transform: translate(61.2469vw, 100vh) scale(0.8847); } } .snow:nth-child(98) { opacity: 0.0222; transform: translate(59.5725vw, -10px) scale(0.5129); animation: fall-98 14s -7s linear infinite; } @keyframes fall-98 { 71.929% { transform: translate(53.6906vw, 71.929vh) scale(0.5129); } to { transform: translate(56.63155vw, 100vh) scale(0.5129); } } .snow:nth-child(99) { opacity: 0.5548; transform: translate(28.8671vw, -10px) scale(0.7553); animation: fall-99 20s -9s linear infinite; } @keyframes fall-99 { 36.304% { transform: translate(31.3571vw, 36.304vh) scale(0.7553); } to { transform: translate(30.1121vw, 100vh) scale(0.7553); } } .snow:nth-child(100) { opacity: 0.3593; transform: translate(28.9038vw, -10px) scale(0.7136); animation: fall-100 27s -15s linear infinite; } @keyframes fall-100 { 37.912% { transform: translate(28.7244vw, 37.912vh) scale(0.7136); } to { transform: translate(28.8141vw, 100vh) scale(0.7136); } } .snow:nth-child(101) { opacity: 0.7352; transform: translate(29.9844vw, -10px) scale(0.819); animation: fall-101 23s -24s linear infinite; } @keyframes fall-101 { 54.125% { transform: translate(39.2198vw, 54.125vh) scale(0.819); } to { transform: translate(34.6021vw, 100vh) scale(0.819); } } .snow:nth-child(102) { opacity: 0.0161; transform: translate(37.1865vw, -10px) scale(0.1167); animation: fall-102 21s -13s linear infinite; } @keyframes fall-102 { 68.978% { transform: translate(37.3265vw, 68.978vh) scale(0.1167); } to { transform: translate(37.2565vw, 100vh) scale(0.1167); } } .snow:nth-child(103) { opacity: 0.026; transform: translate(82.8018vw, -10px) scale(0.3979); animation: fall-103 12s -8s linear infinite; } @keyframes fall-103 { 75.056% { transform: translate(80.4886vw, 75.056vh) scale(0.3979); } to { transform: translate(81.6452vw, 100vh) scale(0.3979); } } .snow:nth-child(104) { opacity: 0.518; transform: translate(59.2555vw, -10px) scale(0.9326); animation: fall-104 18s -1s linear infinite; } @keyframes fall-104 { 49.426% { transform: translate(50.3545vw, 49.426vh) scale(0.9326); } to { transform: translate(54.805vw, 100vh) scale(0.9326); } } .snow:nth-child(105) { opacity: 0.7862; transform: translate(1.9712vw, -10px) scale(0.7748); animation: fall-105 26s -5s linear infinite; } @keyframes fall-105 { 40.213% { transform: translate(-0.7696vw, 40.213vh) scale(0.7748); } to { transform: translate(0.6008vw, 100vh) scale(0.7748); } } .snow:nth-child(106) { opacity: 0.6511; transform: translate(88.4948vw, -10px) scale(0.5622); animation: fall-106 16s -30s linear infinite; } @keyframes fall-106 { 70.494% { transform: translate(84.4934vw, 70.494vh) scale(0.5622); } to { transform: translate(86.4941vw, 100vh) scale(0.5622); } } .snow:nth-child(107) { opacity: 0.0457; transform: translate(50.6289vw, -10px) scale(0.5976); animation: fall-107 26s -11s linear infinite; } @keyframes fall-107 { 70.16% { transform: translate(48.5838vw, 70.16vh) scale(0.5976); } to { transform: translate(49.60635vw, 100vh) scale(0.5976); } } .snow:nth-child(108) { opacity: 0.4167; transform: translate(49.6798vw, -10px) scale(0.6951); animation: fall-108 16s -2s linear infinite; } @keyframes fall-108 { 65.347% { transform: translate(50.1553vw, 65.347vh) scale(0.6951); } to { transform: translate(49.91755vw, 100vh) scale(0.6951); } } .snow:nth-child(109) { opacity: 0.4478; transform: translate(89.0264vw, -10px) scale(0.3174); animation: fall-109 27s -20s linear infinite; } @keyframes fall-109 { 49.162% { transform: translate(91.4528vw, 49.162vh) scale(0.3174); } to { transform: translate(90.2396vw, 100vh) scale(0.3174); } } .snow:nth-child(110) { opacity: 0.7325; transform: translate(73.1006vw, -10px) scale(0.5512); animation: fall-110 22s -17s linear infinite; } @keyframes fall-110 { 65.483% { transform: translate(77.9605vw, 65.483vh) scale(0.5512); } to { transform: translate(75.53055vw, 100vh) scale(0.5512); } } .snow:nth-child(111) { opacity: 0.0731; transform: translate(11.3609vw, -10px) scale(0.6406); animation: fall-111 30s -10s linear infinite; } @keyframes fall-111 { 60.875% { transform: translate(4.4901vw, 60.875vh) scale(0.6406); } to { transform: translate(7.9255vw, 100vh) scale(0.6406); } } .snow:nth-child(112) { opacity: 0.5301; transform: translate(52.568vw, -10px) scale(0.5604); animation: fall-112 29s -19s linear infinite; } @keyframes fall-112 { 31.887% { transform: translate(61.1722vw, 31.887vh) scale(0.5604); } to { transform: translate(56.8701vw, 100vh) scale(0.5604); } } .snow:nth-child(113) { opacity: 0.736; transform: translate(66.7622vw, -10px) scale(0.1933); animation: fall-113 26s -20s linear infinite; } @keyframes fall-113 { 31.083% { transform: translate(63.5818vw, 31.083vh) scale(0.1933); } to { transform: translate(65.172vw, 100vh) scale(0.1933); } } .snow:nth-child(114) { opacity: 0.9156; transform: translate(43.4836vw, -10px) scale(0.1741); animation: fall-114 28s -17s linear infinite; } @keyframes fall-114 { 61.642% { transform: translate(46.3396vw, 61.642vh) scale(0.1741); } to { transform: translate(44.9116vw, 100vh) scale(0.1741); } } .snow:nth-child(115) { opacity: 0.6392; transform: translate(9.5582vw, -10px) scale(0.9935); animation: fall-115 30s -26s linear infinite; } @keyframes fall-115 { 47.781% { transform: translate(16.6793vw, 47.781vh) scale(0.9935); } to { transform: translate(13.11875vw, 100vh) scale(0.9935); } } .snow:nth-child(116) { opacity: 0.2764; transform: translate(26.9302vw, -10px) scale(0.5486); animation: fall-116 26s -4s linear infinite; } @keyframes fall-116 { 35.221% { transform: translate(36.3765vw, 35.221vh) scale(0.5486); } to { transform: translate(31.65335vw, 100vh) scale(0.5486); } } .snow:nth-child(117) { opacity: 0.5023; transform: translate(2.7969vw, -10px) scale(0.4702); animation: fall-117 13s -30s linear infinite; } @keyframes fall-117 { 53.843% { transform: translate(-1.2691vw, 53.843vh) scale(0.4702); } to { transform: translate(0.7639vw, 100vh) scale(0.4702); } } .snow:nth-child(118) { opacity: 0.5544; transform: translate(52.5093vw, -10px) scale(0.507); animation: fall-118 24s -11s linear infinite; } @keyframes fall-118 { 75.991% { transform: translate(45.8513vw, 75.991vh) scale(0.507); } to { transform: translate(49.1803vw, 100vh) scale(0.507); } } .snow:nth-child(119) { opacity: 0.0506; transform: translate(96.775vw, -10px) scale(0.207); animation: fall-119 24s -16s linear infinite; } @keyframes fall-119 { 60.251% { transform: translate(104.4393vw, 60.251vh) scale(0.207); } to { transform: translate(100.60715vw, 100vh) scale(0.207); } } .snow:nth-child(120) { opacity: 0.3992; transform: translate(48.2744vw, -10px) scale(0.7863); animation: fall-120 19s -25s linear infinite; } @keyframes fall-120 { 50.572% { transform: translate(56.9717vw, 50.572vh) scale(0.7863); } to { transform: translate(52.62305vw, 100vh) scale(0.7863); } } .snow:nth-child(121) { opacity: 0.2255; transform: translate(87.8295vw, -10px) scale(0.9635); animation: fall-121 11s -4s linear infinite; } @keyframes fall-121 { 52.962% { transform: translate(96.6361vw, 52.962vh) scale(0.9635); } to { transform: translate(92.2328vw, 100vh) scale(0.9635); } } .snow:nth-child(122) { opacity: 0.5018; transform: translate(36.332vw, -10px) scale(0.027); animation: fall-122 17s -15s linear infinite; } @keyframes fall-122 { 70.985% { transform: translate(33.8104vw, 70.985vh) scale(0.027); } to { transform: translate(35.0712vw, 100vh) scale(0.027); } } .snow:nth-child(123) { opacity: 0.8509; transform: translate(25.8032vw, -10px) scale(0.966); animation: fall-123 10s -18s linear infinite; } @keyframes fall-123 { 51.017% { transform: translate(24.8347vw, 51.017vh) scale(0.966); } to { transform: translate(25.31895vw, 100vh) scale(0.966); } } .snow:nth-child(124) { opacity: 0.3984; transform: translate(10.3439vw, -10px) scale(0.2766); animation: fall-124 21s -27s linear infinite; } @keyframes fall-124 { 68.937% { transform: translate(4.1598vw, 68.937vh) scale(0.2766); } to { transform: translate(7.25185vw, 100vh) scale(0.2766); } } .snow:nth-child(125) { opacity: 0.7943; transform: translate(2.4852vw, -10px) scale(0.1502); animation: fall-125 22s -18s linear infinite; } @keyframes fall-125 { 75.408% { transform: translate(6.8152vw, 75.408vh) scale(0.1502); } to { transform: translate(4.6502vw, 100vh) scale(0.1502); } } .snow:nth-child(126) { opacity: 0.3543; transform: translate(87.6992vw, -10px) scale(0.8729); animation: fall-126 19s -11s linear infinite; } @keyframes fall-126 { 75.262% { transform: translate(87.7907vw, 75.262vh) scale(0.8729); } to { transform: translate(87.74495vw, 100vh) scale(0.8729); } } .snow:nth-child(127) { opacity: 0.4267; transform: translate(73.4778vw, -10px) scale(0.4206); animation: fall-127 14s -1s linear infinite; } @keyframes fall-127 { 30.769% { transform: translate(81.9366vw, 30.769vh) scale(0.4206); } to { transform: translate(77.7072vw, 100vh) scale(0.4206); } } .snow:nth-child(128) { opacity: 0.8137; transform: translate(72.6216vw, -10px) scale(0.0274); animation: fall-128 29s -13s linear infinite; } @keyframes fall-128 { 67.217% { transform: translate(74.4632vw, 67.217vh) scale(0.0274); } to { transform: translate(73.5424vw, 100vh) scale(0.0274); } } .snow:nth-child(129) { opacity: 0.1338; transform: translate(79.576vw, -10px) scale(0.5777); animation: fall-129 18s -24s linear infinite; } @keyframes fall-129 { 34.573% { transform: translate(70.0043vw, 34.573vh) scale(0.5777); } to { transform: translate(74.79015vw, 100vh) scale(0.5777); } } .snow:nth-child(130) { opacity: 0.1907; transform: translate(73.3082vw, -10px) scale(0.6206); animation: fall-130 25s -1s linear infinite; } @keyframes fall-130 { 63.575% { transform: translate(78.0236vw, 63.575vh) scale(0.6206); } to { transform: translate(75.6659vw, 100vh) scale(0.6206); } } .snow:nth-child(131) { opacity: 0.7596; transform: translate(14.0103vw, -10px) scale(0.7444); animation: fall-131 21s -27s linear infinite; } @keyframes fall-131 { 33.549% { transform: translate(6.186vw, 33.549vh) scale(0.7444); } to { transform: translate(10.09815vw, 100vh) scale(0.7444); } } .snow:nth-child(132) { opacity: 0.3308; transform: translate(40.6396vw, -10px) scale(0.3556); animation: fall-132 22s -13s linear infinite; } @keyframes fall-132 { 66.4% { transform: translate(42.9802vw, 66.4vh) scale(0.3556); } to { transform: translate(41.8099vw, 100vh) scale(0.3556); } } .snow:nth-child(133) { opacity: 0.9057; transform: translate(21.6273vw, -10px) scale(0.0361); animation: fall-133 20s -30s linear infinite; } @keyframes fall-133 { 69.881% { transform: translate(29.5986vw, 69.881vh) scale(0.0361); } to { transform: translate(25.61295vw, 100vh) scale(0.0361); } } .snow:nth-child(134) { opacity: 0.8563; transform: translate(42.1235vw, -10px) scale(0.3396); animation: fall-134 18s -2s linear infinite; } @keyframes fall-134 { 63.344% { transform: translate(46.9764vw, 63.344vh) scale(0.3396); } to { transform: translate(44.54995vw, 100vh) scale(0.3396); } } .snow:nth-child(135) { opacity: 0.5202; transform: translate(38.3956vw, -10px) scale(0.4066); animation: fall-135 15s -16s linear infinite; } @keyframes fall-135 { 41.757% { transform: translate(42.9169vw, 41.757vh) scale(0.4066); } to { transform: translate(40.65625vw, 100vh) scale(0.4066); } } .snow:nth-child(136) { opacity: 0.9495; transform: translate(35.0662vw, -10px) scale(0.2481); animation: fall-136 17s -22s linear infinite; } @keyframes fall-136 { 52.533% { transform: translate(41.4232vw, 52.533vh) scale(0.2481); } to { transform: translate(38.2447vw, 100vh) scale(0.2481); } } .snow:nth-child(137) { opacity: 0.2196; transform: translate(84.1975vw, -10px) scale(0.2747); animation: fall-137 19s -30s linear infinite; } @keyframes fall-137 { 79.441% { transform: translate(78.659vw, 79.441vh) scale(0.2747); } to { transform: translate(81.42825vw, 100vh) scale(0.2747); } } .snow:nth-child(138) { opacity: 0.6957; transform: translate(50.2714vw, -10px) scale(0.7826); animation: fall-138 12s -21s linear infinite; } @keyframes fall-138 { 59.661% { transform: translate(59.8961vw, 59.661vh) scale(0.7826); } to { transform: translate(55.08375vw, 100vh) scale(0.7826); } } .snow:nth-child(139) { opacity: 0.1837; transform: translate(7.2385vw, -10px) scale(0.6418); animation: fall-139 16s -17s linear infinite; } @keyframes fall-139 { 71.453% { transform: translate(12.6159vw, 71.453vh) scale(0.6418); } to { transform: translate(9.9272vw, 100vh) scale(0.6418); } } .snow:nth-child(140) { opacity: 0.8588; transform: translate(20.8019vw, -10px) scale(0.9765); animation: fall-140 30s -29s linear infinite; } @keyframes fall-140 { 36.77% { transform: translate(23.9052vw, 36.77vh) scale(0.9765); } to { transform: translate(22.35355vw, 100vh) scale(0.9765); } } .snow:nth-child(141) { opacity: 0.807; transform: translate(69.2694vw, -10px) scale(0.1167); animation: fall-141 24s -27s linear infinite; } @keyframes fall-141 { 34.677% { transform: translate(74.128vw, 34.677vh) scale(0.1167); } to { transform: translate(71.6987vw, 100vh) scale(0.1167); } } .snow:nth-child(142) { opacity: 0.4448; transform: translate(27.7553vw, -10px) scale(0.2147); animation: fall-142 17s -18s linear infinite; } @keyframes fall-142 { 60.203% { transform: translate(20.6945vw, 60.203vh) scale(0.2147); } to { transform: translate(24.2249vw, 100vh) scale(0.2147); } } .snow:nth-child(143) { opacity: 0.0222; transform: translate(19.7164vw, -10px) scale(0.9889); animation: fall-143 23s -14s linear infinite; } @keyframes fall-143 { 75.449% { transform: translate(21.0072vw, 75.449vh) scale(0.9889); } to { transform: translate(20.3618vw, 100vh) scale(0.9889); } } .snow:nth-child(144) { opacity: 0.7923; transform: translate(1.8126vw, -10px) scale(0.4688); animation: fall-144 13s -19s linear infinite; } @keyframes fall-144 { 64.403% { transform: translate(4.1566vw, 64.403vh) scale(0.4688); } to { transform: translate(2.9846vw, 100vh) scale(0.4688); } } .snow:nth-child(145) { opacity: 0.4184; transform: translate(99.0686vw, -10px) scale(0.7083); animation: fall-145 21s -10s linear infinite; } @keyframes fall-145 { 42.074% { transform: translate(98.9616vw, 42.074vh) scale(0.7083); } to { transform: translate(99.0151vw, 100vh) scale(0.7083); } } .snow:nth-child(146) { opacity: 0.8464; transform: translate(69.2123vw, -10px) scale(0.4235); animation: fall-146 18s -30s linear infinite; } @keyframes fall-146 { 56.678% { transform: translate(76.0684vw, 56.678vh) scale(0.4235); } to { transform: translate(72.64035vw, 100vh) scale(0.4235); } } .snow:nth-child(147) { opacity: 0.3212; transform: translate(16.5161vw, -10px) scale(0.0104); animation: fall-147 14s -10s linear infinite; } @keyframes fall-147 { 75.555% { transform: translate(13.6006vw, 75.555vh) scale(0.0104); } to { transform: translate(15.05835vw, 100vh) scale(0.0104); } } .snow:nth-child(148) { opacity: 0.5944; transform: translate(41.3436vw, -10px) scale(0.8408); animation: fall-148 27s -4s linear infinite; } @keyframes fall-148 { 48.802% { transform: translate(33.0156vw, 48.802vh) scale(0.8408); } to { transform: translate(37.1796vw, 100vh) scale(0.8408); } } .snow:nth-child(149) { opacity: 0.9663; transform: translate(12.5839vw, -10px) scale(0.9381); animation: fall-149 23s -25s linear infinite; } @keyframes fall-149 { 48.13% { transform: translate(20.8332vw, 48.13vh) scale(0.9381); } to { transform: translate(16.70855vw, 100vh) scale(0.9381); } } .snow:nth-child(150) { opacity: 0.3338; transform: translate(47.0537vw, -10px) scale(0.5289); animation: fall-150 15s -21s linear infinite; } @keyframes fall-150 { 69.761% { transform: translate(53.3767vw, 69.761vh) scale(0.5289); } to { transform: translate(50.2152vw, 100vh) scale(0.5289); } } .snow:nth-child(151) { opacity: 0.93; transform: translate(90.2847vw, -10px) scale(0.7287); animation: fall-151 23s -28s linear infinite; } @keyframes fall-151 { 67.831% { transform: translate(97.6954vw, 67.831vh) scale(0.7287); } to { transform: translate(93.99005vw, 100vh) scale(0.7287); } } .snow:nth-child(152) { opacity: 0.8232; transform: translate(27.0481vw, -10px) scale(0.9605); animation: fall-152 22s -22s linear infinite; } @keyframes fall-152 { 42.558% { transform: translate(27.2282vw, 42.558vh) scale(0.9605); } to { transform: translate(27.13815vw, 100vh) scale(0.9605); } } .snow:nth-child(153) { opacity: 0.9233; transform: translate(1.3455vw, -10px) scale(0.953); animation: fall-153 30s -6s linear infinite; } @keyframes fall-153 { 77.45% { transform: translate(-0.639vw, 77.45vh) scale(0.953); } to { transform: translate(0.35325vw, 100vh) scale(0.953); } } .snow:nth-child(154) { opacity: 0.844; transform: translate(96.883vw, -10px) scale(0.1575); animation: fall-154 10s -18s linear infinite; } @keyframes fall-154 { 43.219% { transform: translate(88.628vw, 43.219vh) scale(0.1575); } to { transform: translate(92.7555vw, 100vh) scale(0.1575); } } .snow:nth-child(155) { opacity: 0.6913; transform: translate(26.814vw, -10px) scale(0.2863); animation: fall-155 24s -30s linear infinite; } @keyframes fall-155 { 31.918% { transform: translate(18.2292vw, 31.918vh) scale(0.2863); } to { transform: translate(22.5216vw, 100vh) scale(0.2863); } } .snow:nth-child(156) { opacity: 0.5704; transform: translate(71.8857vw, -10px) scale(0.3006); animation: fall-156 24s -21s linear infinite; } @keyframes fall-156 { 53.139% { transform: translate(65.0339vw, 53.139vh) scale(0.3006); } to { transform: translate(68.4598vw, 100vh) scale(0.3006); } } .snow:nth-child(157) { opacity: 0.8086; transform: translate(22.9768vw, -10px) scale(0.8096); animation: fall-157 30s -1s linear infinite; } @keyframes fall-157 { 40.81% { transform: translate(24.1332vw, 40.81vh) scale(0.8096); } to { transform: translate(23.555vw, 100vh) scale(0.8096); } } .snow:nth-child(158) { opacity: 0.7645; transform: translate(70.4142vw, -10px) scale(0.474); animation: fall-158 18s -23s linear infinite; } @keyframes fall-158 { 51.905% { transform: translate(69.329vw, 51.905vh) scale(0.474); } to { transform: translate(69.8716vw, 100vh) scale(0.474); } } .snow:nth-child(159) { opacity: 0.793; transform: translate(76.3588vw, -10px) scale(0.9521); animation: fall-159 28s -3s linear infinite; } @keyframes fall-159 { 36.241% { transform: translate(77.2538vw, 36.241vh) scale(0.9521); } to { transform: translate(76.8063vw, 100vh) scale(0.9521); } } .snow:nth-child(160) { opacity: 0.1514; transform: translate(95.6695vw, -10px) scale(0.5611); animation: fall-160 21s -19s linear infinite; } @keyframes fall-160 { 30.639% { transform: translate(98.9525vw, 30.639vh) scale(0.5611); } to { transform: translate(97.311vw, 100vh) scale(0.5611); } } .snow:nth-child(161) { opacity: 0.5532; transform: translate(81.3525vw, -10px) scale(0.0114); animation: fall-161 17s -2s linear infinite; } @keyframes fall-161 { 50.065% { transform: translate(72.3946vw, 50.065vh) scale(0.0114); } to { transform: translate(76.87355vw, 100vh) scale(0.0114); } } .snow:nth-child(162) { opacity: 0.1431; transform: translate(41.9961vw, -10px) scale(0.5761); animation: fall-162 26s -7s linear infinite; } @keyframes fall-162 { 32.364% { transform: translate(33.9404vw, 32.364vh) scale(0.5761); } to { transform: translate(37.96825vw, 100vh) scale(0.5761); } } .snow:nth-child(163) { opacity: 0.4403; transform: translate(52.3305vw, -10px) scale(0.4692); animation: fall-163 15s -29s linear infinite; } @keyframes fall-163 { 68.686% { transform: translate(48.5432vw, 68.686vh) scale(0.4692); } to { transform: translate(50.43685vw, 100vh) scale(0.4692); } } .snow:nth-child(164) { opacity: 0.0917; transform: translate(62.3363vw, -10px) scale(0.88); animation: fall-164 21s -28s linear infinite; } @keyframes fall-164 { 66.266% { transform: translate(62.3203vw, 66.266vh) scale(0.88); } to { transform: translate(62.3283vw, 100vh) scale(0.88); } } .snow:nth-child(165) { opacity: 0.6016; transform: translate(86.7134vw, -10px) scale(0.0943); animation: fall-165 28s -27s linear infinite; } @keyframes fall-165 { 35.111% { transform: translate(79.3642vw, 35.111vh) scale(0.0943); } to { transform: translate(83.0388vw, 100vh) scale(0.0943); } } .snow:nth-child(166) { opacity: 0.7946; transform: translate(81.74vw, -10px) scale(0.3191); animation: fall-166 25s -20s linear infinite; } @keyframes fall-166 { 38.155% { transform: translate(75.1262vw, 38.155vh) scale(0.3191); } to { transform: translate(78.4331vw, 100vh) scale(0.3191); } } .snow:nth-child(167) { opacity: 0.3897; transform: translate(46.559vw, -10px) scale(0.5913); animation: fall-167 26s -18s linear infinite; } @keyframes fall-167 { 74.239% { transform: translate(42.8824vw, 74.239vh) scale(0.5913); } to { transform: translate(44.7207vw, 100vh) scale(0.5913); } } .snow:nth-child(168) { opacity: 0.7128; transform: translate(24.7756vw, -10px) scale(0.6178); animation: fall-168 21s -30s linear infinite; } @keyframes fall-168 { 36.101% { transform: translate(26.7588vw, 36.101vh) scale(0.6178); } to { transform: translate(25.7672vw, 100vh) scale(0.6178); } } .snow:nth-child(169) { opacity: 0.854; transform: translate(78.0302vw, -10px) scale(0.2971); animation: fall-169 15s -13s linear infinite; } @keyframes fall-169 { 34.528% { transform: translate(72.2525vw, 34.528vh) scale(0.2971); } to { transform: translate(75.14135vw, 100vh) scale(0.2971); } } .snow:nth-child(170) { opacity: 0.3423; transform: translate(30.5912vw, -10px) scale(0.0943); animation: fall-170 21s -9s linear infinite; } @keyframes fall-170 { 47.432% { transform: translate(23.3341vw, 47.432vh) scale(0.0943); } to { transform: translate(26.96265vw, 100vh) scale(0.0943); } } .snow:nth-child(171) { opacity: 0.4479; transform: translate(96.1579vw, -10px) scale(0.7526); animation: fall-171 16s -18s linear infinite; } @keyframes fall-171 { 72.107% { transform: translate(94.885vw, 72.107vh) scale(0.7526); } to { transform: translate(95.52145vw, 100vh) scale(0.7526); } } .snow:nth-child(172) { opacity: 0.5268; transform: translate(5.38vw, -10px) scale(0.2191); animation: fall-172 28s -19s linear infinite; } @keyframes fall-172 { 77.896% { transform: translate(1.8183vw, 77.896vh) scale(0.2191); } to { transform: translate(3.59915vw, 100vh) scale(0.2191); } } .snow:nth-child(173) { opacity: 0.2074; transform: translate(71.5823vw, -10px) scale(0.134); animation: fall-173 17s -3s linear infinite; } @keyframes fall-173 { 54.571% { transform: translate(65.9382vw, 54.571vh) scale(0.134); } to { transform: translate(68.76025vw, 100vh) scale(0.134); } } .snow:nth-child(174) { opacity: 0.6332; transform: translate(68.6584vw, -10px) scale(0.926); animation: fall-174 27s -16s linear infinite; } @keyframes fall-174 { 53.728% { transform: translate(72.6012vw, 53.728vh) scale(0.926); } to { transform: translate(70.6298vw, 100vh) scale(0.926); } } .snow:nth-child(175) { opacity: 0.4553; transform: translate(12.5344vw, -10px) scale(0.8205); animation: fall-175 29s -28s linear infinite; } @keyframes fall-175 { 76.691% { transform: translate(9.2969vw, 76.691vh) scale(0.8205); } to { transform: translate(10.91565vw, 100vh) scale(0.8205); } } .snow:nth-child(176) { opacity: 0.3064; transform: translate(88.2428vw, -10px) scale(0.4755); animation: fall-176 28s -7s linear infinite; } @keyframes fall-176 { 77% { transform: translate(80.0474vw, 77vh) scale(0.4755); } to { transform: translate(84.1451vw, 100vh) scale(0.4755); } } .snow:nth-child(177) { opacity: 0.1047; transform: translate(93.1228vw, -10px) scale(0.9058); animation: fall-177 10s -9s linear infinite; } @keyframes fall-177 { 50.121% { transform: translate(100.1693vw, 50.121vh) scale(0.9058); } to { transform: translate(96.64605vw, 100vh) scale(0.9058); } } .snow:nth-child(178) { opacity: 0.9543; transform: translate(89.3495vw, -10px) scale(0.5408); animation: fall-178 11s -13s linear infinite; } @keyframes fall-178 { 68.763% { transform: translate(83.1324vw, 68.763vh) scale(0.5408); } to { transform: translate(86.24095vw, 100vh) scale(0.5408); } } .snow:nth-child(179) { opacity: 0.4962; transform: translate(39.4662vw, -10px) scale(0.5709); animation: fall-179 13s -16s linear infinite; } @keyframes fall-179 { 35.556% { transform: translate(41.9417vw, 35.556vh) scale(0.5709); } to { transform: translate(40.70395vw, 100vh) scale(0.5709); } } .snow:nth-child(180) { opacity: 0.2603; transform: translate(1.1855vw, -10px) scale(0.2274); animation: fall-180 14s -4s linear infinite; } @keyframes fall-180 { 72.382% { transform: translate(5.4394vw, 72.382vh) scale(0.2274); } to { transform: translate(3.31245vw, 100vh) scale(0.2274); } } .snow:nth-child(181) { opacity: 0.2565; transform: translate(97.9479vw, -10px) scale(0.5408); animation: fall-181 14s -17s linear infinite; } @keyframes fall-181 { 52.482% { transform: translate(102.3555vw, 52.482vh) scale(0.5408); } to { transform: translate(100.1517vw, 100vh) scale(0.5408); } } .snow:nth-child(182) { opacity: 0.3054; transform: translate(33.5562vw, -10px) scale(0.0596); animation: fall-182 13s -7s linear infinite; } @keyframes fall-182 { 33.978% { transform: translate(36.0959vw, 33.978vh) scale(0.0596); } to { transform: translate(34.82605vw, 100vh) scale(0.0596); } } .snow:nth-child(183) { opacity: 0.5697; transform: translate(63.3766vw, -10px) scale(0.4393); animation: fall-183 22s -22s linear infinite; } @keyframes fall-183 { 52.448% { transform: translate(71.8485vw, 52.448vh) scale(0.4393); } to { transform: translate(67.61255vw, 100vh) scale(0.4393); } } .snow:nth-child(184) { opacity: 0.4401; transform: translate(8.6169vw, -10px) scale(0.4951); animation: fall-184 30s -4s linear infinite; } @keyframes fall-184 { 56.613% { transform: translate(3.2258vw, 56.613vh) scale(0.4951); } to { transform: translate(5.92135vw, 100vh) scale(0.4951); } } .snow:nth-child(185) { opacity: 0.0641; transform: translate(79.2921vw, -10px) scale(0.1237); animation: fall-185 26s -26s linear infinite; } @keyframes fall-185 { 78.719% { transform: translate(74.409vw, 78.719vh) scale(0.1237); } to { transform: translate(76.85055vw, 100vh) scale(0.1237); } } .snow:nth-child(186) { opacity: 0.85; transform: translate(87.6256vw, -10px) scale(0.3917); animation: fall-186 29s -14s linear infinite; } @keyframes fall-186 { 39.816% { transform: translate(84.3368vw, 39.816vh) scale(0.3917); } to { transform: translate(85.9812vw, 100vh) scale(0.3917); } } .snow:nth-child(187) { opacity: 0.8072; transform: translate(44.6405vw, -10px) scale(0.8488); animation: fall-187 20s -22s linear infinite; } @keyframes fall-187 { 41.022% { transform: translate(35.5771vw, 41.022vh) scale(0.8488); } to { transform: translate(40.1088vw, 100vh) scale(0.8488); } } .snow:nth-child(188) { opacity: 0.7791; transform: translate(54.8112vw, -10px) scale(0.9441); animation: fall-188 19s -13s linear infinite; } @keyframes fall-188 { 72.007% { transform: translate(55.0495vw, 72.007vh) scale(0.9441); } to { transform: translate(54.93035vw, 100vh) scale(0.9441); } } .snow:nth-child(189) { opacity: 0.9443; transform: translate(46.0065vw, -10px) scale(0.1136); animation: fall-189 20s -3s linear infinite; } @keyframes fall-189 { 61.8% { transform: translate(47.2932vw, 61.8vh) scale(0.1136); } to { transform: translate(46.64985vw, 100vh) scale(0.1136); } } .snow:nth-child(190) { opacity: 0.0404; transform: translate(86.166vw, -10px) scale(0.5574); animation: fall-190 16s -27s linear infinite; } @keyframes fall-190 { 79.642% { transform: translate(92.7971vw, 79.642vh) scale(0.5574); } to { transform: translate(89.48155vw, 100vh) scale(0.5574); } } .snow:nth-child(191) { opacity: 0.5712; transform: translate(83.0154vw, -10px) scale(0.577); animation: fall-191 25s -2s linear infinite; } @keyframes fall-191 { 45.045% { transform: translate(77.4547vw, 45.045vh) scale(0.577); } to { transform: translate(80.23505vw, 100vh) scale(0.577); } } .snow:nth-child(192) { opacity: 0.4671; transform: translate(98.8491vw, -10px) scale(0.9814); animation: fall-192 17s -15s linear infinite; } @keyframes fall-192 { 55.522% { transform: translate(105.3315vw, 55.522vh) scale(0.9814); } to { transform: translate(102.0903vw, 100vh) scale(0.9814); } } .snow:nth-child(193) { opacity: 0.0539; transform: translate(25.9396vw, -10px) scale(0.8912); animation: fall-193 18s -22s linear infinite; } @keyframes fall-193 { 45.542% { transform: translate(29.5295vw, 45.542vh) scale(0.8912); } to { transform: translate(27.73455vw, 100vh) scale(0.8912); } } .snow:nth-child(194) { opacity: 0.9608; transform: translate(31.3346vw, -10px) scale(0.5892); animation: fall-194 11s -20s linear infinite; } @keyframes fall-194 { 39.159% { transform: translate(31.0696vw, 39.159vh) scale(0.5892); } to { transform: translate(31.2021vw, 100vh) scale(0.5892); } } .snow:nth-child(195) { opacity: 0.4438; transform: translate(89.6813vw, -10px) scale(0.3625); animation: fall-195 13s -30s linear infinite; } @keyframes fall-195 { 65.096% { transform: translate(84.4189vw, 65.096vh) scale(0.3625); } to { transform: translate(87.0501vw, 100vh) scale(0.3625); } } .snow:nth-child(196) { opacity: 0.1222; transform: translate(12.8704vw, -10px) scale(0.5352); animation: fall-196 30s -8s linear infinite; } @keyframes fall-196 { 58.803% { transform: translate(3.0742vw, 58.803vh) scale(0.5352); } to { transform: translate(7.9723vw, 100vh) scale(0.5352); } } .snow:nth-child(197) { opacity: 0.5026; transform: translate(13.2641vw, -10px) scale(0.8857); animation: fall-197 17s -26s linear infinite; } @keyframes fall-197 { 56.646% { transform: translate(16.6408vw, 56.646vh) scale(0.8857); } to { transform: translate(14.95245vw, 100vh) scale(0.8857); } } .snow:nth-child(198) { opacity: 0.3704; transform: translate(47.8359vw, -10px) scale(0.562); animation: fall-198 28s -15s linear infinite; } @keyframes fall-198 { 47.23% { transform: translate(51.4788vw, 47.23vh) scale(0.562); } to { transform: translate(49.65735vw, 100vh) scale(0.562); } } .snow:nth-child(199) { opacity: 0.6774; transform: translate(43.0086vw, -10px) scale(0.3038); animation: fall-199 22s -11s linear infinite; } @keyframes fall-199 { 76.726% { transform: translate(49.2938vw, 76.726vh) scale(0.3038); } to { transform: translate(46.1512vw, 100vh) scale(0.3038); } } .snow:nth-child(200) { opacity: 0.0632; transform: translate(88.2415vw, -10px) scale(0.9392); animation: fall-200 24s -14s linear infinite; } @keyframes fall-200 { 76.258% { transform: translate(86.0417vw, 76.258vh) scale(0.9392); } to { transform: translate(87.1416vw, 100vh) scale(0.9392); } }