From f9113d7cc3f97c1ee347269821a456b2b60b16fd Mon Sep 17 00:00:00 2001 From: Michael Reber Date: Sun, 29 Dec 2019 11:40:16 +0100 Subject: [PATCH] Adding snow css script --- snow-pure-css/README.md | 6 + snow-pure-css/index.html | 214 ++++ snow-pure-css/style.css | 2614 ++++++++++++++++++++++++++++++++++++++ 3 files changed, 2834 insertions(+) create mode 100644 snow-pure-css/README.md create mode 100644 snow-pure-css/index.html create mode 100644 snow-pure-css/style.css diff --git a/snow-pure-css/README.md b/snow-pure-css/README.md new file mode 100644 index 0000000..768ea75 --- /dev/null +++ b/snow-pure-css/README.md @@ -0,0 +1,6 @@ +# Snow (Pure CSS) +Snow effect as overlay for a website. + +![image](/attachments/1963d6e2-c189-4453-91e2-adb67535ab6b) + +This is a pure CSS version :) \ No newline at end of file diff --git a/snow-pure-css/index.html b/snow-pure-css/index.html new file mode 100644 index 0000000..9825eb3 --- /dev/null +++ b/snow-pure-css/index.html @@ -0,0 +1,214 @@ + + + + + Snow (Pure CSS) + + + + + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + + + \ No newline at end of file diff --git a/snow-pure-css/style.css b/snow-pure-css/style.css new file mode 100644 index 0000000..6ec7710 --- /dev/null +++ b/snow-pure-css/style.css @@ -0,0 +1,2614 @@ +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); + } +} \ No newline at end of file