web-html5-scripts/css-effects/snow-pure-css/style.css
2020-01-06 13:40:18 +01:00

2614 lines
62 KiB
CSS

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);
}
}