Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /* Since I did not create this code myself, and it's sourced from an public-coding-project website,
- credit to myself is not necessary but appreciated, however credit to alphardex is MANDATORY, so copy and
- paste the credit for the CSS in your dens, as well as the code below. Right clicking and selecting all the
- code will be easiest to paste code in the CSS document (and then just delete the HTML section from the CSS). */
- ===== COPY AND PASTE ALL THE CODE BELOW THIS LINE IN YOUR TERRITORY DESCRIPTION, NOT THE CSS DOCUMENT! =====
- <div class="snowliveshere">
- <div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div><div class="snow"></div>
- </div>
- ===== COPY AND PASTE ALL THE CODE BELOW THIS LINE IN YOUR CSS DOCUMENT, NOT THE TERRITORY DESCRIPTION! =====
- /* ANIMATED FALLING SNOW: EDITED FOR LIODEN, BY PLAYER =Austin= #43750 */
- /* ANIMATED BY ALPHARDEX ON CODEPEN: https://codepen.io/alphardex/pen/dyPorwJ */
- .snowliveshere{
- position: fixed;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- height: 100vh;
- overflow: hidden;
- pointer-events: none;
- filter: drop-shadow(0 0 10px white);
- z-index: 100;
- }
- .snow {
- position: absolute;
- width: 10px;
- height: 10px;
- background: white;
- border-radius: 50%;
- }
- .snow:nth-child(1) {
- opacity: 0.8517;
- transform: translate(34.964vw, -10px) scale(0.3263);
- animation: fall-1 28s -4s linear infinite;
- }
- @keyframes fall-1 {
- 39.003% {
- transform: translate(26.4909vw, 39.003vh) scale(0.3263);
- }
- to {
- transform: translate(30.72745vw, 100vh) scale(0.3263);
- }
- }
- .snow:nth-child(2) {
- opacity: 0.8936;
- transform: translate(76.5577vw, -10px) scale(0.3379);
- animation: fall-2 13s -16s linear infinite;
- }
- @keyframes fall-2 {
- 63.087% {
- transform: translate(67.5022vw, 63.087vh) scale(0.3379);
- }
- to {
- transform: translate(72.02995vw, 100vh) scale(0.3379);
- }
- }
- .snow:nth-child(3) {
- opacity: 0.3995;
- transform: translate(63.617vw, -10px) scale(0.8167);
- animation: fall-3 22s -20s linear infinite;
- }
- @keyframes fall-3 {
- 66.617% {
- transform: translate(69.2845vw, 66.617vh) scale(0.8167);
- }
- to {
- transform: translate(66.45075vw, 100vh) scale(0.8167);
- }
- }
- .snow:nth-child(4) {
- opacity: 0.4923;
- transform: translate(1.5178vw, -10px) scale(0.5687);
- animation: fall-4 12s -1s linear infinite;
- }
- @keyframes fall-4 {
- 56.707% {
- transform: translate(5.1676vw, 56.707vh) scale(0.5687);
- }
- to {
- transform: translate(3.3427vw, 100vh) scale(0.5687);
- }
- }
- .snow:nth-child(5) {
- opacity: 0.7605;
- transform: translate(95.1795vw, -10px) scale(0.8319);
- animation: fall-5 23s -7s linear infinite;
- }
- @keyframes fall-5 {
- 38.612% {
- transform: translate(104.8519vw, 38.612vh) scale(0.8319);
- }
- to {
- transform: translate(100.0157vw, 100vh) scale(0.8319);
- }
- }
- .snow:nth-child(6) {
- opacity: 0.6472;
- transform: translate(83.9227vw, -10px) scale(0.2444);
- animation: fall-6 16s -9s linear infinite;
- }
- @keyframes fall-6 {
- 36.823% {
- transform: translate(77.677vw, 36.823vh) scale(0.2444);
- }
- to {
- transform: translate(80.79985vw, 100vh) scale(0.2444);
- }
- }
- .snow:nth-child(7) {
- opacity: 0.2253;
- transform: translate(86.0907vw, -10px) scale(0.5334);
- animation: fall-7 29s -15s linear infinite;
- }
- @keyframes fall-7 {
- 38.915% {
- transform: translate(87.2904vw, 38.915vh) scale(0.5334);
- }
- to {
- transform: translate(86.69055vw, 100vh) scale(0.5334);
- }
- }
- .snow:nth-child(8) {
- opacity: 0.9945;
- transform: translate(73.1743vw, -10px) scale(0.8341);
- animation: fall-8 20s -11s linear infinite;
- }
- @keyframes fall-8 {
- 31.597% {
- transform: translate(65.3527vw, 31.597vh) scale(0.8341);
- }
- to {
- transform: translate(69.2635vw, 100vh) scale(0.8341);
- }
- }
- .snow:nth-child(9) {
- opacity: 0.8162;
- transform: translate(69.6755vw, -10px) scale(0.3815);
- animation: fall-9 27s -3s linear infinite;
- }
- @keyframes fall-9 {
- 79.863% {
- transform: translate(70.9826vw, 79.863vh) scale(0.3815);
- }
- to {
- transform: translate(70.32905vw, 100vh) scale(0.3815);
- }
- }
- .snow:nth-child(10) {
- opacity: 0.4848;
- transform: translate(50.2514vw, -10px) scale(0.3341);
- animation: fall-10 19s -15s linear infinite;
- }
- @keyframes fall-10 {
- 30.565% {
- transform: translate(55.9127vw, 30.565vh) scale(0.3341);
- }
- to {
- transform: translate(53.08205vw, 100vh) scale(0.3341);
- }
- }
- .snow:nth-child(11) {
- opacity: 0.6315;
- transform: translate(41.4093vw, -10px) scale(0.8181);
- animation: fall-11 26s -5s linear infinite;
- }
- @keyframes fall-11 {
- 57.696% {
- transform: translate(32.8411vw, 57.696vh) scale(0.8181);
- }
- to {
- transform: translate(37.1252vw, 100vh) scale(0.8181);
- }
- }
- .snow:nth-child(12) {
- opacity: 0.1903;
- transform: translate(44.4327vw, -10px) scale(0.1389);
- animation: fall-12 26s -14s linear infinite;
- }
- @keyframes fall-12 {
- 48.606% {
- transform: translate(35.7365vw, 48.606vh) scale(0.1389);
- }
- to {
- transform: translate(40.0846vw, 100vh) scale(0.1389);
- }
- }
- .snow:nth-child(13) {
- opacity: 0.9654;
- transform: translate(27.1139vw, -10px) scale(0.9922);
- animation: fall-13 23s -4s linear infinite;
- }
- @keyframes fall-13 {
- 32.345% {
- transform: translate(21.2802vw, 32.345vh) scale(0.9922);
- }
- to {
- transform: translate(24.19705vw, 100vh) scale(0.9922);
- }
- }
- .snow:nth-child(14) {
- opacity: 0.8211;
- transform: translate(72.6934vw, -10px) scale(0.0364);
- animation: fall-14 17s -24s linear infinite;
- }
- @keyframes fall-14 {
- 74.229% {
- transform: translate(78.4514vw, 74.229vh) scale(0.0364);
- }
- to {
- transform: translate(75.5724vw, 100vh) scale(0.0364);
- }
- }
- .snow:nth-child(15) {
- opacity: 0.6989;
- transform: translate(54.9182vw, -10px) scale(0.6844);
- animation: fall-15 19s -23s linear infinite;
- }
- @keyframes fall-15 {
- 39.933% {
- transform: translate(52.4595vw, 39.933vh) scale(0.6844);
- }
- to {
- transform: translate(53.68885vw, 100vh) scale(0.6844);
- }
- }
- .snow:nth-child(16) {
- opacity: 0.1465;
- transform: translate(11.5439vw, -10px) scale(0.1453);
- animation: fall-16 28s -6s linear infinite;
- }
- @keyframes fall-16 {
- 47.387% {
- transform: translate(10.2828vw, 47.387vh) scale(0.1453);
- }
- to {
- transform: translate(10.91335vw, 100vh) scale(0.1453);
- }
- }
- .snow:nth-child(17) {
- opacity: 0.1522;
- transform: translate(79.244vw, -10px) scale(0.0751);
- animation: fall-17 26s -19s linear infinite;
- }
- @keyframes fall-17 {
- 47.49% {
- transform: translate(86.1597vw, 47.49vh) scale(0.0751);
- }
- to {
- transform: translate(82.70185vw, 100vh) scale(0.0751);
- }
- }
- .snow:nth-child(18) {
- opacity: 0.9372;
- transform: translate(75.4505vw, -10px) scale(0.424);
- animation: fall-18 18s -30s linear infinite;
- }
- @keyframes fall-18 {
- 63.895% {
- transform: translate(66.4153vw, 63.895vh) scale(0.424);
- }
- to {
- transform: translate(70.9329vw, 100vh) scale(0.424);
- }
- }
- .snow:nth-child(19) {
- opacity: 0.8412;
- transform: translate(86.4103vw, -10px) scale(0.2763);
- animation: fall-19 26s -7s linear infinite;
- }
- @keyframes fall-19 {
- 61.332% {
- transform: translate(89.6766vw, 61.332vh) scale(0.2763);
- }
- to {
- transform: translate(88.04345vw, 100vh) scale(0.2763);
- }
- }
- .snow:nth-child(20) {
- opacity: 0.54;
- transform: translate(3.9553vw, -10px) scale(0.7314);
- animation: fall-20 30s -20s linear infinite;
- }
- @keyframes fall-20 {
- 64.766% {
- transform: translate(0.3136vw, 64.766vh) scale(0.7314);
- }
- to {
- transform: translate(2.13445vw, 100vh) scale(0.7314);
- }
- }
- .snow:nth-child(21) {
- opacity: 0.1273;
- transform: translate(31.0656vw, -10px) scale(0.4914);
- animation: fall-21 16s -22s linear infinite;
- }
- @keyframes fall-21 {
- 52.906% {
- transform: translate(22.8178vw, 52.906vh) scale(0.4914);
- }
- to {
- transform: translate(26.9417vw, 100vh) scale(0.4914);
- }
- }
- .snow:nth-child(22) {
- opacity: 0.3864;
- transform: translate(47.4323vw, -10px) scale(0.2527);
- animation: fall-22 22s -1s linear infinite;
- }
- @keyframes fall-22 {
- 68.142% {
- transform: translate(50.3685vw, 68.142vh) scale(0.2527);
- }
- to {
- transform: translate(48.9004vw, 100vh) scale(0.2527);
- }
- }
- .snow:nth-child(23) {
- opacity: 0.3108;
- transform: translate(61.3473vw, -10px) scale(0.3664);
- animation: fall-23 20s -12s linear infinite;
- }
- @keyframes fall-23 {
- 49.269% {
- transform: translate(52.4356vw, 49.269vh) scale(0.3664);
- }
- to {
- transform: translate(56.89145vw, 100vh) scale(0.3664);
- }
- }
- .snow:nth-child(24) {
- opacity: 0.3078;
- transform: translate(58.6208vw, -10px) scale(0.9551);
- animation: fall-24 21s -21s linear infinite;
- }
- @keyframes fall-24 {
- 74.038% {
- transform: translate(56.8453vw, 74.038vh) scale(0.9551);
- }
- to {
- transform: translate(57.73305vw, 100vh) scale(0.9551);
- }
- }
- .snow:nth-child(25) {
- opacity: 0.6838;
- transform: translate(76.5255vw, -10px) scale(0.656);
- animation: fall-25 20s -13s linear infinite;
- }
- @keyframes fall-25 {
- 47.362% {
- transform: translate(73.1269vw, 47.362vh) scale(0.656);
- }
- to {
- transform: translate(74.8262vw, 100vh) scale(0.656);
- }
- }
- .snow:nth-child(26) {
- opacity: 0.1357;
- transform: translate(11.8337vw, -10px) scale(0.337);
- animation: fall-26 20s -20s linear infinite;
- }
- @keyframes fall-26 {
- 47.318% {
- transform: translate(7.3799vw, 47.318vh) scale(0.337);
- }
- to {
- transform: translate(9.6068vw, 100vh) scale(0.337);
- }
- }
- .snow:nth-child(27) {
- opacity: 0.8849;
- transform: translate(72.3605vw, -10px) scale(0.3249);
- animation: fall-27 11s -9s linear infinite;
- }
- @keyframes fall-27 {
- 68.776% {
- transform: translate(69.6734vw, 68.776vh) scale(0.3249);
- }
- to {
- transform: translate(71.01695vw, 100vh) scale(0.3249);
- }
- }
- .snow:nth-child(28) {
- opacity: 0.5233;
- transform: translate(12.6139vw, -10px) scale(0.9558);
- animation: fall-28 26s -24s linear infinite;
- }
- @keyframes fall-28 {
- 37.701% {
- transform: translate(22.0539vw, 37.701vh) scale(0.9558);
- }
- to {
- transform: translate(17.3339vw, 100vh) scale(0.9558);
- }
- }
- .snow:nth-child(29) {
- opacity: 0.9665;
- transform: translate(61.7527vw, -10px) scale(0.7036);
- animation: fall-29 30s -6s linear infinite;
- }
- @keyframes fall-29 {
- 43.737% {
- transform: translate(53.7295vw, 43.737vh) scale(0.7036);
- }
- to {
- transform: translate(57.7411vw, 100vh) scale(0.7036);
- }
- }
- .snow:nth-child(30) {
- opacity: 0.5841;
- transform: translate(80.1889vw, -10px) scale(0.8);
- animation: fall-30 27s -9s linear infinite;
- }
- @keyframes fall-30 {
- 68.77% {
- transform: translate(79.5269vw, 68.77vh) scale(0.8);
- }
- to {
- transform: translate(79.8579vw, 100vh) scale(0.8);
- }
- }
- .snow:nth-child(31) {
- opacity: 0.0161;
- transform: translate(50.4905vw, -10px) scale(0.849);
- animation: fall-31 17s -20s linear infinite;
- }
- @keyframes fall-31 {
- 50.243% {
- transform: translate(53.4117vw, 50.243vh) scale(0.849);
- }
- to {
- transform: translate(51.9511vw, 100vh) scale(0.849);
- }
- }
- .snow:nth-child(32) {
- opacity: 0.8821;
- transform: translate(85.6372vw, -10px) scale(0.2231);
- animation: fall-32 26s -7s linear infinite;
- }
- @keyframes fall-32 {
- 76.237% {
- transform: translate(76.8732vw, 76.237vh) scale(0.2231);
- }
- to {
- transform: translate(81.2552vw, 100vh) scale(0.2231);
- }
- }
- .snow:nth-child(33) {
- opacity: 0.6554;
- transform: translate(31.0048vw, -10px) scale(0.664);
- animation: fall-33 17s -28s linear infinite;
- }
- @keyframes fall-33 {
- 66.244% {
- transform: translate(36.0133vw, 66.244vh) scale(0.664);
- }
- to {
- transform: translate(33.50905vw, 100vh) scale(0.664);
- }
- }
- .snow:nth-child(34) {
- opacity: 0.8183;
- transform: translate(1.2648vw, -10px) scale(0.5497);
- animation: fall-34 13s -2s linear infinite;
- }
- @keyframes fall-34 {
- 44.95% {
- transform: translate(-0.5896vw, 44.95vh) scale(0.5497);
- }
- to {
- transform: translate(0.3376vw, 100vh) scale(0.5497);
- }
- }
- .snow:nth-child(35) {
- opacity: 0.702;
- transform: translate(16.8018vw, -10px) scale(0.0813);
- animation: fall-35 26s -7s linear infinite;
- }
- @keyframes fall-35 {
- 77.975% {
- transform: translate(17.6297vw, 77.975vh) scale(0.0813);
- }
- to {
- transform: translate(17.21575vw, 100vh) scale(0.0813);
- }
- }
- .snow:nth-child(36) {
- opacity: 0.1622;
- transform: translate(30.0811vw, -10px) scale(0.2);
- animation: fall-36 26s -3s linear infinite;
- }
- @keyframes fall-36 {
- 34.01% {
- transform: translate(28.6793vw, 34.01vh) scale(0.2);
- }
- to {
- transform: translate(29.3802vw, 100vh) scale(0.2);
- }
- }
- .snow:nth-child(37) {
- opacity: 0.1182;
- transform: translate(73.1348vw, -10px) scale(0.3103);
- animation: fall-37 16s -5s linear infinite;
- }
- @keyframes fall-37 {
- 57.169% {
- transform: translate(72.2258vw, 57.169vh) scale(0.3103);
- }
- to {
- transform: translate(72.6803vw, 100vh) scale(0.3103);
- }
- }
- .snow:nth-child(38) {
- opacity: 0.9797;
- transform: translate(31.101vw, -10px) scale(0.281);
- animation: fall-38 30s -24s linear infinite;
- }
- @keyframes fall-38 {
- 75.92% {
- transform: translate(31.8677vw, 75.92vh) scale(0.281);
- }
- to {
- transform: translate(31.48435vw, 100vh) scale(0.281);
- }
- }
- .snow:nth-child(39) {
- opacity: 0.9371;
- transform: translate(84.5706vw, -10px) scale(0.1765);
- animation: fall-39 14s -16s linear infinite;
- }
- @keyframes fall-39 {
- 37.419% {
- transform: translate(82.2224vw, 37.419vh) scale(0.1765);
- }
- to {
- transform: translate(83.3965vw, 100vh) scale(0.1765);
- }
- }
- .snow:nth-child(40) {
- opacity: 0.7892;
- transform: translate(8.468vw, -10px) scale(0.7446);
- animation: fall-40 26s -7s linear infinite;
- }
- @keyframes fall-40 {
- 63.302% {
- transform: translate(17.7919vw, 63.302vh) scale(0.7446);
- }
- to {
- transform: translate(13.12995vw, 100vh) scale(0.7446);
- }
- }
- .snow:nth-child(41) {
- opacity: 0.8084;
- transform: translate(91.7175vw, -10px) scale(0.4562);
- animation: fall-41 25s -10s linear infinite;
- }
- @keyframes fall-41 {
- 66.671% {
- transform: translate(97.6314vw, 66.671vh) scale(0.4562);
- }
- to {
- transform: translate(94.67445vw, 100vh) scale(0.4562);
- }
- }
- .snow:nth-child(42) {
- opacity: 0.1613;
- transform: translate(40.1615vw, -10px) scale(0.16);
- animation: fall-42 14s -7s linear infinite;
- }
- @keyframes fall-42 {
- 54.579% {
- transform: translate(31.8819vw, 54.579vh) scale(0.16);
- }
- to {
- transform: translate(36.0217vw, 100vh) scale(0.16);
- }
- }
- .snow:nth-child(43) {
- opacity: 0.4762;
- transform: translate(10.8063vw, -10px) scale(0.8341);
- animation: fall-43 29s -21s linear infinite;
- }
- @keyframes fall-43 {
- 46.741% {
- transform: translate(12.2172vw, 46.741vh) scale(0.8341);
- }
- to {
- transform: translate(11.51175vw, 100vh) scale(0.8341);
- }
- }
- .snow:nth-child(44) {
- opacity: 0.2134;
- transform: translate(30.8546vw, -10px) scale(0.3495);
- animation: fall-44 22s -3s linear infinite;
- }
- @keyframes fall-44 {
- 63.557% {
- transform: translate(32.5598vw, 63.557vh) scale(0.3495);
- }
- to {
- transform: translate(31.7072vw, 100vh) scale(0.3495);
- }
- }
- .snow:nth-child(45) {
- opacity: 0.2312;
- transform: translate(3.1697vw, -10px) scale(0.8489);
- animation: fall-45 15s -4s linear infinite;
- }
- @keyframes fall-45 {
- 51.879% {
- transform: translate(-4.8723vw, 51.879vh) scale(0.8489);
- }
- to {
- transform: translate(-0.8513vw, 100vh) scale(0.8489);
- }
- }
- .snow:nth-child(46) {
- opacity: 0.7622;
- transform: translate(46.3318vw, -10px) scale(0.9169);
- animation: fall-46 30s -6s linear infinite;
- }
- @keyframes fall-46 {
- 46.294% {
- transform: translate(46.0702vw, 46.294vh) scale(0.9169);
- }
- to {
- transform: translate(46.201vw, 100vh) scale(0.9169);
- }
- }
- .snow:nth-child(47) {
- opacity: 0.5142;
- transform: translate(80.0032vw, -10px) scale(0.277);
- animation: fall-47 26s -5s linear infinite;
- }
- @keyframes fall-47 {
- 59.95% {
- transform: translate(82.108vw, 59.95vh) scale(0.277);
- }
- to {
- transform: translate(81.0556vw, 100vh) scale(0.277);
- }
- }
- .snow:nth-child(48) {
- opacity: 0.4453;
- transform: translate(41.2187vw, -10px) scale(0.1494);
- animation: fall-48 28s -24s linear infinite;
- }
- @keyframes fall-48 {
- 74.055% {
- transform: translate(48.8515vw, 74.055vh) scale(0.1494);
- }
- to {
- transform: translate(45.0351vw, 100vh) scale(0.1494);
- }
- }
- .snow:nth-child(49) {
- opacity: 0.209;
- transform: translate(66.6699vw, -10px) scale(0.2274);
- animation: fall-49 25s -29s linear infinite;
- }
- @keyframes fall-49 {
- 54.525% {
- transform: translate(67.002vw, 54.525vh) scale(0.2274);
- }
- to {
- transform: translate(66.83595vw, 100vh) scale(0.2274);
- }
- }
- .snow:nth-child(50) {
- opacity: 0.2036;
- transform: translate(80.4225vw, -10px) scale(0.0862);
- animation: fall-50 27s -17s linear infinite;
- }
- @keyframes fall-50 {
- 66.393% {
- transform: translate(78.573vw, 66.393vh) scale(0.0862);
- }
- to {
- transform: translate(79.49775vw, 100vh) scale(0.0862);
- }
- }
- .snow:nth-child(51) {
- opacity: 0.4907;
- transform: translate(91.2637vw, -10px) scale(0.5978);
- animation: fall-51 20s -20s linear infinite;
- }
- @keyframes fall-51 {
- 32.471% {
- transform: translate(82.8705vw, 32.471vh) scale(0.5978);
- }
- to {
- transform: translate(87.0671vw, 100vh) scale(0.5978);
- }
- }
- .snow:nth-child(52) {
- opacity: 0.4769;
- transform: translate(60.0363vw, -10px) scale(0.9306);
- animation: fall-52 16s -13s linear infinite;
- }
- @keyframes fall-52 {
- 33.146% {
- transform: translate(67.7985vw, 33.146vh) scale(0.9306);
- }
- to {
- transform: translate(63.9174vw, 100vh) scale(0.9306);
- }
- }
- .snow:nth-child(53) {
- opacity: 0.2612;
- transform: translate(35.2048vw, -10px) scale(0.4952);
- animation: fall-53 19s -3s linear infinite;
- }
- @keyframes fall-53 {
- 79.209% {
- transform: translate(41.6601vw, 79.209vh) scale(0.4952);
- }
- to {
- transform: translate(38.43245vw, 100vh) scale(0.4952);
- }
- }
- .snow:nth-child(54) {
- opacity: 0.7363;
- transform: translate(34.3128vw, -10px) scale(0.6503);
- animation: fall-54 22s -18s linear infinite;
- }
- @keyframes fall-54 {
- 37.266% {
- transform: translate(35.673vw, 37.266vh) scale(0.6503);
- }
- to {
- transform: translate(34.9929vw, 100vh) scale(0.6503);
- }
- }
- .snow:nth-child(55) {
- opacity: 0.1578;
- transform: translate(6.1639vw, -10px) scale(0.7204);
- animation: fall-55 15s -22s linear infinite;
- }
- @keyframes fall-55 {
- 33.004% {
- transform: translate(14.0457vw, 33.004vh) scale(0.7204);
- }
- to {
- transform: translate(10.1048vw, 100vh) scale(0.7204);
- }
- }
- .snow:nth-child(56) {
- opacity: 0.7823;
- transform: translate(12.7027vw, -10px) scale(0.6839);
- animation: fall-56 15s -23s linear infinite;
- }
- @keyframes fall-56 {
- 40.054% {
- transform: translate(22.2363vw, 40.054vh) scale(0.6839);
- }
- to {
- transform: translate(17.4695vw, 100vh) scale(0.6839);
- }
- }
- .snow:nth-child(57) {
- opacity: 0.5251;
- transform: translate(18.7477vw, -10px) scale(0.9316);
- animation: fall-57 19s -29s linear infinite;
- }
- @keyframes fall-57 {
- 42.516% {
- transform: translate(22.0883vw, 42.516vh) scale(0.9316);
- }
- to {
- transform: translate(20.418vw, 100vh) scale(0.9316);
- }
- }
- .snow:nth-child(58) {
- opacity: 0.5477;
- transform: translate(97.1272vw, -10px) scale(0.442);
- animation: fall-58 25s -27s linear infinite;
- }
- @keyframes fall-58 {
- 68.554% {
- transform: translate(99.5504vw, 68.554vh) scale(0.442);
- }
- to {
- transform: translate(98.3388vw, 100vh) scale(0.442);
- }
- }
- .snow:nth-child(59) {
- opacity: 0.8413;
- transform: translate(52.9655vw, -10px) scale(0.311);
- animation: fall-59 11s -21s linear infinite;
- }
- @keyframes fall-59 {
- 52.626% {
- transform: translate(46.8972vw, 52.626vh) scale(0.311);
- }
- to {
- transform: translate(49.93135vw, 100vh) scale(0.311);
- }
- }
- .snow:nth-child(60) {
- opacity: 0.9215;
- transform: translate(60.7904vw, -10px) scale(0.0756);
- animation: fall-60 19s -15s linear infinite;
- }
- @keyframes fall-60 {
- 53.891% {
- transform: translate(57.2032vw, 53.891vh) scale(0.0756);
- }
- to {
- transform: translate(58.9968vw, 100vh) scale(0.0756);
- }
- }
- .snow:nth-child(61) {
- opacity: 0.3578;
- transform: translate(44.5298vw, -10px) scale(0.306);
- animation: fall-61 11s -19s linear infinite;
- }
- @keyframes fall-61 {
- 43.972% {
- transform: translate(43.2985vw, 43.972vh) scale(0.306);
- }
- to {
- transform: translate(43.91415vw, 100vh) scale(0.306);
- }
- }
- .snow:nth-child(62) {
- opacity: 0.0889;
- transform: translate(22.6789vw, -10px) scale(0.8073);
- animation: fall-62 29s -18s linear infinite;
- }
- @keyframes fall-62 {
- 58.328% {
- transform: translate(32.4693vw, 58.328vh) scale(0.8073);
- }
- to {
- transform: translate(27.5741vw, 100vh) scale(0.8073);
- }
- }
- .snow:nth-child(63) {
- opacity: 0.806;
- transform: translate(56.9029vw, -10px) scale(0.4491);
- animation: fall-63 12s -23s linear infinite;
- }
- @keyframes fall-63 {
- 73.323% {
- transform: translate(49.4227vw, 73.323vh) scale(0.4491);
- }
- to {
- transform: translate(53.1628vw, 100vh) scale(0.4491);
- }
- }
- .snow:nth-child(64) {
- opacity: 0.9906;
- transform: translate(93.3352vw, -10px) scale(0.8776);
- animation: fall-64 19s -26s linear infinite;
- }
- @keyframes fall-64 {
- 71.083% {
- transform: translate(87.159vw, 71.083vh) scale(0.8776);
- }
- to {
- transform: translate(90.2471vw, 100vh) scale(0.8776);
- }
- }
- .snow:nth-child(65) {
- opacity: 0.6408;
- transform: translate(23.1099vw, -10px) scale(0.8983);
- animation: fall-65 14s -4s linear infinite;
- }
- @keyframes fall-65 {
- 78.535% {
- transform: translate(27.0455vw, 78.535vh) scale(0.8983);
- }
- to {
- transform: translate(25.0777vw, 100vh) scale(0.8983);
- }
- }
- .snow:nth-child(66) {
- opacity: 0.9523;
- transform: translate(61.9235vw, -10px) scale(0.9462);
- animation: fall-66 25s -28s linear infinite;
- }
- @keyframes fall-66 {
- 40.853% {
- transform: translate(68.9191vw, 40.853vh) scale(0.9462);
- }
- to {
- transform: translate(65.4213vw, 100vh) scale(0.9462);
- }
- }
- .snow:nth-child(67) {
- opacity: 0.8574;
- transform: translate(98.9854vw, -10px) scale(0.2912);
- animation: fall-67 29s -18s linear infinite;
- }
- @keyframes fall-67 {
- 50.852% {
- transform: translate(105.9975vw, 50.852vh) scale(0.2912);
- }
- to {
- transform: translate(102.49145vw, 100vh) scale(0.2912);
- }
- }
- .snow:nth-child(68) {
- opacity: 0.9162;
- transform: translate(65.4346vw, -10px) scale(0.9232);
- animation: fall-68 18s -22s linear infinite;
- }
- @keyframes fall-68 {
- 63.01% {
- transform: translate(60.1165vw, 63.01vh) scale(0.9232);
- }
- to {
- transform: translate(62.77555vw, 100vh) scale(0.9232);
- }
- }
- .snow:nth-child(69) {
- opacity: 0.2099;
- transform: translate(71.8731vw, -10px) scale(0.1273);
- animation: fall-69 20s -15s linear infinite;
- }
- @keyframes fall-69 {
- 73.767% {
- transform: translate(69.188vw, 73.767vh) scale(0.1273);
- }
- to {
- transform: translate(70.53055vw, 100vh) scale(0.1273);
- }
- }
- .snow:nth-child(70) {
- opacity: 0.739;
- transform: translate(40.2591vw, -10px) scale(0.0063);
- animation: fall-70 21s -14s linear infinite;
- }
- @keyframes fall-70 {
- 79.392% {
- transform: translate(38.0146vw, 79.392vh) scale(0.0063);
- }
- to {
- transform: translate(39.13685vw, 100vh) scale(0.0063);
- }
- }
- .snow:nth-child(71) {
- opacity: 0.2062;
- transform: translate(57.127vw, -10px) scale(0.0592);
- animation: fall-71 17s -15s linear infinite;
- }
- @keyframes fall-71 {
- 52.571% {
- transform: translate(60.9672vw, 52.571vh) scale(0.0592);
- }
- to {
- transform: translate(59.0471vw, 100vh) scale(0.0592);
- }
- }
- .snow:nth-child(72) {
- opacity: 0.4448;
- transform: translate(92.0423vw, -10px) scale(0.0228);
- animation: fall-72 15s -9s linear infinite;
- }
- @keyframes fall-72 {
- 37.191% {
- transform: translate(90.1826vw, 37.191vh) scale(0.0228);
- }
- to {
- transform: translate(91.11245vw, 100vh) scale(0.0228);
- }
- }
- .snow:nth-child(73) {
- opacity: 0.1525;
- transform: translate(62.8584vw, -10px) scale(0.7682);
- animation: fall-73 15s -30s linear infinite;
- }
- @keyframes fall-73 {
- 41.911% {
- transform: translate(61.9008vw, 41.911vh) scale(0.7682);
- }
- to {
- transform: translate(62.3796vw, 100vh) scale(0.7682);
- }
- }
- .snow:nth-child(74) {
- opacity: 0.3048;
- transform: translate(37.3184vw, -10px) scale(0.0064);
- animation: fall-74 18s -1s linear infinite;
- }
- @keyframes fall-74 {
- 48.86% {
- transform: translate(34.245vw, 48.86vh) scale(0.0064);
- }
- to {
- transform: translate(35.7817vw, 100vh) scale(0.0064);
- }
- }
- .snow:nth-child(75) {
- opacity: 0.1015;
- transform: translate(46.0459vw, -10px) scale(0.5727);
- animation: fall-75 15s -24s linear infinite;
- }
- @keyframes fall-75 {
- 64.395% {
- transform: translate(45.966vw, 64.395vh) scale(0.5727);
- }
- to {
- transform: translate(46.00595vw, 100vh) scale(0.5727);
- }
- }
- .snow:nth-child(76) {
- opacity: 0.078;
- transform: translate(75.4095vw, -10px) scale(0.2612);
- animation: fall-76 24s -30s linear infinite;
- }
- @keyframes fall-76 {
- 31.845% {
- transform: translate(69.6773vw, 31.845vh) scale(0.2612);
- }
- to {
- transform: translate(72.5434vw, 100vh) scale(0.2612);
- }
- }
- .snow:nth-child(77) {
- opacity: 0.0653;
- transform: translate(29.9496vw, -10px) scale(0.6311);
- animation: fall-77 19s -21s linear infinite;
- }
- @keyframes fall-77 {
- 52.587% {
- transform: translate(20.072vw, 52.587vh) scale(0.6311);
- }
- to {
- transform: translate(25.0108vw, 100vh) scale(0.6311);
- }
- }
- .snow:nth-child(78) {
- opacity: 0.6727;
- transform: translate(22.6873vw, -10px) scale(0.935);
- animation: fall-78 25s -23s linear infinite;
- }
- @keyframes fall-78 {
- 72.418% {
- transform: translate(27.2817vw, 72.418vh) scale(0.935);
- }
- to {
- transform: translate(24.9845vw, 100vh) scale(0.935);
- }
- }
- .snow:nth-child(79) {
- opacity: 0.1696;
- transform: translate(42.7222vw, -10px) scale(0.2162);
- animation: fall-79 19s -3s linear infinite;
- }
- @keyframes fall-79 {
- 76.438% {
- transform: translate(34.8933vw, 76.438vh) scale(0.2162);
- }
- to {
- transform: translate(38.80775vw, 100vh) scale(0.2162);
- }
- }
- .snow:nth-child(80) {
- opacity: 0.2966;
- transform: translate(74.0821vw, -10px) scale(0.2329);
- animation: fall-80 28s -1s linear infinite;
- }
- @keyframes fall-80 {
- 74.845% {
- transform: translate(83.9717vw, 74.845vh) scale(0.2329);
- }
- to {
- transform: translate(79.0269vw, 100vh) scale(0.2329);
- }
- }
- .snow:nth-child(81) {
- opacity: 0.4779;
- transform: translate(4.0864vw, -10px) scale(0.6074);
- animation: fall-81 13s -29s linear infinite;
- }
- @keyframes fall-81 {
- 71.582% {
- transform: translate(-0.0425vw, 71.582vh) scale(0.6074);
- }
- to {
- transform: translate(2.02195vw, 100vh) scale(0.6074);
- }
- }
- .snow:nth-child(82) {
- opacity: 0.6776;
- transform: translate(14.7277vw, -10px) scale(0.4454);
- animation: fall-82 25s -21s linear infinite;
- }
- @keyframes fall-82 {
- 59.526% {
- transform: translate(12.2909vw, 59.526vh) scale(0.4454);
- }
- to {
- transform: translate(13.5093vw, 100vh) scale(0.4454);
- }
- }
- .snow:nth-child(83) {
- opacity: 0.2402;
- transform: translate(76.5468vw, -10px) scale(0.3766);
- animation: fall-83 18s -12s linear infinite;
- }
- @keyframes fall-83 {
- 71.39% {
- transform: translate(84.739vw, 71.39vh) scale(0.3766);
- }
- to {
- transform: translate(80.6429vw, 100vh) scale(0.3766);
- }
- }
- .snow:nth-child(84) {
- opacity: 0.756;
- transform: translate(35.0385vw, -10px) scale(0.4922);
- animation: fall-84 13s -12s linear infinite;
- }
- @keyframes fall-84 {
- 36.019% {
- transform: translate(42.5887vw, 36.019vh) scale(0.4922);
- }
- to {
- transform: translate(38.8136vw, 100vh) scale(0.4922);
- }
- }
- .snow:nth-child(85) {
- opacity: 0.1217;
- transform: translate(48.0982vw, -10px) scale(0.3125);
- animation: fall-85 28s -11s linear infinite;
- }
- @keyframes fall-85 {
- 65.278% {
- transform: translate(52.4051vw, 65.278vh) scale(0.3125);
- }
- to {
- transform: translate(50.25165vw, 100vh) scale(0.3125);
- }
- }
- .snow:nth-child(86) {
- opacity: 0.8028;
- transform: translate(20.3372vw, -10px) scale(0.3306);
- animation: fall-86 15s -14s linear infinite;
- }
- @keyframes fall-86 {
- 61.636% {
- transform: translate(26.4823vw, 61.636vh) scale(0.3306);
- }
- to {
- transform: translate(23.40975vw, 100vh) scale(0.3306);
- }
- }
- .snow:nth-child(87) {
- opacity: 0.5347;
- transform: translate(93.3675vw, -10px) scale(0.3784);
- animation: fall-87 19s -5s linear infinite;
- }
- @keyframes fall-87 {
- 54.718% {
- transform: translate(90.7833vw, 54.718vh) scale(0.3784);
- }
- to {
- transform: translate(92.0754vw, 100vh) scale(0.3784);
- }
- }
- .snow:nth-child(88) {
- opacity: 0.2343;
- transform: translate(65.2811vw, -10px) scale(0.8455);
- animation: fall-88 30s -16s linear infinite;
- }
- @keyframes fall-88 {
- 73.671% {
- transform: translate(56.4542vw, 73.671vh) scale(0.8455);
- }
- to {
- transform: translate(60.86765vw, 100vh) scale(0.8455);
- }
- }
- .snow:nth-child(89) {
- opacity: 0.0701;
- transform: translate(90.4335vw, -10px) scale(0.6666);
- animation: fall-89 18s -23s linear infinite;
- }
- @keyframes fall-89 {
- 38.275% {
- transform: translate(96.0461vw, 38.275vh) scale(0.6666);
- }
- to {
- transform: translate(93.2398vw, 100vh) scale(0.6666);
- }
- }
- .snow:nth-child(90) {
- opacity: 0.104;
- transform: translate(26.1507vw, -10px) scale(0.9661);
- animation: fall-90 30s -3s linear infinite;
- }
- @keyframes fall-90 {
- 79.007% {
- transform: translate(26.702vw, 79.007vh) scale(0.9661);
- }
- to {
- transform: translate(26.42635vw, 100vh) scale(0.9661);
- }
- }
- .snow:nth-child(91) {
- opacity: 0.7071;
- transform: translate(12.4436vw, -10px) scale(0.9064);
- animation: fall-91 26s -14s linear infinite;
- }
- @keyframes fall-91 {
- 74.788% {
- transform: translate(5.9443vw, 74.788vh) scale(0.9064);
- }
- to {
- transform: translate(9.19395vw, 100vh) scale(0.9064);
- }
- }
- .snow:nth-child(92) {
- opacity: 0.086;
- transform: translate(25.3457vw, -10px) scale(0.4386);
- animation: fall-92 25s -20s linear infinite;
- }
- @keyframes fall-92 {
- 64.369% {
- transform: translate(31.1775vw, 64.369vh) scale(0.4386);
- }
- to {
- transform: translate(28.2616vw, 100vh) scale(0.4386);
- }
- }
- .snow:nth-child(93) {
- opacity: 0.0713;
- transform: translate(85.3291vw, -10px) scale(0.5204);
- animation: fall-93 25s -12s linear infinite;
- }
- @keyframes fall-93 {
- 40.199% {
- transform: translate(78.1683vw, 40.199vh) scale(0.5204);
- }
- to {
- transform: translate(81.7487vw, 100vh) scale(0.5204);
- }
- }
- .snow:nth-child(94) {
- opacity: 0.0017;
- transform: translate(45.784vw, -10px) scale(0.967);
- animation: fall-94 26s -23s linear infinite;
- }
- @keyframes fall-94 {
- 77.936% {
- transform: translate(53.6839vw, 77.936vh) scale(0.967);
- }
- to {
- transform: translate(49.73395vw, 100vh) scale(0.967);
- }
- }
- .snow:nth-child(95) {
- opacity: 0.9168;
- transform: translate(39.539vw, -10px) scale(0.468);
- animation: fall-95 17s -22s linear infinite;
- }
- @keyframes fall-95 {
- 79.925% {
- transform: translate(36.1063vw, 79.925vh) scale(0.468);
- }
- to {
- transform: translate(37.82265vw, 100vh) scale(0.468);
- }
- }
- .snow:nth-child(96) {
- opacity: 0.5519;
- transform: translate(39.5805vw, -10px) scale(0.9906);
- animation: fall-96 19s -21s linear infinite;
- }
- @keyframes fall-96 {
- 32.747% {
- transform: translate(34.7493vw, 32.747vh) scale(0.9906);
- }
- to {
- transform: translate(37.1649vw, 100vh) scale(0.9906);
- }
- }
- .snow:nth-child(97) {
- opacity: 0.0908;
- transform: translate(45.2045vw, -10px) scale(0.5588);
- animation: fall-97 24s -11s linear infinite;
- }
- @keyframes fall-97 {
- 34.353% {
- transform: translate(50.5231vw, 34.353vh) scale(0.5588);
- }
- to {
- transform: translate(47.8638vw, 100vh) scale(0.5588);
- }
- }
- .snow:nth-child(98) {
- opacity: 0.4929;
- transform: translate(17.2518vw, -10px) scale(0.4983);
- animation: fall-98 18s -2s linear infinite;
- }
- @keyframes fall-98 {
- 49.65% {
- transform: translate(22.4986vw, 49.65vh) scale(0.4983);
- }
- to {
- transform: translate(19.8752vw, 100vh) scale(0.4983);
- }
- }
- .snow:nth-child(99) {
- opacity: 0.5967;
- transform: translate(31.1031vw, -10px) scale(0.4658);
- animation: fall-99 10s -3s linear infinite;
- }
- @keyframes fall-99 {
- 58.273% {
- transform: translate(32.405vw, 58.273vh) scale(0.4658);
- }
- to {
- transform: translate(31.75405vw, 100vh) scale(0.4658);
- }
- }
- .snow:nth-child(100) {
- opacity: 0.0731;
- transform: translate(10.3613vw, -10px) scale(0.8291);
- animation: fall-100 21s -20s linear infinite;
- }
- @keyframes fall-100 {
- 70.617% {
- transform: translate(7.616vw, 70.617vh) scale(0.8291);
- }
- to {
- transform: translate(8.98865vw, 100vh) scale(0.8291);
- }
- }
- .snow:nth-child(101) {
- opacity: 0.9342;
- transform: translate(28.5281vw, -10px) scale(0.8088);
- animation: fall-101 20s -5s linear infinite;
- }
- @keyframes fall-101 {
- 59.195% {
- transform: translate(37.1735vw, 59.195vh) scale(0.8088);
- }
- to {
- transform: translate(32.8508vw, 100vh) scale(0.8088);
- }
- }
- .snow:nth-child(102) {
- opacity: 0.0625;
- transform: translate(56.1018vw, -10px) scale(0.6944);
- animation: fall-102 28s -7s linear infinite;
- }
- @keyframes fall-102 {
- 76.034% {
- transform: translate(64.015vw, 76.034vh) scale(0.6944);
- }
- to {
- transform: translate(60.0584vw, 100vh) scale(0.6944);
- }
- }
- .snow:nth-child(103) {
- opacity: 0.8892;
- transform: translate(38.9444vw, -10px) scale(0.9967);
- animation: fall-103 29s -29s linear infinite;
- }
- @keyframes fall-103 {
- 62.291% {
- transform: translate(38.8703vw, 62.291vh) scale(0.9967);
- }
- to {
- transform: translate(38.90735vw, 100vh) scale(0.9967);
- }
- }
- .snow:nth-child(104) {
- opacity: 0.1378;
- transform: translate(49.0441vw, -10px) scale(0.4888);
- animation: fall-104 12s -26s linear infinite;
- }
- @keyframes fall-104 {
- 66.152% {
- transform: translate(53.262vw, 66.152vh) scale(0.4888);
- }
- to {
- transform: translate(51.15305vw, 100vh) scale(0.4888);
- }
- }
- .snow:nth-child(105) {
- opacity: 0.049;
- transform: translate(89.5078vw, -10px) scale(0.945);
- animation: fall-105 19s -10s linear infinite;
- }
- @keyframes fall-105 {
- 59.457% {
- transform: translate(97.4693vw, 59.457vh) scale(0.945);
- }
- to {
- transform: translate(93.48855vw, 100vh) scale(0.945);
- }
- }
- .snow:nth-child(106) {
- opacity: 0.204;
- transform: translate(42.3358vw, -10px) scale(0.1008);
- animation: fall-106 29s -18s linear infinite;
- }
- @keyframes fall-106 {
- 51.242% {
- transform: translate(51.2423vw, 51.242vh) scale(0.1008);
- }
- to {
- transform: translate(46.78905vw, 100vh) scale(0.1008);
- }
- }
- .snow:nth-child(107) {
- opacity: 0.6704;
- transform: translate(87.0108vw, -10px) scale(0.6017);
- animation: fall-107 28s -14s linear infinite;
- }
- @keyframes fall-107 {
- 60.883% {
- transform: translate(84.2358vw, 60.883vh) scale(0.6017);
- }
- to {
- transform: translate(85.6233vw, 100vh) scale(0.6017);
- }
- }
- .snow:nth-child(108) {
- opacity: 0.279;
- transform: translate(91.6078vw, -10px) scale(0.2831);
- animation: fall-108 17s -29s linear infinite;
- }
- @keyframes fall-108 {
- 64.475% {
- transform: translate(98.5392vw, 64.475vh) scale(0.2831);
- }
- to {
- transform: translate(95.0735vw, 100vh) scale(0.2831);
- }
- }
- .snow:nth-child(109) {
- opacity: 0.9507;
- transform: translate(45.2718vw, -10px) scale(0.2072);
- animation: fall-109 23s -12s linear infinite;
- }
- @keyframes fall-109 {
- 77.381% {
- transform: translate(43.6907vw, 77.381vh) scale(0.2072);
- }
- to {
- transform: translate(44.48125vw, 100vh) scale(0.2072);
- }
- }
- .snow:nth-child(110) {
- opacity: 0.4599;
- transform: translate(79.6198vw, -10px) scale(0.92);
- animation: fall-110 15s -8s linear infinite;
- }
- @keyframes fall-110 {
- 47.352% {
- transform: translate(73.6292vw, 47.352vh) scale(0.92);
- }
- to {
- transform: translate(76.6245vw, 100vh) scale(0.92);
- }
- }
- .snow:nth-child(111) {
- opacity: 0.0431;
- transform: translate(81.8656vw, -10px) scale(0.8391);
- animation: fall-111 18s -29s linear infinite;
- }
- @keyframes fall-111 {
- 34.047% {
- transform: translate(85.4128vw, 34.047vh) scale(0.8391);
- }
- to {
- transform: translate(83.6392vw, 100vh) scale(0.8391);
- }
- }
- .snow:nth-child(112) {
- opacity: 0.0481;
- transform: translate(62.0713vw, -10px) scale(0.2228);
- animation: fall-112 24s -25s linear infinite;
- }
- @keyframes fall-112 {
- 44.31% {
- transform: translate(66.2685vw, 44.31vh) scale(0.2228);
- }
- to {
- transform: translate(64.1699vw, 100vh) scale(0.2228);
- }
- }
- .snow:nth-child(113) {
- opacity: 0.5536;
- transform: translate(81.6835vw, -10px) scale(0.514);
- animation: fall-113 16s -15s linear infinite;
- }
- @keyframes fall-113 {
- 32.334% {
- transform: translate(74.3543vw, 32.334vh) scale(0.514);
- }
- to {
- transform: translate(78.0189vw, 100vh) scale(0.514);
- }
- }
- .snow:nth-child(114) {
- opacity: 0.8191;
- transform: translate(80.3031vw, -10px) scale(0.7453);
- animation: fall-114 26s -13s linear infinite;
- }
- @keyframes fall-114 {
- 38.55% {
- transform: translate(80.3418vw, 38.55vh) scale(0.7453);
- }
- to {
- transform: translate(80.32245vw, 100vh) scale(0.7453);
- }
- }
- .snow:nth-child(115) {
- opacity: 0.4905;
- transform: translate(18.6114vw, -10px) scale(0.4418);
- animation: fall-115 21s -6s linear infinite;
- }
- @keyframes fall-115 {
- 50.877% {
- transform: translate(18.0109vw, 50.877vh) scale(0.4418);
- }
- to {
- transform: translate(18.31115vw, 100vh) scale(0.4418);
- }
- }
- .snow:nth-child(116) {
- opacity: 0.5313;
- transform: translate(54.5359vw, -10px) scale(0.0436);
- animation: fall-116 22s -10s linear infinite;
- }
- @keyframes fall-116 {
- 51.987% {
- transform: translate(63.1157vw, 51.987vh) scale(0.0436);
- }
- to {
- transform: translate(58.8258vw, 100vh) scale(0.0436);
- }
- }
- .snow:nth-child(117) {
- opacity: 0.2215;
- transform: translate(85.6533vw, -10px) scale(0.9973);
- animation: fall-117 26s -25s linear infinite;
- }
- @keyframes fall-117 {
- 33.255% {
- transform: translate(90.8359vw, 33.255vh) scale(0.9973);
- }
- to {
- transform: translate(88.2446vw, 100vh) scale(0.9973);
- }
- }
- .snow:nth-child(118) {
- opacity: 0.8913;
- transform: translate(22.2349vw, -10px) scale(0.0769);
- animation: fall-118 10s -27s linear infinite;
- }
- @keyframes fall-118 {
- 79.892% {
- transform: translate(26.2342vw, 79.892vh) scale(0.0769);
- }
- to {
- transform: translate(24.23455vw, 100vh) scale(0.0769);
- }
- }
- .snow:nth-child(119) {
- opacity: 0.1868;
- transform: translate(68.7861vw, -10px) scale(0.1809);
- animation: fall-119 24s -12s linear infinite;
- }
- @keyframes fall-119 {
- 58.546% {
- transform: translate(76.8856vw, 58.546vh) scale(0.1809);
- }
- to {
- transform: translate(72.83585vw, 100vh) scale(0.1809);
- }
- }
- .snow:nth-child(120) {
- opacity: 0.941;
- transform: translate(59.94vw, -10px) scale(0.169);
- animation: fall-120 12s -30s linear infinite;
- }
- @keyframes fall-120 {
- 34.422% {
- transform: translate(61.012vw, 34.422vh) scale(0.169);
- }
- to {
- transform: translate(60.476vw, 100vh) scale(0.169);
- }
- }
- .snow:nth-child(121) {
- opacity: 0.8474;
- transform: translate(65.7312vw, -10px) scale(0.8535);
- animation: fall-121 20s -5s linear infinite;
- }
- @keyframes fall-121 {
- 46.777% {
- transform: translate(69.1332vw, 46.777vh) scale(0.8535);
- }
- to {
- transform: translate(67.4322vw, 100vh) scale(0.8535);
- }
- }
- .snow:nth-child(122) {
- opacity: 0.7422;
- transform: translate(26.9659vw, -10px) scale(0.0217);
- animation: fall-122 26s -17s linear infinite;
- }
- @keyframes fall-122 {
- 48.015% {
- transform: translate(19.2142vw, 48.015vh) scale(0.0217);
- }
- to {
- transform: translate(23.09005vw, 100vh) scale(0.0217);
- }
- }
- .snow:nth-child(123) {
- opacity: 0.5858;
- transform: translate(54.4905vw, -10px) scale(0.0461);
- animation: fall-123 15s -1s linear infinite;
- }
- @keyframes fall-123 {
- 61.314% {
- transform: translate(60.7595vw, 61.314vh) scale(0.0461);
- }
- to {
- transform: translate(57.625vw, 100vh) scale(0.0461);
- }
- }
- .snow:nth-child(124) {
- opacity: 0.6445;
- transform: translate(57.6579vw, -10px) scale(0.3483);
- animation: fall-124 15s -26s linear infinite;
- }
- @keyframes fall-124 {
- 44.11% {
- transform: translate(65.5837vw, 44.11vh) scale(0.3483);
- }
- to {
- transform: translate(61.6208vw, 100vh) scale(0.3483);
- }
- }
- .snow:nth-child(125) {
- opacity: 0.7616;
- transform: translate(38.7518vw, -10px) scale(0.2061);
- animation: fall-125 21s -23s linear infinite;
- }
- @keyframes fall-125 {
- 67.569% {
- transform: translate(31.8117vw, 67.569vh) scale(0.2061);
- }
- to {
- transform: translate(35.28175vw, 100vh) scale(0.2061);
- }
- }
- .snow:nth-child(126) {
- opacity: 0.1789;
- transform: translate(86.3333vw, -10px) scale(0.3111);
- animation: fall-126 27s -13s linear infinite;
- }
- @keyframes fall-126 {
- 41.519% {
- transform: translate(77.2029vw, 41.519vh) scale(0.3111);
- }
- to {
- transform: translate(81.7681vw, 100vh) scale(0.3111);
- }
- }
- .snow:nth-child(127) {
- opacity: 0.6838;
- transform: translate(78.3881vw, -10px) scale(0.1268);
- animation: fall-127 21s -19s linear infinite;
- }
- @keyframes fall-127 {
- 71.773% {
- transform: translate(72.9174vw, 71.773vh) scale(0.1268);
- }
- to {
- transform: translate(75.65275vw, 100vh) scale(0.1268);
- }
- }
- .snow:nth-child(128) {
- opacity: 0.9041;
- transform: translate(17.7483vw, -10px) scale(0.5569);
- animation: fall-128 12s -9s linear infinite;
- }
- @keyframes fall-128 {
- 31.924% {
- transform: translate(16.5977vw, 31.924vh) scale(0.5569);
- }
- to {
- transform: translate(17.173vw, 100vh) scale(0.5569);
- }
- }
- .snow:nth-child(129) {
- opacity: 0.6634;
- transform: translate(57.4373vw, -10px) scale(0.9339);
- animation: fall-129 23s -5s linear infinite;
- }
- @keyframes fall-129 {
- 32.009% {
- transform: translate(65.5572vw, 32.009vh) scale(0.9339);
- }
- to {
- transform: translate(61.49725vw, 100vh) scale(0.9339);
- }
- }
- .snow:nth-child(130) {
- opacity: 0.1246;
- transform: translate(26.0212vw, -10px) scale(0.825);
- animation: fall-130 21s -21s linear infinite;
- }
- @keyframes fall-130 {
- 36.999% {
- transform: translate(22.9298vw, 36.999vh) scale(0.825);
- }
- to {
- transform: translate(24.4755vw, 100vh) scale(0.825);
- }
- }
- .snow:nth-child(131) {
- opacity: 0.6479;
- transform: translate(25.2175vw, -10px) scale(0.1022);
- animation: fall-131 27s -14s linear infinite;
- }
- @keyframes fall-131 {
- 47.777% {
- transform: translate(18.4635vw, 47.777vh) scale(0.1022);
- }
- to {
- transform: translate(21.8405vw, 100vh) scale(0.1022);
- }
- }
- .snow:nth-child(132) {
- opacity: 0.0396;
- transform: translate(97.8189vw, -10px) scale(0.1923);
- animation: fall-132 12s -27s linear infinite;
- }
- @keyframes fall-132 {
- 68.606% {
- transform: translate(107.3999vw, 68.606vh) scale(0.1923);
- }
- to {
- transform: translate(102.6094vw, 100vh) scale(0.1923);
- }
- }
- .snow:nth-child(133) {
- opacity: 0.6536;
- transform: translate(11.3313vw, -10px) scale(0.6733);
- animation: fall-133 22s -2s linear infinite;
- }
- @keyframes fall-133 {
- 60.622% {
- transform: translate(4.2459vw, 60.622vh) scale(0.6733);
- }
- to {
- transform: translate(7.7886vw, 100vh) scale(0.6733);
- }
- }
- .snow:nth-child(134) {
- opacity: 0.5135;
- transform: translate(3.7981vw, -10px) scale(0.0321);
- animation: fall-134 21s -22s linear infinite;
- }
- @keyframes fall-134 {
- 59.466% {
- transform: translate(4.6335vw, 59.466vh) scale(0.0321);
- }
- to {
- transform: translate(4.2158vw, 100vh) scale(0.0321);
- }
- }
- .snow:nth-child(135) {
- opacity: 0.6784;
- transform: translate(13.0449vw, -10px) scale(0.4374);
- animation: fall-135 14s -21s linear infinite;
- }
- @keyframes fall-135 {
- 48.365% {
- transform: translate(17.2579vw, 48.365vh) scale(0.4374);
- }
- to {
- transform: translate(15.1514vw, 100vh) scale(0.4374);
- }
- }
- .snow:nth-child(136) {
- opacity: 0.4405;
- transform: translate(63.8714vw, -10px) scale(0.6709);
- animation: fall-136 23s -26s linear infinite;
- }
- @keyframes fall-136 {
- 68.79% {
- transform: translate(64.1143vw, 68.79vh) scale(0.6709);
- }
- to {
- transform: translate(63.99285vw, 100vh) scale(0.6709);
- }
- }
- .snow:nth-child(137) {
- opacity: 0.5337;
- transform: translate(40.2146vw, -10px) scale(0.2213);
- animation: fall-137 28s -2s linear infinite;
- }
- @keyframes fall-137 {
- 45.37% {
- transform: translate(49.8949vw, 45.37vh) scale(0.2213);
- }
- to {
- transform: translate(45.05475vw, 100vh) scale(0.2213);
- }
- }
- .snow:nth-child(138) {
- opacity: 0.7866;
- transform: translate(63.8273vw, -10px) scale(0.4227);
- animation: fall-138 17s -9s linear infinite;
- }
- @keyframes fall-138 {
- 54.312% {
- transform: translate(71.8296vw, 54.312vh) scale(0.4227);
- }
- to {
- transform: translate(67.82845vw, 100vh) scale(0.4227);
- }
- }
- .snow:nth-child(139) {
- opacity: 0.2753;
- transform: translate(18.2819vw, -10px) scale(0.92);
- animation: fall-139 28s -16s linear infinite;
- }
- @keyframes fall-139 {
- 33.771% {
- transform: translate(13.3644vw, 33.771vh) scale(0.92);
- }
- to {
- transform: translate(15.82315vw, 100vh) scale(0.92);
- }
- }
- .snow:nth-child(140) {
- opacity: 0.7764;
- transform: translate(17.661vw, -10px) scale(0.4192);
- animation: fall-140 29s -25s linear infinite;
- }
- @keyframes fall-140 {
- 61.717% {
- transform: translate(27.5572vw, 61.717vh) scale(0.4192);
- }
- to {
- transform: translate(22.6091vw, 100vh) scale(0.4192);
- }
- }
- .snow:nth-child(141) {
- opacity: 0.1499;
- transform: translate(8.7526vw, -10px) scale(0.6904);
- animation: fall-141 17s -3s linear infinite;
- }
- @keyframes fall-141 {
- 77.043% {
- transform: translate(2.7925vw, 77.043vh) scale(0.6904);
- }
- to {
- transform: translate(5.77255vw, 100vh) scale(0.6904);
- }
- }
- .snow:nth-child(142) {
- opacity: 0.7986;
- transform: translate(71.0636vw, -10px) scale(0.1011);
- animation: fall-142 20s -14s linear infinite;
- }
- @keyframes fall-142 {
- 46.692% {
- transform: translate(80.1621vw, 46.692vh) scale(0.1011);
- }
- to {
- transform: translate(75.61285vw, 100vh) scale(0.1011);
- }
- }
- .snow:nth-child(143) {
- opacity: 0.5114;
- transform: translate(88.2738vw, -10px) scale(0.3409);
- animation: fall-143 11s -4s linear infinite;
- }
- @keyframes fall-143 {
- 48.815% {
- transform: translate(96.0895vw, 48.815vh) scale(0.3409);
- }
- to {
- transform: translate(92.18165vw, 100vh) scale(0.3409);
- }
- }
- .snow:nth-child(144) {
- opacity: 0.4953;
- transform: translate(49.5557vw, -10px) scale(0.0035);
- animation: fall-144 12s -25s linear infinite;
- }
- @keyframes fall-144 {
- 40.703% {
- transform: translate(53.4062vw, 40.703vh) scale(0.0035);
- }
- to {
- transform: translate(51.48095vw, 100vh) scale(0.0035);
- }
- }
- .snow:nth-child(145) {
- opacity: 0.0595;
- transform: translate(81.5397vw, -10px) scale(0.3356);
- animation: fall-145 18s -6s linear infinite;
- }
- @keyframes fall-145 {
- 71.837% {
- transform: translate(81.3174vw, 71.837vh) scale(0.3356);
- }
- to {
- transform: translate(81.42855vw, 100vh) scale(0.3356);
- }
- }
- .snow:nth-child(146) {
- opacity: 0.2538;
- transform: translate(20.4819vw, -10px) scale(0.0539);
- animation: fall-146 10s -6s linear infinite;
- }
- @keyframes fall-146 {
- 58.523% {
- transform: translate(14.6356vw, 58.523vh) scale(0.0539);
- }
- to {
- transform: translate(17.55875vw, 100vh) scale(0.0539);
- }
- }
- .snow:nth-child(147) {
- opacity: 0.0011;
- transform: translate(33.2311vw, -10px) scale(0.5123);
- animation: fall-147 22s -19s linear infinite;
- }
- @keyframes fall-147 {
- 31.034% {
- transform: translate(37.0653vw, 31.034vh) scale(0.5123);
- }
- to {
- transform: translate(35.1482vw, 100vh) scale(0.5123);
- }
- }
- .snow:nth-child(148) {
- opacity: 0.9681;
- transform: translate(70.8566vw, -10px) scale(0.7639);
- animation: fall-148 11s -21s linear infinite;
- }
- @keyframes fall-148 {
- 78.762% {
- transform: translate(78.7168vw, 78.762vh) scale(0.7639);
- }
- to {
- transform: translate(74.7867vw, 100vh) scale(0.7639);
- }
- }
- .snow:nth-child(149) {
- opacity: 0.9747;
- transform: translate(0.2087vw, -10px) scale(0.9354);
- animation: fall-149 15s -28s linear infinite;
- }
- @keyframes fall-149 {
- 52.264% {
- transform: translate(7.4444vw, 52.264vh) scale(0.9354);
- }
- to {
- transform: translate(3.82655vw, 100vh) scale(0.9354);
- }
- }
- .snow:nth-child(150) {
- opacity: 0.0734;
- transform: translate(97.2549vw, -10px) scale(0.0145);
- animation: fall-150 17s -13s linear infinite;
- }
- @keyframes fall-150 {
- 74.386% {
- transform: translate(98.1449vw, 74.386vh) scale(0.0145);
- }
- to {
- transform: translate(97.6999vw, 100vh) scale(0.0145);
- }
- }
- .snow:nth-child(151) {
- opacity: 0.1667;
- transform: translate(69.1473vw, -10px) scale(0.1315);
- animation: fall-151 14s -28s linear infinite;
- }
- @keyframes fall-151 {
- 72.001% {
- transform: translate(67.2904vw, 72.001vh) scale(0.1315);
- }
- to {
- transform: translate(68.21885vw, 100vh) scale(0.1315);
- }
- }
- .snow:nth-child(152) {
- opacity: 0.4688;
- transform: translate(79.5199vw, -10px) scale(0.5085);
- animation: fall-152 11s -12s linear infinite;
- }
- @keyframes fall-152 {
- 69.891% {
- transform: translate(73.8467vw, 69.891vh) scale(0.5085);
- }
- to {
- transform: translate(76.6833vw, 100vh) scale(0.5085);
- }
- }
- .snow:nth-child(153) {
- opacity: 0.6456;
- transform: translate(87.6732vw, -10px) scale(0.287);
- animation: fall-153 14s -29s linear infinite;
- }
- @keyframes fall-153 {
- 43.524% {
- transform: translate(90.7362vw, 43.524vh) scale(0.287);
- }
- to {
- transform: translate(89.2047vw, 100vh) scale(0.287);
- }
- }
- .snow:nth-child(154) {
- opacity: 0.3249;
- transform: translate(0.4903vw, -10px) scale(0.6775);
- animation: fall-154 21s -10s linear infinite;
- }
- @keyframes fall-154 {
- 45.857% {
- transform: translate(-1.16vw, 45.857vh) scale(0.6775);
- }
- to {
- transform: translate(-0.33485vw, 100vh) scale(0.6775);
- }
- }
- .snow:nth-child(155) {
- opacity: 0.7809;
- transform: translate(59.0919vw, -10px) scale(0.1727);
- animation: fall-155 12s -3s linear infinite;
- }
- @keyframes fall-155 {
- 74.127% {
- transform: translate(59.6661vw, 74.127vh) scale(0.1727);
- }
- to {
- transform: translate(59.379vw, 100vh) scale(0.1727);
- }
- }
- .snow:nth-child(156) {
- opacity: 0.7598;
- transform: translate(63.0875vw, -10px) scale(0.6706);
- animation: fall-156 19s -21s linear infinite;
- }
- @keyframes fall-156 {
- 67.607% {
- transform: translate(57.8784vw, 67.607vh) scale(0.6706);
- }
- to {
- transform: translate(60.48295vw, 100vh) scale(0.6706);
- }
- }
- .snow:nth-child(157) {
- opacity: 0.1138;
- transform: translate(45.6392vw, -10px) scale(0.1566);
- animation: fall-157 25s -16s linear infinite;
- }
- @keyframes fall-157 {
- 58.682% {
- transform: translate(50.7326vw, 58.682vh) scale(0.1566);
- }
- to {
- transform: translate(48.1859vw, 100vh) scale(0.1566);
- }
- }
- .snow:nth-child(158) {
- opacity: 0.3999;
- transform: translate(17.8968vw, -10px) scale(0.2148);
- animation: fall-158 23s -11s linear infinite;
- }
- @keyframes fall-158 {
- 38.134% {
- transform: translate(13.8748vw, 38.134vh) scale(0.2148);
- }
- to {
- transform: translate(15.8858vw, 100vh) scale(0.2148);
- }
- }
- .snow:nth-child(159) {
- opacity: 0.3571;
- transform: translate(57.5165vw, -10px) scale(0.785);
- animation: fall-159 20s -23s linear infinite;
- }
- @keyframes fall-159 {
- 37.044% {
- transform: translate(53.8108vw, 37.044vh) scale(0.785);
- }
- to {
- transform: translate(55.66365vw, 100vh) scale(0.785);
- }
- }
- .snow:nth-child(160) {
- opacity: 0.34;
- transform: translate(83.021vw, -10px) scale(0.0311);
- animation: fall-160 23s -27s linear infinite;
- }
- @keyframes fall-160 {
- 47.603% {
- transform: translate(90.6912vw, 47.603vh) scale(0.0311);
- }
- to {
- transform: translate(86.8561vw, 100vh) scale(0.0311);
- }
- }
- .snow:nth-child(161) {
- opacity: 0.6069;
- transform: translate(72.148vw, -10px) scale(0.6118);
- animation: fall-161 30s -30s linear infinite;
- }
- @keyframes fall-161 {
- 69.169% {
- transform: translate(65.32vw, 69.169vh) scale(0.6118);
- }
- to {
- transform: translate(68.734vw, 100vh) scale(0.6118);
- }
- }
- .snow:nth-child(162) {
- opacity: 0.5302;
- transform: translate(86.4584vw, -10px) scale(0.8339);
- animation: fall-162 29s -24s linear infinite;
- }
- @keyframes fall-162 {
- 55.386% {
- transform: translate(91.7375vw, 55.386vh) scale(0.8339);
- }
- to {
- transform: translate(89.09795vw, 100vh) scale(0.8339);
- }
- }
- .snow:nth-child(163) {
- opacity: 0.5576;
- transform: translate(64.0228vw, -10px) scale(0.5609);
- animation: fall-163 26s -26s linear infinite;
- }
- @keyframes fall-163 {
- 39.918% {
- transform: translate(60.8411vw, 39.918vh) scale(0.5609);
- }
- to {
- transform: translate(62.43195vw, 100vh) scale(0.5609);
- }
- }
- .snow:nth-child(164) {
- opacity: 0.7131;
- transform: translate(62.4603vw, -10px) scale(0.9494);
- animation: fall-164 11s -25s linear infinite;
- }
- @keyframes fall-164 {
- 52.319% {
- transform: translate(59.2159vw, 52.319vh) scale(0.9494);
- }
- to {
- transform: translate(60.8381vw, 100vh) scale(0.9494);
- }
- }
- .snow:nth-child(165) {
- opacity: 0.8018;
- transform: translate(54.3785vw, -10px) scale(0.9738);
- animation: fall-165 16s -11s linear infinite;
- }
- @keyframes fall-165 {
- 44.671% {
- transform: translate(48.8185vw, 44.671vh) scale(0.9738);
- }
- to {
- transform: translate(51.5985vw, 100vh) scale(0.9738);
- }
- }
- .snow:nth-child(166) {
- opacity: 0.0168;
- transform: translate(46.8169vw, -10px) scale(0.0731);
- animation: fall-166 29s -20s linear infinite;
- }
- @keyframes fall-166 {
- 48.081% {
- transform: translate(51.2837vw, 48.081vh) scale(0.0731);
- }
- to {
- transform: translate(49.0503vw, 100vh) scale(0.0731);
- }
- }
- .snow:nth-child(167) {
- opacity: 0.4867;
- transform: translate(28.2576vw, -10px) scale(0.5594);
- animation: fall-167 28s -16s linear infinite;
- }
- @keyframes fall-167 {
- 38.036% {
- transform: translate(34.8044vw, 38.036vh) scale(0.5594);
- }
- to {
- transform: translate(31.531vw, 100vh) scale(0.5594);
- }
- }
- .snow:nth-child(168) {
- opacity: 0.3795;
- transform: translate(19.0564vw, -10px) scale(0.785);
- animation: fall-168 24s -29s linear infinite;
- }
- @keyframes fall-168 {
- 40.976% {
- transform: translate(9.0631vw, 40.976vh) scale(0.785);
- }
- to {
- transform: translate(14.05975vw, 100vh) scale(0.785);
- }
- }
- .snow:nth-child(169) {
- opacity: 0.6649;
- transform: translate(66.2854vw, -10px) scale(0.702);
- animation: fall-169 20s -30s linear infinite;
- }
- @keyframes fall-169 {
- 60.958% {
- transform: translate(60.6262vw, 60.958vh) scale(0.702);
- }
- to {
- transform: translate(63.4558vw, 100vh) scale(0.702);
- }
- }
- .snow:nth-child(170) {
- opacity: 0.9357;
- transform: translate(2.359vw, -10px) scale(0.2201);
- animation: fall-170 22s -2s linear infinite;
- }
- @keyframes fall-170 {
- 71.547% {
- transform: translate(7.817vw, 71.547vh) scale(0.2201);
- }
- to {
- transform: translate(5.088vw, 100vh) scale(0.2201);
- }
- }
- .snow:nth-child(171) {
- opacity: 0.8787;
- transform: translate(44.5651vw, -10px) scale(0.9157);
- animation: fall-171 19s -23s linear infinite;
- }
- @keyframes fall-171 {
- 78.704% {
- transform: translate(41.818vw, 78.704vh) scale(0.9157);
- }
- to {
- transform: translate(43.19155vw, 100vh) scale(0.9157);
- }
- }
- .snow:nth-child(172) {
- opacity: 0.3067;
- transform: translate(50.4552vw, -10px) scale(0.3285);
- animation: fall-172 16s -8s linear infinite;
- }
- @keyframes fall-172 {
- 50.601% {
- transform: translate(57.8525vw, 50.601vh) scale(0.3285);
- }
- to {
- transform: translate(54.15385vw, 100vh) scale(0.3285);
- }
- }
- .snow:nth-child(173) {
- opacity: 0.0788;
- transform: translate(54.1788vw, -10px) scale(0.548);
- animation: fall-173 27s -9s linear infinite;
- }
- @keyframes fall-173 {
- 32.132% {
- transform: translate(62.5138vw, 32.132vh) scale(0.548);
- }
- to {
- transform: translate(58.3463vw, 100vh) scale(0.548);
- }
- }
- .snow:nth-child(174) {
- opacity: 0.1752;
- transform: translate(49.8664vw, -10px) scale(0.1884);
- animation: fall-174 28s -15s linear infinite;
- }
- @keyframes fall-174 {
- 30.414% {
- transform: translate(45.3021vw, 30.414vh) scale(0.1884);
- }
- to {
- transform: translate(47.58425vw, 100vh) scale(0.1884);
- }
- }
- .snow:nth-child(175) {
- opacity: 0.1877;
- transform: translate(89.4766vw, -10px) scale(0.8436);
- animation: fall-175 11s -25s linear infinite;
- }
- @keyframes fall-175 {
- 65.119% {
- transform: translate(85.3725vw, 65.119vh) scale(0.8436);
- }
- to {
- transform: translate(87.42455vw, 100vh) scale(0.8436);
- }
- }
- .snow:nth-child(176) {
- opacity: 0.446;
- transform: translate(6.0538vw, -10px) scale(0.6219);
- animation: fall-176 17s -18s linear infinite;
- }
- @keyframes fall-176 {
- 45.653% {
- transform: translate(5.7587vw, 45.653vh) scale(0.6219);
- }
- to {
- transform: translate(5.90625vw, 100vh) scale(0.6219);
- }
- }
- .snow:nth-child(177) {
- opacity: 0.2021;
- transform: translate(18.3091vw, -10px) scale(0.4211);
- animation: fall-177 11s -23s linear infinite;
- }
- @keyframes fall-177 {
- 68.834% {
- transform: translate(25.6933vw, 68.834vh) scale(0.4211);
- }
- to {
- transform: translate(22.0012vw, 100vh) scale(0.4211);
- }
- }
- .snow:nth-child(178) {
- opacity: 0.5821;
- transform: translate(65.4161vw, -10px) scale(0.2739);
- animation: fall-178 14s -15s linear infinite;
- }
- @keyframes fall-178 {
- 60.366% {
- transform: translate(60.1645vw, 60.366vh) scale(0.2739);
- }
- to {
- transform: translate(62.7903vw, 100vh) scale(0.2739);
- }
- }
- .snow:nth-child(179) {
- opacity: 0.8279;
- transform: translate(29.4407vw, -10px) scale(0.5334);
- animation: fall-179 17s -12s linear infinite;
- }
- @keyframes fall-179 {
- 71.564% {
- transform: translate(26.1167vw, 71.564vh) scale(0.5334);
- }
- to {
- transform: translate(27.7787vw, 100vh) scale(0.5334);
- }
- }
- .snow:nth-child(180) {
- opacity: 0.0204;
- transform: translate(25.7804vw, -10px) scale(0.7016);
- animation: fall-180 22s -14s linear infinite;
- }
- @keyframes fall-180 {
- 40.885% {
- transform: translate(20.6137vw, 40.885vh) scale(0.7016);
- }
- to {
- transform: translate(23.19705vw, 100vh) scale(0.7016);
- }
- }
- .snow:nth-child(181) {
- opacity: 0.1831;
- transform: translate(7.1365vw, -10px) scale(0.9985);
- animation: fall-181 21s -27s linear infinite;
- }
- @keyframes fall-181 {
- 55.365% {
- transform: translate(14.7756vw, 55.365vh) scale(0.9985);
- }
- to {
- transform: translate(10.95605vw, 100vh) scale(0.9985);
- }
- }
- .snow:nth-child(182) {
- opacity: 0.8723;
- transform: translate(76.7231vw, -10px) scale(0.6305);
- animation: fall-182 19s -5s linear infinite;
- }
- @keyframes fall-182 {
- 56.588% {
- transform: translate(68.5668vw, 56.588vh) scale(0.6305);
- }
- to {
- transform: translate(72.64495vw, 100vh) scale(0.6305);
- }
- }
- .snow:nth-child(183) {
- opacity: 0.6435;
- transform: translate(52.6853vw, -10px) scale(0.4423);
- animation: fall-183 14s -30s linear infinite;
- }
- @keyframes fall-183 {
- 70.978% {
- transform: translate(61.8426vw, 70.978vh) scale(0.4423);
- }
- to {
- transform: translate(57.26395vw, 100vh) scale(0.4423);
- }
- }
- .snow:nth-child(184) {
- opacity: 0.2328;
- transform: translate(62.4497vw, -10px) scale(0.6863);
- animation: fall-184 23s -9s linear infinite;
- }
- @keyframes fall-184 {
- 61.8% {
- transform: translate(59.139vw, 61.8vh) scale(0.6863);
- }
- to {
- transform: translate(60.79435vw, 100vh) scale(0.6863);
- }
- }
- .snow:nth-child(185) {
- opacity: 0.6361;
- transform: translate(62.6287vw, -10px) scale(0.7121);
- animation: fall-185 16s -7s linear infinite;
- }
- @keyframes fall-185 {
- 50.853% {
- transform: translate(67.6062vw, 50.853vh) scale(0.7121);
- }
- to {
- transform: translate(65.11745vw, 100vh) scale(0.7121);
- }
- }
- .snow:nth-child(186) {
- opacity: 0.3928;
- transform: translate(15.3189vw, -10px) scale(0.1443);
- animation: fall-186 27s -9s linear infinite;
- }
- @keyframes fall-186 {
- 56.956% {
- transform: translate(20.2398vw, 56.956vh) scale(0.1443);
- }
- to {
- transform: translate(17.77935vw, 100vh) scale(0.1443);
- }
- }
- .snow:nth-child(187) {
- opacity: 0.511;
- transform: translate(5.5504vw, -10px) scale(0.0803);
- animation: fall-187 24s -12s linear infinite;
- }
- @keyframes fall-187 {
- 73.231% {
- transform: translate(-2.5997vw, 73.231vh) scale(0.0803);
- }
- to {
- transform: translate(1.47535vw, 100vh) scale(0.0803);
- }
- }
- .snow:nth-child(188) {
- opacity: 0.0611;
- transform: translate(48.7997vw, -10px) scale(0.026);
- animation: fall-188 14s -11s linear infinite;
- }
- @keyframes fall-188 {
- 52.351% {
- transform: translate(39.2366vw, 52.351vh) scale(0.026);
- }
- to {
- transform: translate(44.01815vw, 100vh) scale(0.026);
- }
- }
- .snow:nth-child(189) {
- opacity: 0.3536;
- transform: translate(99.6823vw, -10px) scale(0.8771);
- animation: fall-189 29s -15s linear infinite;
- }
- @keyframes fall-189 {
- 66.393% {
- transform: translate(100.1345vw, 66.393vh) scale(0.8771);
- }
- to {
- transform: translate(99.9084vw, 100vh) scale(0.8771);
- }
- }
- .snow:nth-child(190) {
- opacity: 0.6515;
- transform: translate(35.3713vw, -10px) scale(0.2852);
- animation: fall-190 18s -28s linear infinite;
- }
- @keyframes fall-190 {
- 42.065% {
- transform: translate(35.9109vw, 42.065vh) scale(0.2852);
- }
- to {
- transform: translate(35.6411vw, 100vh) scale(0.2852);
- }
- }
- .snow:nth-child(191) {
- opacity: 0.5456;
- transform: translate(67.257vw, -10px) scale(0.7493);
- animation: fall-191 23s -26s linear infinite;
- }
- @keyframes fall-191 {
- 72.226% {
- transform: translate(60.7048vw, 72.226vh) scale(0.7493);
- }
- to {
- transform: translate(63.9809vw, 100vh) scale(0.7493);
- }
- }
- .snow:nth-child(192) {
- opacity: 0.232;
- transform: translate(26.8362vw, -10px) scale(0.3024);
- animation: fall-192 14s -15s linear infinite;
- }
- @keyframes fall-192 {
- 74.988% {
- transform: translate(34.9625vw, 74.988vh) scale(0.3024);
- }
- to {
- transform: translate(30.89935vw, 100vh) scale(0.3024);
- }
- }
- .snow:nth-child(193) {
- opacity: 0.5422;
- transform: translate(16.1737vw, -10px) scale(0.5744);
- animation: fall-193 12s -9s linear infinite;
- }
- @keyframes fall-193 {
- 58.238% {
- transform: translate(18.3299vw, 58.238vh) scale(0.5744);
- }
- to {
- transform: translate(17.2518vw, 100vh) scale(0.5744);
- }
- }
- .snow:nth-child(194) {
- opacity: 0.6577;
- transform: translate(61.6083vw, -10px) scale(0.6099);
- animation: fall-194 29s -3s linear infinite;
- }
- @keyframes fall-194 {
- 65.576% {
- transform: translate(67.3733vw, 65.576vh) scale(0.6099);
- }
- to {
- transform: translate(64.4908vw, 100vh) scale(0.6099);
- }
- }
- .snow:nth-child(195) {
- opacity: 0.1769;
- transform: translate(84.2417vw, -10px) scale(0.0415);
- animation: fall-195 28s -4s linear infinite;
- }
- @keyframes fall-195 {
- 39.514% {
- transform: translate(78.7036vw, 39.514vh) scale(0.0415);
- }
- to {
- transform: translate(81.47265vw, 100vh) scale(0.0415);
- }
- }
- .snow:nth-child(196) {
- opacity: 0.839;
- transform: translate(75.3613vw, -10px) scale(0.1249);
- animation: fall-196 10s -9s linear infinite;
- }
- @keyframes fall-196 {
- 48.647% {
- transform: translate(73.1143vw, 48.647vh) scale(0.1249);
- }
- to {
- transform: translate(74.2378vw, 100vh) scale(0.1249);
- }
- }
- .snow:nth-child(197) {
- opacity: 0.823;
- transform: translate(32.5003vw, -10px) scale(0.477);
- animation: fall-197 16s -17s linear infinite;
- }
- @keyframes fall-197 {
- 34.207% {
- transform: translate(28.555vw, 34.207vh) scale(0.477);
- }
- to {
- transform: translate(30.52765vw, 100vh) scale(0.477);
- }
- }
- .snow:nth-child(198) {
- opacity: 0.6328;
- transform: translate(88.1302vw, -10px) scale(0.6774);
- animation: fall-198 16s -2s linear infinite;
- }
- @keyframes fall-198 {
- 74.151% {
- transform: translate(88.3144vw, 74.151vh) scale(0.6774);
- }
- to {
- transform: translate(88.2223vw, 100vh) scale(0.6774);
- }
- }
- .snow:nth-child(199) {
- opacity: 0.4042;
- transform: translate(78.7222vw, -10px) scale(0.1347);
- animation: fall-199 23s -2s linear infinite;
- }
- @keyframes fall-199 {
- 70.714% {
- transform: translate(71.4496vw, 70.714vh) scale(0.1347);
- }
- to {
- transform: translate(75.0859vw, 100vh) scale(0.1347);
- }
- }
- .snow:nth-child(200) {
- opacity: 0.6894;
- transform: translate(95.9043vw, -10px) scale(0.6115);
- animation: fall-200 12s -9s linear infinite;
- }
- @keyframes fall-200 {
- 59.195% {
- transform: translate(91.2772vw, 59.195vh) scale(0.6115);
- }
- to {
- transform: translate(93.59075vw, 100vh) scale(0.6115);
- }
- }
Add Comment
Please, Sign In to add comment