You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

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