.snow { position: absolute; width: 10px; height: 10px; background: white; border-radius: 50%; } .snow:nth-child(1) { opacity: 0.5546; transform: translate(97.2748vw, -10px) scale(0.1756); animation: fall-1 12s -13s linear infinite; } @keyframes fall-1 { 53.833% { transform: translate(89.7378vw, 53.833vh) scale(0.1756); } to { transform: translate(93.5063vw, 100vh) scale(0.1756); } } .snow:nth-child(2) { opacity: 0.458; transform: translate(40.9746vw, -10px) scale(0.5567); animation: fall-2 15s -22s linear infinite; } @keyframes fall-2 { 76.15% { transform: translate(41.7941vw, 76.15vh) scale(0.5567); } to { transform: translate(41.38435vw, 100vh) scale(0.5567); } } .snow:nth-child(3) { opacity: 0.4187; transform: translate(46.9453vw, -10px) scale(0.6774); animation: fall-3 29s -5s linear infinite; } @keyframes fall-3 { 43.274% { transform: translate(55.1871vw, 43.274vh) scale(0.6774); } to { transform: translate(51.0662vw, 100vh) scale(0.6774); } } .snow:nth-child(4) { opacity: 0.3688; transform: translate(71.3262vw, -10px) scale(0.2084); animation: fall-4 23s -10s linear infinite; } @keyframes fall-4 { 71.377% { transform: translate(63.6503vw, 71.377vh) scale(0.2084); } to { transform: translate(67.48825vw, 100vh) scale(0.2084); } } .snow:nth-child(5) { opacity: 0.8301; transform: translate(91.7546vw, -10px) scale(0.7292); animation: fall-5 22s -7s linear infinite; } @keyframes fall-5 { 39.205% { transform: translate(101.0756vw, 39.205vh) scale(0.7292); } to { transform: translate(96.4151vw, 100vh) scale(0.7292); } } .snow:nth-child(6) { opacity: 0.5661; transform: translate(28.3872vw, -10px) scale(0.8499); animation: fall-6 14s -16s linear infinite; } @keyframes fall-6 { 73.762% { transform: translate(36.7021vw, 73.762vh) scale(0.8499); } to { transform: translate(32.54465vw, 100vh) scale(0.8499); } } .snow:nth-child(7) { opacity: 0.2141; transform: translate(51.3089vw, -10px) scale(0.4437); animation: fall-7 23s -7s linear infinite; } @keyframes fall-7 { 75.693% { transform: translate(58.4263vw, 75.693vh) scale(0.4437); } to { transform: translate(54.8676vw, 100vh) scale(0.4437); } } .snow:nth-child(8) { opacity: 0.5083; transform: translate(83.7824vw, -10px) scale(0.5241); animation: fall-8 14s -6s linear infinite; } @keyframes fall-8 { 41.314% { transform: translate(91.4921vw, 41.314vh) scale(0.5241); } to { transform: translate(87.63725vw, 100vh) scale(0.5241); } } .snow:nth-child(9) { opacity: 0.1355; transform: translate(71.6272vw, -10px) scale(0.2374); animation: fall-9 24s -30s linear infinite; } @keyframes fall-9 { 39.018% { transform: translate(70.7345vw, 39.018vh) scale(0.2374); } to { transform: translate(71.18085vw, 100vh) scale(0.2374); } } .snow:nth-child(10) { opacity: 0.7238; transform: translate(25.79vw, -10px) scale(0.0617); animation: fall-10 24s -19s linear infinite; } @keyframes fall-10 { 64.75% { transform: translate(30.5534vw, 64.75vh) scale(0.0617); } to { transform: translate(28.1717vw, 100vh) scale(0.0617); } } .snow:nth-child(11) { opacity: 0.4448; transform: translate(78.3293vw, -10px) scale(0.3391); animation: fall-11 27s -18s linear infinite; } @keyframes fall-11 { 39.247% { transform: translate(75.711vw, 39.247vh) scale(0.3391); } to { transform: translate(77.02015vw, 100vh) scale(0.3391); } } .snow:nth-child(12) { opacity: 0.2825; transform: translate(99.7779vw, -10px) scale(0.3635); animation: fall-12 17s -8s linear infinite; } @keyframes fall-12 { 63.311% { transform: translate(105.4746vw, 63.311vh) scale(0.3635); } to { transform: translate(102.62625vw, 100vh) scale(0.3635); } } .snow:nth-child(13) { opacity: 0.7141; transform: translate(54.2306vw, -10px) scale(0.1567); animation: fall-13 16s -5s linear infinite; } @keyframes fall-13 { 63.285% { transform: translate(49.4733vw, 63.285vh) scale(0.1567); } to { transform: translate(51.85195vw, 100vh) scale(0.1567); } } .snow:nth-child(14) { opacity: 0.5165; transform: translate(11.6324vw, -10px) scale(0.3034); animation: fall-14 19s -30s linear infinite; } @keyframes fall-14 { 73.018% { transform: translate(17.8412vw, 73.018vh) scale(0.3034); } to { transform: translate(14.7368vw, 100vh) scale(0.3034); } } .snow:nth-child(15) { opacity: 0.1381; transform: translate(43.3372vw, -10px) scale(0.4143); animation: fall-15 25s -19s linear infinite; } @keyframes fall-15 { 57.762% { transform: translate(40.9329vw, 57.762vh) scale(0.4143); } to { transform: translate(42.13505vw, 100vh) scale(0.4143); } } .snow:nth-child(16) { opacity: 0.153; transform: translate(27.7108vw, -10px) scale(0.9823); animation: fall-16 28s -5s linear infinite; } @keyframes fall-16 { 70.79% { transform: translate(35.6487vw, 70.79vh) scale(0.9823); } to { transform: translate(31.67975vw, 100vh) scale(0.9823); } } .snow:nth-child(17) { opacity: 0.3121; transform: translate(9.5111vw, -10px) scale(0.5193); animation: fall-17 12s -25s linear infinite; } @keyframes fall-17 { 50.755% { transform: translate(11.1805vw, 50.755vh) scale(0.5193); } to { transform: translate(10.3458vw, 100vh) scale(0.5193); } } .snow:nth-child(18) { opacity: 0.2874; transform: translate(16.6533vw, -10px) scale(0.0581); animation: fall-18 25s -7s linear infinite; } @keyframes fall-18 { 65.486% { transform: translate(18.4286vw, 65.486vh) scale(0.0581); } to { transform: translate(17.54095vw, 100vh) scale(0.0581); } } .snow:nth-child(19) { opacity: 0.5692; transform: translate(14.3832vw, -10px) scale(0.3508); animation: fall-19 22s -7s linear infinite; } @keyframes fall-19 { 79.212% { transform: translate(16.158vw, 79.212vh) scale(0.3508); } to { transform: translate(15.2706vw, 100vh) scale(0.3508); } } .snow:nth-child(20) { opacity: 0.9563; transform: translate(80.2862vw, -10px) scale(0.2206); animation: fall-20 29s -23s linear infinite; } @keyframes fall-20 { 50.059% { transform: translate(71.0302vw, 50.059vh) scale(0.2206); } to { transform: translate(75.6582vw, 100vh) scale(0.2206); } } .snow:nth-child(21) { opacity: 0.9459; transform: translate(53.6496vw, -10px) scale(0.9296); animation: fall-21 20s -28s linear infinite; } @keyframes fall-21 { 38.483% { transform: translate(52.1915vw, 38.483vh) scale(0.9296); } to { transform: translate(52.92055vw, 100vh) scale(0.9296); } } .snow:nth-child(22) { opacity: 0.9869; transform: translate(95.9271vw, -10px) scale(0.3816); animation: fall-22 28s -5s linear infinite; } @keyframes fall-22 { 32.671% { transform: translate(98.911vw, 32.671vh) scale(0.3816); } to { transform: translate(97.41905vw, 100vh) scale(0.3816); } } .snow:nth-child(23) { opacity: 0.4848; transform: translate(79.9113vw, -10px) scale(0.4605); animation: fall-23 16s -3s linear infinite; } @keyframes fall-23 { 31.434% { transform: translate(73.0489vw, 31.434vh) scale(0.4605); } to { transform: translate(76.4801vw, 100vh) scale(0.4605); } } .snow:nth-child(24) { opacity: 0.9335; transform: translate(64.311vw, -10px) scale(0.4752); animation: fall-24 12s -28s linear infinite; } @keyframes fall-24 { 55.228% { transform: translate(70.641vw, 55.228vh) scale(0.4752); } to { transform: translate(67.476vw, 100vh) scale(0.4752); } } .snow:nth-child(25) { opacity: 0.6791; transform: translate(13.0098vw, -10px) scale(0.304); animation: fall-25 20s -6s linear infinite; } @keyframes fall-25 { 49.911% { transform: translate(21.217vw, 49.911vh) scale(0.304); } to { transform: translate(17.1134vw, 100vh) scale(0.304); } } .snow:nth-child(26) { opacity: 0.4583; transform: translate(41.6999vw, -10px) scale(0.1741); animation: fall-26 30s -6s linear infinite; } @keyframes fall-26 { 55.381% { transform: translate(32.2759vw, 55.381vh) scale(0.1741); } to { transform: translate(36.9879vw, 100vh) scale(0.1741); } } .snow:nth-child(27) { opacity: 0.4859; transform: translate(43.6878vw, -10px) scale(0.0091); animation: fall-27 27s -17s linear infinite; } @keyframes fall-27 { 55.366% { transform: translate(49.1073vw, 55.366vh) scale(0.0091); } to { transform: translate(46.39755vw, 100vh) scale(0.0091); } } .snow:nth-child(28) { opacity: 0.4835; transform: translate(49.3146vw, -10px) scale(0.4134); animation: fall-28 27s -11s linear infinite; } @keyframes fall-28 { 63.231% { transform: translate(46.5458vw, 63.231vh) scale(0.4134); } to { transform: translate(47.9302vw, 100vh) scale(0.4134); } } .snow:nth-child(29) { opacity: 0.4351; transform: translate(31.3531vw, -10px) scale(0.77); animation: fall-29 20s -21s linear infinite; } @keyframes fall-29 { 77.206% { transform: translate(36.3626vw, 77.206vh) scale(0.77); } to { transform: translate(33.85785vw, 100vh) scale(0.77); } } .snow:nth-child(30) { opacity: 0.9666; transform: translate(57.7866vw, -10px) scale(0.6583); animation: fall-30 20s -14s linear infinite; } @keyframes fall-30 { 63.755% { transform: translate(50.1504vw, 63.755vh) scale(0.6583); } to { transform: translate(53.9685vw, 100vh) scale(0.6583); } } .snow:nth-child(31) { opacity: 0.5877; transform: translate(31.499vw, -10px) scale(0.9863); animation: fall-31 16s -15s linear infinite; } @keyframes fall-31 { 53.066% { transform: translate(39.1565vw, 53.066vh) scale(0.9863); } to { transform: translate(35.32775vw, 100vh) scale(0.9863); } } .snow:nth-child(32) { opacity: 0.7366; transform: translate(50.7423vw, -10px) scale(0.6835); animation: fall-32 13s -6s linear infinite; } @keyframes fall-32 { 63.204% { transform: translate(43.7456vw, 63.204vh) scale(0.6835); } to { transform: translate(47.24395vw, 100vh) scale(0.6835); } } .snow:nth-child(33) { opacity: 0.0299; transform: translate(6.3623vw, -10px) scale(0.5389); animation: fall-33 14s -3s linear infinite; } @keyframes fall-33 { 37.552% { transform: translate(4.7832vw, 37.552vh) scale(0.5389); } to { transform: translate(5.57275vw, 100vh) scale(0.5389); } } .snow:nth-child(34) { opacity: 0.2287; transform: translate(98.5693vw, -10px) scale(0.348); animation: fall-34 11s -1s linear infinite; } @keyframes fall-34 { 54.6% { transform: translate(95.7875vw, 54.6vh) scale(0.348); } to { transform: translate(97.1784vw, 100vh) scale(0.348); } } .snow:nth-child(35) { opacity: 0.263; transform: translate(94.5771vw, -10px) scale(0.5294); animation: fall-35 12s -7s linear infinite; } @keyframes fall-35 { 69.121% { transform: translate(94.3092vw, 69.121vh) scale(0.5294); } to { transform: translate(94.44315vw, 100vh) scale(0.5294); } } .snow:nth-child(36) { opacity: 0.2617; transform: translate(3.3501vw, -10px) scale(0.0661); animation: fall-36 22s -22s linear infinite; } @keyframes fall-36 { 77.132% { transform: translate(11.2073vw, 77.132vh) scale(0.0661); } to { transform: translate(7.2787vw, 100vh) scale(0.0661); } } .snow:nth-child(37) { opacity: 0.0511; transform: translate(69.4258vw, -10px) scale(0.8717); animation: fall-37 16s -12s linear infinite; } @keyframes fall-37 { 32.799% { transform: translate(65.9182vw, 32.799vh) scale(0.8717); } to { transform: translate(67.672vw, 100vh) scale(0.8717); } } .snow:nth-child(38) { opacity: 0.0145; transform: translate(96.9205vw, -10px) scale(0.0189); animation: fall-38 15s -17s linear infinite; } @keyframes fall-38 { 78.733% { transform: translate(104.0001vw, 78.733vh) scale(0.0189); } to { transform: translate(100.4603vw, 100vh) scale(0.0189); } } .snow:nth-child(39) { opacity: 0.4407; transform: translate(28.5338vw, -10px) scale(0.9896); animation: fall-39 27s -28s linear infinite; } @keyframes fall-39 { 33.047% { transform: translate(31.0332vw, 33.047vh) scale(0.9896); } to { transform: translate(29.7835vw, 100vh) scale(0.9896); } } .snow:nth-child(40) { opacity: 0.195; transform: translate(45.6462vw, -10px) scale(0.5708); animation: fall-40 29s -21s linear infinite; } @keyframes fall-40 { 31.396% { transform: translate(48.0866vw, 31.396vh) scale(0.5708); } to { transform: translate(46.8664vw, 100vh) scale(0.5708); } } .snow:nth-child(41) { opacity: 0.0362; transform: translate(48.7788vw, -10px) scale(0.997); animation: fall-41 24s -21s linear infinite; } @keyframes fall-41 { 64.586% { transform: translate(46.7347vw, 64.586vh) scale(0.997); } to { transform: translate(47.75675vw, 100vh) scale(0.997); } } .snow:nth-child(42) { opacity: 0.0714; transform: translate(12.5431vw, -10px) scale(0.0787); animation: fall-42 17s -21s linear infinite; } @keyframes fall-42 { 30.955% { transform: translate(12.9529vw, 30.955vh) scale(0.0787); } to { transform: translate(12.748vw, 100vh) scale(0.0787); } } .snow:nth-child(43) { opacity: 0.724; transform: translate(47.3656vw, -10px) scale(0.5226); animation: fall-43 14s -5s linear infinite; } @keyframes fall-43 { 49.609% { transform: translate(47.7088vw, 49.609vh) scale(0.5226); } to { transform: translate(47.5372vw, 100vh) scale(0.5226); } } .snow:nth-child(44) { opacity: 0.0646; transform: translate(61.2355vw, -10px) scale(0.4184); animation: fall-44 20s -24s linear infinite; } @keyframes fall-44 { 61.173% { transform: translate(57.0258vw, 61.173vh) scale(0.4184); } to { transform: translate(59.13065vw, 100vh) scale(0.4184); } } .snow:nth-child(45) { opacity: 0.6456; transform: translate(87.1066vw, -10px) scale(0.5625); animation: fall-45 23s -29s linear infinite; } @keyframes fall-45 { 76.698% { transform: translate(79.6369vw, 76.698vh) scale(0.5625); } to { transform: translate(83.37175vw, 100vh) scale(0.5625); } } .snow:nth-child(46) { opacity: 0.6724; transform: translate(71.9233vw, -10px) scale(0.813); animation: fall-46 18s -17s linear infinite; } @keyframes fall-46 { 68.963% { transform: translate(67.4736vw, 68.963vh) scale(0.813); } to { transform: translate(69.69845vw, 100vh) scale(0.813); } } .snow:nth-child(47) { opacity: 0.4983; transform: translate(89.6758vw, -10px) scale(0.3159); animation: fall-47 28s -22s linear infinite; } @keyframes fall-47 { 38.114% { transform: translate(79.9094vw, 38.114vh) scale(0.3159); } to { transform: translate(84.7926vw, 100vh) scale(0.3159); } } .snow:nth-child(48) { opacity: 0.612; transform: translate(0.2163vw, -10px) scale(0.39); animation: fall-48 22s -22s linear infinite; } @keyframes fall-48 { 31.359% { transform: translate(4.3309vw, 31.359vh) scale(0.39); } to { transform: translate(2.2736vw, 100vh) scale(0.39); } } .snow:nth-child(49) { opacity: 0.9962; transform: translate(46.4569vw, -10px) scale(0.2725); animation: fall-49 19s -9s linear infinite; } @keyframes fall-49 { 42.989% { transform: translate(38.0194vw, 42.989vh) scale(0.2725); } to { transform: translate(42.23815vw, 100vh) scale(0.2725); } } .snow:nth-child(50) { opacity: 0.5179; transform: translate(71.556vw, -10px) scale(0.2529); animation: fall-50 18s -20s linear infinite; } @keyframes fall-50 { 75.989% { transform: translate(64.0233vw, 75.989vh) scale(0.2529); } to { transform: translate(67.78965vw, 100vh) scale(0.2529); } } .snow:nth-child(51) { opacity: 0.6012; transform: translate(17.0604vw, -10px) scale(0.7431); animation: fall-51 28s -4s linear infinite; } @keyframes fall-51 { 44.65% { transform: translate(7.6688vw, 44.65vh) scale(0.7431); } to { transform: translate(12.3646vw, 100vh) scale(0.7431); } } .snow:nth-child(52) { opacity: 0.1209; transform: translate(86.0817vw, -10px) scale(0.1868); animation: fall-52 27s -26s linear infinite; } @keyframes fall-52 { 79.24% { transform: translate(90.5983vw, 79.24vh) scale(0.1868); } to { transform: translate(88.34vw, 100vh) scale(0.1868); } } .snow:nth-child(53) { opacity: 0.7657; transform: translate(89.0378vw, -10px) scale(0.7841); animation: fall-53 17s -9s linear infinite; } @keyframes fall-53 { 42.862% { transform: translate(90.3405vw, 42.862vh) scale(0.7841); } to { transform: translate(89.68915vw, 100vh) scale(0.7841); } } .snow:nth-child(54) { opacity: 0.4422; transform: translate(52.7555vw, -10px) scale(0.5229); animation: fall-54 30s -18s linear infinite; } @keyframes fall-54 { 54.067% { transform: translate(56.087vw, 54.067vh) scale(0.5229); } to { transform: translate(54.42125vw, 100vh) scale(0.5229); } } .snow:nth-child(55) { opacity: 0.1765; transform: translate(48.3526vw, -10px) scale(0.6496); animation: fall-55 25s -18s linear infinite; } @keyframes fall-55 { 77.128% { transform: translate(50.0016vw, 77.128vh) scale(0.6496); } to { transform: translate(49.1771vw, 100vh) scale(0.6496); } } .snow:nth-child(56) { opacity: 0.3815; transform: translate(17.9194vw, -10px) scale(0.9939); animation: fall-56 13s -9s linear infinite; } @keyframes fall-56 { 55.699% { transform: translate(13.4566vw, 55.699vh) scale(0.9939); } to { transform: translate(15.688vw, 100vh) scale(0.9939); } } .snow:nth-child(57) { opacity: 0.0514; transform: translate(28.3616vw, -10px) scale(0.1088); animation: fall-57 24s -8s linear infinite; } @keyframes fall-57 { 31.69% { transform: translate(32.0416vw, 31.69vh) scale(0.1088); } to { transform: translate(30.2016vw, 100vh) scale(0.1088); } } .snow:nth-child(58) { opacity: 0.698; transform: translate(19.4029vw, -10px) scale(0.7824); animation: fall-58 14s -18s linear infinite; } @keyframes fall-58 { 72.781% { transform: translate(15.641vw, 72.781vh) scale(0.7824); } to { transform: translate(17.52195vw, 100vh) scale(0.7824); } } .snow:nth-child(59) { opacity: 0.6525; transform: translate(15.7341vw, -10px) scale(0.3282); animation: fall-59 27s -26s linear infinite; } @keyframes fall-59 { 64.61% { transform: translate(14.1233vw, 64.61vh) scale(0.3282); } to { transform: translate(14.9287vw, 100vh) scale(0.3282); } } .snow:nth-child(60) { opacity: 0.1482; transform: translate(71.6676vw, -10px) scale(0.3259); animation: fall-60 26s -1s linear infinite; } @keyframes fall-60 { 47.104% { transform: translate(77.5682vw, 47.104vh) scale(0.3259); } to { transform: translate(74.6179vw, 100vh) scale(0.3259); } } .snow:nth-child(61) { opacity: 0.7992; transform: translate(35.6726vw, -10px) scale(0.061); animation: fall-61 18s -7s linear infinite; } @keyframes fall-61 { 69.793% { transform: translate(30.6109vw, 69.793vh) scale(0.061); } to { transform: translate(33.14175vw, 100vh) scale(0.061); } } .snow:nth-child(62) { opacity: 0.343; transform: translate(71.2185vw, -10px) scale(0.9242); animation: fall-62 10s -4s linear infinite; } @keyframes fall-62 { 64.574% { transform: translate(74.1804vw, 64.574vh) scale(0.9242); } to { transform: translate(72.69945vw, 100vh) scale(0.9242); } } .snow:nth-child(63) { opacity: 0.9252; transform: translate(4.0058vw, -10px) scale(0.2081); animation: fall-63 29s -24s linear infinite; } @keyframes fall-63 { 60.334% { transform: translate(-2.3813vw, 60.334vh) scale(0.2081); } to { transform: translate(0.81225vw, 100vh) scale(0.2081); } } .snow:nth-child(64) { opacity: 0.2001; transform: translate(16.0361vw, -10px) scale(0.9397); animation: fall-64 30s -28s linear infinite; } @keyframes fall-64 { 35.855% { transform: translate(10.0237vw, 35.855vh) scale(0.9397); } to { transform: translate(13.0299vw, 100vh) scale(0.9397); } } .snow:nth-child(65) { opacity: 0.2187; transform: translate(0.6434vw, -10px) scale(0.2176); animation: fall-65 18s -10s linear infinite; } @keyframes fall-65 { 66.659% { transform: translate(-5.6282vw, 66.659vh) scale(0.2176); } to { transform: translate(-2.4924vw, 100vh) scale(0.2176); } } .snow:nth-child(66) { opacity: 0.508; transform: translate(14.1905vw, -10px) scale(0.5611); animation: fall-66 17s -7s linear infinite; } @keyframes fall-66 { 33.203% { transform: translate(22.8772vw, 33.203vh) scale(0.5611); } to { transform: translate(18.53385vw, 100vh) scale(0.5611); } } .snow:nth-child(67) { opacity: 0.9806; transform: translate(77.7428vw, -10px) scale(0.2155); animation: fall-67 26s -30s linear infinite; } @keyframes fall-67 { 47.883% { transform: translate(87.4816vw, 47.883vh) scale(0.2155); } to { transform: translate(82.6122vw, 100vh) scale(0.2155); } } .snow:nth-child(68) { opacity: 0.2725; transform: translate(22.6611vw, -10px) scale(0.663); animation: fall-68 28s -5s linear infinite; } @keyframes fall-68 { 62.766% { transform: translate(28.8335vw, 62.766vh) scale(0.663); } to { transform: translate(25.7473vw, 100vh) scale(0.663); } } .snow:nth-child(69) { opacity: 0.7875; transform: translate(70.3463vw, -10px) scale(0.5929); animation: fall-69 11s -23s linear infinite; } @keyframes fall-69 { 77.1% { transform: translate(61.3582vw, 77.1vh) scale(0.5929); } to { transform: translate(65.85225vw, 100vh) scale(0.5929); } } .snow:nth-child(70) { opacity: 0.6964; transform: translate(60.0707vw, -10px) scale(0.8234); animation: fall-70 10s -24s linear infinite; } @keyframes fall-70 { 71.868% { transform: translate(56.6116vw, 71.868vh) scale(0.8234); } to { transform: translate(58.34115vw, 100vh) scale(0.8234); } } .snow:nth-child(71) { opacity: 0.347; transform: translate(15.6923vw, -10px) scale(0.4859); animation: fall-71 28s -29s linear infinite; } @keyframes fall-71 { 40.38% { transform: translate(11.246vw, 40.38vh) scale(0.4859); } to { transform: translate(13.46915vw, 100vh) scale(0.4859); } } .snow:nth-child(72) { opacity: 0.5285; transform: translate(40.6442vw, -10px) scale(0.0196); animation: fall-72 23s -14s linear infinite; } @keyframes fall-72 { 34.922% { transform: translate(32.5744vw, 34.922vh) scale(0.0196); } to { transform: translate(36.6093vw, 100vh) scale(0.0196); } } .snow:nth-child(73) { opacity: 0.0713; transform: translate(61.1659vw, -10px) scale(0.7252); animation: fall-73 14s -24s linear infinite; } @keyframes fall-73 { 76.978% { transform: translate(64.6366vw, 76.978vh) scale(0.7252); } to { transform: translate(62.90125vw, 100vh) scale(0.7252); } } .snow:nth-child(74) { opacity: 0.0576; transform: translate(92.8929vw, -10px) scale(0.1183); animation: fall-74 14s -4s linear infinite; } @keyframes fall-74 { 64.965% { transform: translate(89.3269vw, 64.965vh) scale(0.1183); } to { transform: translate(91.1099vw, 100vh) scale(0.1183); } } .snow:nth-child(75) { opacity: 0.5244; transform: translate(93.5196vw, -10px) scale(0.8005); animation: fall-75 12s -17s linear infinite; } @keyframes fall-75 { 38.411% { transform: translate(98.3139vw, 38.411vh) scale(0.8005); } to { transform: translate(95.91675vw, 100vh) scale(0.8005); } } .snow:nth-child(76) { opacity: 0.1897; transform: translate(41.649vw, -10px) scale(0.9901); animation: fall-76 13s -11s linear infinite; } @keyframes fall-76 { 53.414% { transform: translate(33.4995vw, 53.414vh) scale(0.9901); } to { transform: translate(37.57425vw, 100vh) scale(0.9901); } } .snow:nth-child(77) { opacity: 0.3966; transform: translate(13.7979vw, -10px) scale(0.1236); animation: fall-77 11s -16s linear infinite; } @keyframes fall-77 { 62.271% { transform: translate(4.7703vw, 62.271vh) scale(0.1236); } to { transform: translate(9.2841vw, 100vh) scale(0.1236); } } .snow:nth-child(78) { opacity: 0.5979; transform: translate(51.0221vw, -10px) scale(0.2353); animation: fall-78 13s -26s linear infinite; } @keyframes fall-78 { 61.31% { transform: translate(56.4398vw, 61.31vh) scale(0.2353); } to { transform: translate(53.73095vw, 100vh) scale(0.2353); } } .snow:nth-child(79) { opacity: 0.7087; transform: translate(59.7984vw, -10px) scale(0.9522); animation: fall-79 11s -23s linear infinite; } @keyframes fall-79 { 69.863% { transform: translate(56.5499vw, 69.863vh) scale(0.9522); } to { transform: translate(58.17415vw, 100vh) scale(0.9522); } } .snow:nth-child(80) { opacity: 0.8692; transform: translate(7.0373vw, -10px) scale(0.0555); animation: fall-80 13s -4s linear infinite; } @keyframes fall-80 { 40.611% { transform: translate(7.5889vw, 40.611vh) scale(0.0555); } to { transform: translate(7.3131vw, 100vh) scale(0.0555); } } .snow:nth-child(81) { opacity: 0.6234; transform: translate(50.4569vw, -10px) scale(0.4248); animation: fall-81 10s -1s linear infinite; } @keyframes fall-81 { 46.981% { transform: translate(48.9673vw, 46.981vh) scale(0.4248); } to { transform: translate(49.7121vw, 100vh) scale(0.4248); } } .snow:nth-child(82) { opacity: 0.267; transform: translate(37.5673vw, -10px) scale(0.0957); animation: fall-82 24s -8s linear infinite; } @keyframes fall-82 { 30.425% { transform: translate(33.084vw, 30.425vh) scale(0.0957); } to { transform: translate(35.32565vw, 100vh) scale(0.0957); } } .snow:nth-child(83) { opacity: 0.8498; transform: translate(88.4314vw, -10px) scale(0.6541); animation: fall-83 22s -27s linear infinite; } @keyframes fall-83 { 56.444% { transform: translate(95.8227vw, 56.444vh) scale(0.6541); } to { transform: translate(92.12705vw, 100vh) scale(0.6541); } } .snow:nth-child(84) { opacity: 0.2044; transform: translate(95.7125vw, -10px) scale(0.9219); animation: fall-84 15s -11s linear infinite; } @keyframes fall-84 { 74.845% { transform: translate(93.1507vw, 74.845vh) scale(0.9219); } to { transform: translate(94.4316vw, 100vh) scale(0.9219); } } .snow:nth-child(85) { opacity: 0.1232; transform: translate(81.4376vw, -10px) scale(0.2621); animation: fall-85 18s -27s linear infinite; } @keyframes fall-85 { 34.967% { transform: translate(88.1742vw, 34.967vh) scale(0.2621); } to { transform: translate(84.8059vw, 100vh) scale(0.2621); } } .snow:nth-child(86) { opacity: 0.2529; transform: translate(37.332vw, -10px) scale(0.5587); animation: fall-86 14s -20s linear infinite; } @keyframes fall-86 { 31.83% { transform: translate(32.1778vw, 31.83vh) scale(0.5587); } to { transform: translate(34.7549vw, 100vh) scale(0.5587); } } .snow:nth-child(87) { opacity: 0.8703; transform: translate(85.8722vw, -10px) scale(0.6785); animation: fall-87 14s -14s linear infinite; } @keyframes fall-87 { 37.583% { transform: translate(89.3445vw, 37.583vh) scale(0.6785); } to { transform: translate(87.60835vw, 100vh) scale(0.6785); } } .snow:nth-child(88) { opacity: 0.5983; transform: translate(77.4073vw, -10px) scale(0.1877); animation: fall-88 15s -25s linear infinite; } @keyframes fall-88 { 40.653% { transform: translate(80.0382vw, 40.653vh) scale(0.1877); } to { transform: translate(78.72275vw, 100vh) scale(0.1877); } } .snow:nth-child(89) { opacity: 0.4796; transform: translate(90.7679vw, -10px) scale(0.5293); animation: fall-89 26s -7s linear infinite; } @keyframes fall-89 { 33.376% { transform: translate(85.7093vw, 33.376vh) scale(0.5293); } to { transform: translate(88.2386vw, 100vh) scale(0.5293); } } .snow:nth-child(90) { opacity: 0.1264; transform: translate(57.2407vw, -10px) scale(0.4352); animation: fall-90 17s -20s linear infinite; } @keyframes fall-90 { 48.866% { transform: translate(57.0499vw, 48.866vh) scale(0.4352); } to { transform: translate(57.1453vw, 100vh) scale(0.4352); } } .snow:nth-child(91) { opacity: 0.1315; transform: translate(50.7702vw, -10px) scale(0.3254); animation: fall-91 27s -30s linear infinite; } @keyframes fall-91 { 52.193% { transform: translate(54.9962vw, 52.193vh) scale(0.3254); } to { transform: translate(52.8832vw, 100vh) scale(0.3254); } } .snow:nth-child(92) { opacity: 0.3628; transform: translate(82.9471vw, -10px) scale(0.3623); animation: fall-92 24s -19s linear infinite; } @keyframes fall-92 { 44.496% { transform: translate(83.9985vw, 44.496vh) scale(0.3623); } to { transform: translate(83.4728vw, 100vh) scale(0.3623); } } .snow:nth-child(93) { opacity: 0.0783; transform: translate(70.1505vw, -10px) scale(0.4761); animation: fall-93 30s -21s linear infinite; } @keyframes fall-93 { 45.337% { transform: translate(78.0005vw, 45.337vh) scale(0.4761); } to { transform: translate(74.0755vw, 100vh) scale(0.4761); } } .snow:nth-child(94) { opacity: 0.5458; transform: translate(58.8037vw, -10px) scale(0.3416); animation: fall-94 13s -30s linear infinite; } @keyframes fall-94 { 59.761% { transform: translate(57.6895vw, 59.761vh) scale(0.3416); } to { transform: translate(58.2466vw, 100vh) scale(0.3416); } } .snow:nth-child(95) { opacity: 0.1909; transform: translate(14.2279vw, -10px) scale(0.8687); animation: fall-95 30s -9s linear infinite; } @keyframes fall-95 { 71.654% { transform: translate(19.5258vw, 71.654vh) scale(0.8687); } to { transform: translate(16.87685vw, 100vh) scale(0.8687); } } .snow:nth-child(96) { opacity: 0.0538; transform: translate(79.5497vw, -10px) scale(0.5164); animation: fall-96 11s -2s linear infinite; } @keyframes fall-96 { 52.737% { transform: translate(75.8114vw, 52.737vh) scale(0.5164); } to { transform: translate(77.68055vw, 100vh) scale(0.5164); } } .snow:nth-child(97) { opacity: 0.6961; transform: translate(29.7308vw, -10px) scale(0.6834); animation: fall-97 22s -8s linear infinite; } @keyframes fall-97 { 69.43% { transform: translate(30.9957vw, 69.43vh) scale(0.6834); } to { transform: translate(30.36325vw, 100vh) scale(0.6834); } } .snow:nth-child(98) { opacity: 0.0901; transform: translate(6.5945vw, -10px) scale(0.1504); animation: fall-98 22s -8s linear infinite; } @keyframes fall-98 { 50.492% { transform: translate(10.9336vw, 50.492vh) scale(0.1504); } to { transform: translate(8.76405vw, 100vh) scale(0.1504); } } .snow:nth-child(99) { opacity: 0.1443; transform: translate(51.9816vw, -10px) scale(0.532); animation: fall-99 12s -10s linear infinite; } @keyframes fall-99 { 73.769% { transform: translate(50.798vw, 73.769vh) scale(0.532); } to { transform: translate(51.3898vw, 100vh) scale(0.532); } } .snow:nth-child(100) { opacity: 0.2249; transform: translate(41.3111vw, -10px) scale(0.1792); animation: fall-100 19s -20s linear infinite; } @keyframes fall-100 { 35.933% { transform: translate(37.3077vw, 35.933vh) scale(0.1792); } to { transform: translate(39.3094vw, 100vh) scale(0.1792); } } .snow:nth-child(101) { opacity: 0.9742; transform: translate(14.4333vw, -10px) scale(0.7184); animation: fall-101 20s -9s linear infinite; } @keyframes fall-101 { 73.33% { transform: translate(10.8745vw, 73.33vh) scale(0.7184); } to { transform: translate(12.6539vw, 100vh) scale(0.7184); } } .snow:nth-child(102) { opacity: 0.5921; transform: translate(65.4896vw, -10px) scale(0.5526); animation: fall-102 21s -27s linear infinite; } @keyframes fall-102 { 36.371% { transform: translate(61.572vw, 36.371vh) scale(0.5526); } to { transform: translate(63.5308vw, 100vh) scale(0.5526); } } .snow:nth-child(103) { opacity: 0.5974; transform: translate(76.319vw, -10px) scale(0.4754); animation: fall-103 21s -2s linear infinite; } @keyframes fall-103 { 56.62% { transform: translate(69.7167vw, 56.62vh) scale(0.4754); } to { transform: translate(73.01785vw, 100vh) scale(0.4754); } } .snow:nth-child(104) { opacity: 0.2802; transform: translate(24.1255vw, -10px) scale(0.5851); animation: fall-104 13s -20s linear infinite; } @keyframes fall-104 { 77.077% { transform: translate(15.7828vw, 77.077vh) scale(0.5851); } to { transform: translate(19.95415vw, 100vh) scale(0.5851); } } .snow:nth-child(105) { opacity: 0.1201; transform: translate(87.9336vw, -10px) scale(0.4796); animation: fall-105 11s -5s linear infinite; } @keyframes fall-105 { 53.574% { transform: translate(83.1507vw, 53.574vh) scale(0.4796); } to { transform: translate(85.54215vw, 100vh) scale(0.4796); } } .snow:nth-child(106) { opacity: 0.9383; transform: translate(89.0644vw, -10px) scale(0.0008); animation: fall-106 24s -20s linear infinite; } @keyframes fall-106 { 36.411% { transform: translate(84.4448vw, 36.411vh) scale(0.0008); } to { transform: translate(86.7546vw, 100vh) scale(0.0008); } } .snow:nth-child(107) { opacity: 0.3134; transform: translate(74.6796vw, -10px) scale(0.2174); animation: fall-107 23s -25s linear infinite; } @keyframes fall-107 { 58.734% { transform: translate(72.7957vw, 58.734vh) scale(0.2174); } to { transform: translate(73.73765vw, 100vh) scale(0.2174); } } .snow:nth-child(108) { opacity: 0.8101; transform: translate(41.5775vw, -10px) scale(0.6047); animation: fall-108 26s -23s linear infinite; } @keyframes fall-108 { 72.292% { transform: translate(41.9894vw, 72.292vh) scale(0.6047); } to { transform: translate(41.78345vw, 100vh) scale(0.6047); } } .snow:nth-child(109) { opacity: 0.0208; transform: translate(22.5058vw, -10px) scale(0.7013); animation: fall-109 20s -13s linear infinite; } @keyframes fall-109 { 67.563% { transform: translate(20.7457vw, 67.563vh) scale(0.7013); } to { transform: translate(21.62575vw, 100vh) scale(0.7013); } } .snow:nth-child(110) { opacity: 0.7602; transform: translate(65.4192vw, -10px) scale(0.6085); animation: fall-110 28s -30s linear infinite; } @keyframes fall-110 { 31.539% { transform: translate(58.2244vw, 31.539vh) scale(0.6085); } to { transform: translate(61.8218vw, 100vh) scale(0.6085); } } .snow:nth-child(111) { opacity: 0.5963; transform: translate(13.0941vw, -10px) scale(0.157); animation: fall-111 11s -18s linear infinite; } @keyframes fall-111 { 47.199% { transform: translate(14.5936vw, 47.199vh) scale(0.157); } to { transform: translate(13.84385vw, 100vh) scale(0.157); } } .snow:nth-child(112) { opacity: 0.0488; transform: translate(76.7591vw, -10px) scale(0.4809); animation: fall-112 14s -14s linear infinite; } @keyframes fall-112 { 31.901% { transform: translate(71.8978vw, 31.901vh) scale(0.4809); } to { transform: translate(74.32845vw, 100vh) scale(0.4809); } } .snow:nth-child(113) { opacity: 0.1973; transform: translate(11.0857vw, -10px) scale(0.4065); animation: fall-113 30s -12s linear infinite; } @keyframes fall-113 { 59.367% { transform: translate(3.4171vw, 59.367vh) scale(0.4065); } to { transform: translate(7.2514vw, 100vh) scale(0.4065); } } .snow:nth-child(114) { opacity: 0.4989; transform: translate(73.3818vw, -10px) scale(0.1227); animation: fall-114 30s -7s linear infinite; } @keyframes fall-114 { 56.271% { transform: translate(70.9342vw, 56.271vh) scale(0.1227); } to { transform: translate(72.158vw, 100vh) scale(0.1227); } } .snow:nth-child(115) { opacity: 0.2469; transform: translate(24.8542vw, -10px) scale(0.2837); animation: fall-115 15s -9s linear infinite; } @keyframes fall-115 { 54.452% { transform: translate(28.0225vw, 54.452vh) scale(0.2837); } to { transform: translate(26.43835vw, 100vh) scale(0.2837); } } .snow:nth-child(116) { opacity: 0.2957; transform: translate(1.4952vw, -10px) scale(0.8476); animation: fall-116 27s -23s linear infinite; } @keyframes fall-116 { 48.796% { transform: translate(-7.7104vw, 48.796vh) scale(0.8476); } to { transform: translate(-3.1076vw, 100vh) scale(0.8476); } } .snow:nth-child(117) { opacity: 0.3001; transform: translate(6.2807vw, -10px) scale(0.3053); animation: fall-117 11s -22s linear infinite; } @keyframes fall-117 { 61.77% { transform: translate(1.6866vw, 61.77vh) scale(0.3053); } to { transform: translate(3.98365vw, 100vh) scale(0.3053); } } .snow:nth-child(118) { opacity: 0.8594; transform: translate(76.3257vw, -10px) scale(0.6297); animation: fall-118 10s -1s linear infinite; } @keyframes fall-118 { 62.557% { transform: translate(85.2779vw, 62.557vh) scale(0.6297); } to { transform: translate(80.8018vw, 100vh) scale(0.6297); } } .snow:nth-child(119) { opacity: 0.7814; transform: translate(99.0225vw, -10px) scale(0.4152); animation: fall-119 23s -1s linear infinite; } @keyframes fall-119 { 57.744% { transform: translate(103.8327vw, 57.744vh) scale(0.4152); } to { transform: translate(101.4276vw, 100vh) scale(0.4152); } } .snow:nth-child(120) { opacity: 0.1354; transform: translate(60.9597vw, -10px) scale(0.2313); animation: fall-120 11s -14s linear infinite; } @keyframes fall-120 { 33.505% { transform: translate(52.3203vw, 33.505vh) scale(0.2313); } to { transform: translate(56.64vw, 100vh) scale(0.2313); } } .snow:nth-child(121) { opacity: 0.0099; transform: translate(31.2472vw, -10px) scale(0.9635); animation: fall-121 27s -24s linear infinite; } @keyframes fall-121 { 72.102% { transform: translate(23.628vw, 72.102vh) scale(0.9635); } to { transform: translate(27.4376vw, 100vh) scale(0.9635); } } .snow:nth-child(122) { opacity: 0.8627; transform: translate(7.5396vw, -10px) scale(0.1686); animation: fall-122 14s -12s linear infinite; } @keyframes fall-122 { 55.728% { transform: translate(3.3032vw, 55.728vh) scale(0.1686); } to { transform: translate(5.4214vw, 100vh) scale(0.1686); } } .snow:nth-child(123) { opacity: 0.6991; transform: translate(9.5469vw, -10px) scale(0.2035); animation: fall-123 29s -21s linear infinite; } @keyframes fall-123 { 70.198% { transform: translate(4.0903vw, 70.198vh) scale(0.2035); } to { transform: translate(6.8186vw, 100vh) scale(0.2035); } } .snow:nth-child(124) { opacity: 0.5257; transform: translate(38.3962vw, -10px) scale(0.1144); animation: fall-124 22s -19s linear infinite; } @keyframes fall-124 { 67.331% { transform: translate(40.3573vw, 67.331vh) scale(0.1144); } to { transform: translate(39.37675vw, 100vh) scale(0.1144); } } .snow:nth-child(125) { opacity: 0.0608; transform: translate(73.0277vw, -10px) scale(0.9219); animation: fall-125 25s -1s linear infinite; } @keyframes fall-125 { 74.809% { transform: translate(76.1059vw, 74.809vh) scale(0.9219); } to { transform: translate(74.5668vw, 100vh) scale(0.9219); } } .snow:nth-child(126) { opacity: 0.2295; transform: translate(41.2155vw, -10px) scale(0.8154); animation: fall-126 29s -11s linear infinite; } @keyframes fall-126 { 50.253% { transform: translate(42.4917vw, 50.253vh) scale(0.8154); } to { transform: translate(41.8536vw, 100vh) scale(0.8154); } } .snow:nth-child(127) { opacity: 0.5841; transform: translate(59.1239vw, -10px) scale(0.2124); animation: fall-127 16s -23s linear infinite; } @keyframes fall-127 { 40.941% { transform: translate(65.7647vw, 40.941vh) scale(0.2124); } to { transform: translate(62.4443vw, 100vh) scale(0.2124); } } .snow:nth-child(128) { opacity: 0.3432; transform: translate(10.3423vw, -10px) scale(0.7237); animation: fall-128 22s -17s linear infinite; } @keyframes fall-128 { 66.154% { transform: translate(5.9501vw, 66.154vh) scale(0.7237); } to { transform: translate(8.1462vw, 100vh) scale(0.7237); } } .snow:nth-child(129) { opacity: 0.2999; transform: translate(68.5658vw, -10px) scale(0.8904); animation: fall-129 11s -3s linear infinite; } @keyframes fall-129 { 77.71% { transform: translate(67.6618vw, 77.71vh) scale(0.8904); } to { transform: translate(68.1138vw, 100vh) scale(0.8904); } } .snow:nth-child(130) { opacity: 0.0526; transform: translate(68.2858vw, -10px) scale(0.4901); animation: fall-130 28s -25s linear infinite; } @keyframes fall-130 { 73.232% { transform: translate(69.6737vw, 73.232vh) scale(0.4901); } to { transform: translate(68.97975vw, 100vh) scale(0.4901); } } .snow:nth-child(131) { opacity: 0.5149; transform: translate(58.7968vw, -10px) scale(0.0148); animation: fall-131 19s -6s linear infinite; } @keyframes fall-131 { 75.37% { transform: translate(55.9666vw, 75.37vh) scale(0.0148); } to { transform: translate(57.3817vw, 100vh) scale(0.0148); } } .snow:nth-child(132) { opacity: 0.0801; transform: translate(44.9396vw, -10px) scale(0.9805); animation: fall-132 25s -21s linear infinite; } @keyframes fall-132 { 65.749% { transform: translate(38.7322vw, 65.749vh) scale(0.9805); } to { transform: translate(41.8359vw, 100vh) scale(0.9805); } } .snow:nth-child(133) { opacity: 0.2119; transform: translate(33.655vw, -10px) scale(0.424); animation: fall-133 14s -19s linear infinite; } @keyframes fall-133 { 31.876% { transform: translate(26.3866vw, 31.876vh) scale(0.424); } to { transform: translate(30.0208vw, 100vh) scale(0.424); } } .snow:nth-child(134) { opacity: 0.8506; transform: translate(2.1753vw, -10px) scale(0.3894); animation: fall-134 25s -21s linear infinite; } @keyframes fall-134 { 43.274% { transform: translate(-7.3027vw, 43.274vh) scale(0.3894); } to { transform: translate(-2.5637vw, 100vh) scale(0.3894); } } .snow:nth-child(135) { opacity: 0.5534; transform: translate(47.2298vw, -10px) scale(0.7632); animation: fall-135 27s -24s linear infinite; } @keyframes fall-135 { 32.571% { transform: translate(44.2063vw, 32.571vh) scale(0.7632); } to { transform: translate(45.71805vw, 100vh) scale(0.7632); } } .snow:nth-child(136) { opacity: 0.2699; transform: translate(80.9792vw, -10px) scale(0.9317); animation: fall-136 27s -29s linear infinite; } @keyframes fall-136 { 71.396% { transform: translate(71.8724vw, 71.396vh) scale(0.9317); } to { transform: translate(76.4258vw, 100vh) scale(0.9317); } } .snow:nth-child(137) { opacity: 0.0442; transform: translate(31.0518vw, -10px) scale(0.5646); animation: fall-137 22s -26s linear infinite; } @keyframes fall-137 { 58.075% { transform: translate(31.1553vw, 58.075vh) scale(0.5646); } to { transform: translate(31.10355vw, 100vh) scale(0.5646); } } .snow:nth-child(138) { opacity: 0.5367; transform: translate(57.4353vw, -10px) scale(0.4744); animation: fall-138 27s -17s linear infinite; } @keyframes fall-138 { 51.125% { transform: translate(64.1636vw, 51.125vh) scale(0.4744); } to { transform: translate(60.79945vw, 100vh) scale(0.4744); } } .snow:nth-child(139) { opacity: 0.9831; transform: translate(99.9414vw, -10px) scale(0.1464); animation: fall-139 29s -5s linear infinite; } @keyframes fall-139 { 47.861% { transform: translate(91.3869vw, 47.861vh) scale(0.1464); } to { transform: translate(95.66415vw, 100vh) scale(0.1464); } } .snow:nth-child(140) { opacity: 0.3922; transform: translate(96.9557vw, -10px) scale(0.1929); animation: fall-140 22s -26s linear infinite; } @keyframes fall-140 { 66.647% { transform: translate(106.4053vw, 66.647vh) scale(0.1929); } to { transform: translate(101.6805vw, 100vh) scale(0.1929); } } .snow:nth-child(141) { opacity: 0.5408; transform: translate(30.7261vw, -10px) scale(0.3394); animation: fall-141 29s -15s linear infinite; } @keyframes fall-141 { 35.038% { transform: translate(28.1181vw, 35.038vh) scale(0.3394); } to { transform: translate(29.4221vw, 100vh) scale(0.3394); } } .snow:nth-child(142) { opacity: 0.73; transform: translate(82.6623vw, -10px) scale(0.1187); animation: fall-142 21s -16s linear infinite; } @keyframes fall-142 { 69.251% { transform: translate(90.6683vw, 69.251vh) scale(0.1187); } to { transform: translate(86.6653vw, 100vh) scale(0.1187); } } .snow:nth-child(143) { opacity: 0.4649; transform: translate(40.2018vw, -10px) scale(0.8455); animation: fall-143 24s -29s linear infinite; } @keyframes fall-143 { 72.2% { transform: translate(36.1168vw, 72.2vh) scale(0.8455); } to { transform: translate(38.1593vw, 100vh) scale(0.8455); } } .snow:nth-child(144) { opacity: 0.7747; transform: translate(72.4685vw, -10px) scale(0.609); animation: fall-144 24s -13s linear infinite; } @keyframes fall-144 { 51.492% { transform: translate(80.7222vw, 51.492vh) scale(0.609); } to { transform: translate(76.59535vw, 100vh) scale(0.609); } } .snow:nth-child(145) { opacity: 0.9533; transform: translate(62.4978vw, -10px) scale(0.2025); animation: fall-145 26s -12s linear infinite; } @keyframes fall-145 { 66.734% { transform: translate(69.1855vw, 66.734vh) scale(0.2025); } to { transform: translate(65.84165vw, 100vh) scale(0.2025); } } .snow:nth-child(146) { opacity: 0.1452; transform: translate(92.7182vw, -10px) scale(0.5453); animation: fall-146 27s -17s linear infinite; } @keyframes fall-146 { 69.729% { transform: translate(99.0877vw, 69.729vh) scale(0.5453); } to { transform: translate(95.90295vw, 100vh) scale(0.5453); } } .snow:nth-child(147) { opacity: 0.705; transform: translate(40.3862vw, -10px) scale(0.6225); animation: fall-147 10s -15s linear infinite; } @keyframes fall-147 { 78.729% { transform: translate(31.157vw, 78.729vh) scale(0.6225); } to { transform: translate(35.7716vw, 100vh) scale(0.6225); } } .snow:nth-child(148) { opacity: 0.0107; transform: translate(4.8934vw, -10px) scale(0.8055); animation: fall-148 20s -2s linear infinite; } @keyframes fall-148 { 77.079% { transform: translate(7.3669vw, 77.079vh) scale(0.8055); } to { transform: translate(6.13015vw, 100vh) scale(0.8055); } } .snow:nth-child(149) { opacity: 0.9534; transform: translate(15.7414vw, -10px) scale(0.1363); animation: fall-149 24s -1s linear infinite; } @keyframes fall-149 { 66.753% { transform: translate(14.688vw, 66.753vh) scale(0.1363); } to { transform: translate(15.2147vw, 100vh) scale(0.1363); } } .snow:nth-child(150) { opacity: 0.8664; transform: translate(99.6298vw, -10px) scale(0.8735); animation: fall-150 21s -10s linear infinite; } @keyframes fall-150 { 72.153% { transform: translate(106.5594vw, 72.153vh) scale(0.8735); } to { transform: translate(103.0946vw, 100vh) scale(0.8735); } } .snow:nth-child(151) { opacity: 0.302; transform: translate(9.2878vw, -10px) scale(0.8171); animation: fall-151 25s -6s linear infinite; } @keyframes fall-151 { 60.966% { transform: translate(19.2584vw, 60.966vh) scale(0.8171); } to { transform: translate(14.2731vw, 100vh) scale(0.8171); } } .snow:nth-child(152) { opacity: 0.6952; transform: translate(18.8317vw, -10px) scale(0.5073); animation: fall-152 26s -23s linear infinite; } @keyframes fall-152 { 37.709% { transform: translate(24.2943vw, 37.709vh) scale(0.5073); } to { transform: translate(21.563vw, 100vh) scale(0.5073); } } .snow:nth-child(153) { opacity: 0.853; transform: translate(84.4291vw, -10px) scale(0.0796); animation: fall-153 21s -9s linear infinite; } @keyframes fall-153 { 77.223% { transform: translate(87.8629vw, 77.223vh) scale(0.0796); } to { transform: translate(86.146vw, 100vh) scale(0.0796); } } .snow:nth-child(154) { opacity: 0.5482; transform: translate(22.1947vw, -10px) scale(0.2724); animation: fall-154 25s -30s linear infinite; } @keyframes fall-154 { 33.05% { transform: translate(26.6153vw, 33.05vh) scale(0.2724); } to { transform: translate(24.405vw, 100vh) scale(0.2724); } } .snow:nth-child(155) { opacity: 0.6389; transform: translate(60.4324vw, -10px) scale(0.4399); animation: fall-155 12s -30s linear infinite; } @keyframes fall-155 { 79.154% { transform: translate(64.1389vw, 79.154vh) scale(0.4399); } to { transform: translate(62.28565vw, 100vh) scale(0.4399); } } .snow:nth-child(156) { opacity: 0.0514; transform: translate(99.471vw, -10px) scale(0.0416); animation: fall-156 24s -14s linear infinite; } @keyframes fall-156 { 69.465% { transform: translate(98.733vw, 69.465vh) scale(0.0416); } to { transform: translate(99.102vw, 100vh) scale(0.0416); } } .snow:nth-child(157) { opacity: 0.1092; transform: translate(44.6979vw, -10px) scale(0.5746); animation: fall-157 11s -6s linear infinite; } @keyframes fall-157 { 64.368% { transform: translate(51.7147vw, 64.368vh) scale(0.5746); } to { transform: translate(48.2063vw, 100vh) scale(0.5746); } } .snow:nth-child(158) { opacity: 0.8017; transform: translate(20.6229vw, -10px) scale(0.7325); animation: fall-158 29s -22s linear infinite; } @keyframes fall-158 { 56.06% { transform: translate(18.2195vw, 56.06vh) scale(0.7325); } to { transform: translate(19.4212vw, 100vh) scale(0.7325); } } .snow:nth-child(159) { opacity: 0.9708; transform: translate(75.444vw, -10px) scale(0.9754); animation: fall-159 22s -12s linear infinite; } @keyframes fall-159 { 48.094% { transform: translate(65.938vw, 48.094vh) scale(0.9754); } to { transform: translate(70.691vw, 100vh) scale(0.9754); } } .snow:nth-child(160) { opacity: 0.6164; transform: translate(11.5242vw, -10px) scale(0.0505); animation: fall-160 29s -26s linear infinite; } @keyframes fall-160 { 61.298% { transform: translate(12.6167vw, 61.298vh) scale(0.0505); } to { transform: translate(12.07045vw, 100vh) scale(0.0505); } } .snow:nth-child(161) { opacity: 0.8147; transform: translate(31.6335vw, -10px) scale(0.6126); animation: fall-161 26s -6s linear infinite; } @keyframes fall-161 { 40.291% { transform: translate(33.02vw, 40.291vh) scale(0.6126); } to { transform: translate(32.32675vw, 100vh) scale(0.6126); } } .snow:nth-child(162) { opacity: 0.046; transform: translate(70.3385vw, -10px) scale(0.5771); animation: fall-162 13s -30s linear infinite; } @keyframes fall-162 { 45.646% { transform: translate(71.6203vw, 45.646vh) scale(0.5771); } to { transform: translate(70.9794vw, 100vh) scale(0.5771); } } .snow:nth-child(163) { opacity: 0.8217; transform: translate(42.0414vw, -10px) scale(0.502); animation: fall-163 25s -1s linear infinite; } @keyframes fall-163 { 77.702% { transform: translate(45.5737vw, 77.702vh) scale(0.502); } to { transform: translate(43.80755vw, 100vh) scale(0.502); } } .snow:nth-child(164) { opacity: 0.2287; transform: translate(75.3064vw, -10px) scale(0.5458); animation: fall-164 28s -4s linear infinite; } @keyframes fall-164 { 55.14% { transform: translate(82.5834vw, 55.14vh) scale(0.5458); } to { transform: translate(78.9449vw, 100vh) scale(0.5458); } } .snow:nth-child(165) { opacity: 0.1001; transform: translate(74.6205vw, -10px) scale(0.0014); animation: fall-165 10s -2s linear infinite; } @keyframes fall-165 { 42.086% { transform: translate(80.575vw, 42.086vh) scale(0.0014); } to { transform: translate(77.59775vw, 100vh) scale(0.0014); } } .snow:nth-child(166) { opacity: 0.0441; transform: translate(44.4973vw, -10px) scale(0.169); animation: fall-166 28s -24s linear infinite; } @keyframes fall-166 { 68.716% { transform: translate(51.1269vw, 68.716vh) scale(0.169); } to { transform: translate(47.8121vw, 100vh) scale(0.169); } } .snow:nth-child(167) { opacity: 0.7934; transform: translate(14.0491vw, -10px) scale(0.9096); animation: fall-167 13s -20s linear infinite; } @keyframes fall-167 { 69.875% { transform: translate(10.4231vw, 69.875vh) scale(0.9096); } to { transform: translate(12.2361vw, 100vh) scale(0.9096); } } .snow:nth-child(168) { opacity: 0.6786; transform: translate(16.2853vw, -10px) scale(0.6808); animation: fall-168 10s -15s linear infinite; } @keyframes fall-168 { 34.32% { transform: translate(10.4744vw, 34.32vh) scale(0.6808); } to { transform: translate(13.37985vw, 100vh) scale(0.6808); } } .snow:nth-child(169) { opacity: 0.6193; transform: translate(57.5723vw, -10px) scale(0.8956); animation: fall-169 30s -28s linear infinite; } @keyframes fall-169 { 33.25% { transform: translate(47.9152vw, 33.25vh) scale(0.8956); } to { transform: translate(52.74375vw, 100vh) scale(0.8956); } } .snow:nth-child(170) { opacity: 0.9553; transform: translate(72.5532vw, -10px) scale(0.2882); animation: fall-170 22s -14s linear infinite; } @keyframes fall-170 { 55.51% { transform: translate(71.342vw, 55.51vh) scale(0.2882); } to { transform: translate(71.9476vw, 100vh) scale(0.2882); } } .snow:nth-child(171) { opacity: 0.8775; transform: translate(89.513vw, -10px) scale(0.0717); animation: fall-171 28s -6s linear infinite; } @keyframes fall-171 { 39.241% { transform: translate(87.835vw, 39.241vh) scale(0.0717); } to { transform: translate(88.674vw, 100vh) scale(0.0717); } } .snow:nth-child(172) { opacity: 0.0127; transform: translate(33.092vw, -10px) scale(0.9381); animation: fall-172 14s -13s linear infinite; } @keyframes fall-172 { 52.686% { transform: translate(30.6563vw, 52.686vh) scale(0.9381); } to { transform: translate(31.87415vw, 100vh) scale(0.9381); } } .snow:nth-child(173) { opacity: 0.3754; transform: translate(56.9038vw, -10px) scale(0.2548); animation: fall-173 14s -5s linear infinite; } @keyframes fall-173 { 32.618% { transform: translate(59.1997vw, 32.618vh) scale(0.2548); } to { transform: translate(58.05175vw, 100vh) scale(0.2548); } } .snow:nth-child(174) { opacity: 0.6787; transform: translate(97.8636vw, -10px) scale(0.5736); animation: fall-174 26s -29s linear infinite; } @keyframes fall-174 { 58.84% { transform: translate(91.0124vw, 58.84vh) scale(0.5736); } to { transform: translate(94.438vw, 100vh) scale(0.5736); } } .snow:nth-child(175) { opacity: 0.1423; transform: translate(79.5912vw, -10px) scale(0.1131); animation: fall-175 21s -16s linear infinite; } @keyframes fall-175 { 41.175% { transform: translate(85.2839vw, 41.175vh) scale(0.1131); } to { transform: translate(82.43755vw, 100vh) scale(0.1131); } } .snow:nth-child(176) { opacity: 0.3131; transform: translate(97.2658vw, -10px) scale(0.1912); animation: fall-176 27s -7s linear infinite; } @keyframes fall-176 { 64.281% { transform: translate(87.5193vw, 64.281vh) scale(0.1912); } to { transform: translate(92.39255vw, 100vh) scale(0.1912); } } .snow:nth-child(177) { opacity: 0.4217; transform: translate(30.357vw, -10px) scale(0.2767); animation: fall-177 25s -4s linear infinite; } @keyframes fall-177 { 70.405% { transform: translate(26.2333vw, 70.405vh) scale(0.2767); } to { transform: translate(28.29515vw, 100vh) scale(0.2767); } } .snow:nth-child(178) { opacity: 0.7174; transform: translate(29.4196vw, -10px) scale(0.9387); animation: fall-178 16s -23s linear infinite; } @keyframes fall-178 { 44.862% { transform: translate(20.9641vw, 44.862vh) scale(0.9387); } to { transform: translate(25.19185vw, 100vh) scale(0.9387); } } .snow:nth-child(179) { opacity: 0.0506; transform: translate(60.0842vw, -10px) scale(0.5306); animation: fall-179 21s -21s linear infinite; } @keyframes fall-179 { 59.908% { transform: translate(51.1862vw, 59.908vh) scale(0.5306); } to { transform: translate(55.6352vw, 100vh) scale(0.5306); } } .snow:nth-child(180) { opacity: 0.967; transform: translate(69.1243vw, -10px) scale(0.8865); animation: fall-180 13s -6s linear infinite; } @keyframes fall-180 { 77.052% { transform: translate(74.5612vw, 77.052vh) scale(0.8865); } to { transform: translate(71.84275vw, 100vh) scale(0.8865); } } .snow:nth-child(181) { opacity: 0.2505; transform: translate(96.3309vw, -10px) scale(0.5332); animation: fall-181 24s -12s linear infinite; } @keyframes fall-181 { 51.059% { transform: translate(87.0002vw, 51.059vh) scale(0.5332); } to { transform: translate(91.66555vw, 100vh) scale(0.5332); } } .snow:nth-child(182) { opacity: 0.9577; transform: translate(98.525vw, -10px) scale(0.8385); animation: fall-182 26s -19s linear infinite; } @keyframes fall-182 { 68.505% { transform: translate(100.0099vw, 68.505vh) scale(0.8385); } to { transform: translate(99.26745vw, 100vh) scale(0.8385); } } .snow:nth-child(183) { opacity: 0.8696; transform: translate(99.5031vw, -10px) scale(0.4755); animation: fall-183 17s -30s linear infinite; } @keyframes fall-183 { 48.245% { transform: translate(90.7281vw, 48.245vh) scale(0.4755); } to { transform: translate(95.1156vw, 100vh) scale(0.4755); } } .snow:nth-child(184) { opacity: 0.6816; transform: translate(58.6293vw, -10px) scale(0.535); animation: fall-184 28s -25s linear infinite; } @keyframes fall-184 { 66.604% { transform: translate(60.3968vw, 66.604vh) scale(0.535); } to { transform: translate(59.51305vw, 100vh) scale(0.535); } } .snow:nth-child(185) { opacity: 0.8649; transform: translate(9.574vw, -10px) scale(0.0501); animation: fall-185 22s -2s linear infinite; } @keyframes fall-185 { 49.327% { transform: translate(4.4976vw, 49.327vh) scale(0.0501); } to { transform: translate(7.0358vw, 100vh) scale(0.0501); } } .snow:nth-child(186) { opacity: 0.0409; transform: translate(86.6595vw, -10px) scale(0.3209); animation: fall-186 22s -14s linear infinite; } @keyframes fall-186 { 72.074% { transform: translate(94.9827vw, 72.074vh) scale(0.3209); } to { transform: translate(90.8211vw, 100vh) scale(0.3209); } } .snow:nth-child(187) { opacity: 0.0059; transform: translate(21.8115vw, -10px) scale(0.5076); animation: fall-187 24s -26s linear infinite; } @keyframes fall-187 { 79.107% { transform: translate(31.3872vw, 79.107vh) scale(0.5076); } to { transform: translate(26.59935vw, 100vh) scale(0.5076); } } .snow:nth-child(188) { opacity: 0.8292; transform: translate(71.5969vw, -10px) scale(0.9458); animation: fall-188 26s -19s linear infinite; } @keyframes fall-188 { 67.622% { transform: translate(80.2669vw, 67.622vh) scale(0.9458); } to { transform: translate(75.9319vw, 100vh) scale(0.9458); } } .snow:nth-child(189) { opacity: 0.2547; transform: translate(96.9107vw, -10px) scale(0.6832); animation: fall-189 24s -19s linear infinite; } @keyframes fall-189 { 63.323% { transform: translate(91.4326vw, 63.323vh) scale(0.6832); } to { transform: translate(94.17165vw, 100vh) scale(0.6832); } } .snow:nth-child(190) { opacity: 0.4824; transform: translate(46.3118vw, -10px) scale(0.9619); animation: fall-190 19s -21s linear infinite; } @keyframes fall-190 { 43.976% { transform: translate(54.7809vw, 43.976vh) scale(0.9619); } to { transform: translate(50.54635vw, 100vh) scale(0.9619); } } .snow:nth-child(191) { opacity: 0.0648; transform: translate(53.3925vw, -10px) scale(0.0137); animation: fall-191 11s -5s linear infinite; } @keyframes fall-191 { 76.157% { transform: translate(57.6665vw, 76.157vh) scale(0.0137); } to { transform: translate(55.5295vw, 100vh) scale(0.0137); } } .snow:nth-child(192) { opacity: 0.2015; transform: translate(42.2246vw, -10px) scale(0.402); animation: fall-192 29s -29s linear infinite; } @keyframes fall-192 { 35.555% { transform: translate(36.1763vw, 35.555vh) scale(0.402); } to { transform: translate(39.20045vw, 100vh) scale(0.402); } } .snow:nth-child(193) { opacity: 0.7923; transform: translate(3.2938vw, -10px) scale(0.4219); animation: fall-193 29s -29s linear infinite; } @keyframes fall-193 { 78.977% { transform: translate(-1.3605vw, 78.977vh) scale(0.4219); } to { transform: translate(0.96665vw, 100vh) scale(0.4219); } } .snow:nth-child(194) { opacity: 0.9547; transform: translate(26.7684vw, -10px) scale(0.5924); animation: fall-194 28s -17s linear infinite; } @keyframes fall-194 { 68.903% { transform: translate(34.707vw, 68.903vh) scale(0.5924); } to { transform: translate(30.7377vw, 100vh) scale(0.5924); } } .snow:nth-child(195) { opacity: 0.2156; transform: translate(49.1782vw, -10px) scale(0.662); animation: fall-195 25s -5s linear infinite; } @keyframes fall-195 { 35.374% { transform: translate(46.2173vw, 35.374vh) scale(0.662); } to { transform: translate(47.69775vw, 100vh) scale(0.662); } } .snow:nth-child(196) { opacity: 0.1765; transform: translate(16.3485vw, -10px) scale(0.1705); animation: fall-196 18s -27s linear infinite; } @keyframes fall-196 { 55.562% { transform: translate(17.739vw, 55.562vh) scale(0.1705); } to { transform: translate(17.04375vw, 100vh) scale(0.1705); } } .snow:nth-child(197) { opacity: 0.9971; transform: translate(9.0659vw, -10px) scale(0.1913); animation: fall-197 11s -4s linear infinite; } @keyframes fall-197 { 77.171% { transform: translate(1.4242vw, 77.171vh) scale(0.1913); } to { transform: translate(5.24505vw, 100vh) scale(0.1913); } } .snow:nth-child(198) { opacity: 0.0948; transform: translate(81.533vw, -10px) scale(0.0822); animation: fall-198 21s -14s linear infinite; } @keyframes fall-198 { 49.491% { transform: translate(78.4759vw, 49.491vh) scale(0.0822); } to { transform: translate(80.00445vw, 100vh) scale(0.0822); } } .snow:nth-child(199) { opacity: 0.9526; transform: translate(17.5335vw, -10px) scale(0.3399); animation: fall-199 23s -26s linear infinite; } @keyframes fall-199 { 69.45% { transform: translate(16.2468vw, 69.45vh) scale(0.3399); } to { transform: translate(16.89015vw, 100vh) scale(0.3399); } } .snow:nth-child(200) { opacity: 0.4047; transform: translate(30.0196vw, -10px) scale(0.7308); animation: fall-200 14s -21s linear infinite; } @keyframes fall-200 { 63.428% { transform: translate(28.4435vw, 63.428vh) scale(0.7308); } to { transform: translate(29.23155vw, 100vh) scale(0.7308); } }