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.5598;
  transform: translate(62.3731vw, -10px) scale(0.3246);
  animation: fall-1 19s -8s linear infinite;
}

@keyframes fall-1 {
  31.803% {
    transform: translate(56.0764vw, 31.803vh) scale(0.3246);
  }

  to {
    transform: translate(59.22475vw, 100vh) scale(0.3246);
  }
}

.snow:nth-child(2) {
  opacity: 0.5215;
  transform: translate(2.664vw, -10px) scale(0.7742);
  animation: fall-2 18s -14s linear infinite;
}

@keyframes fall-2 {
  75.868% {
    transform: translate(5.8688vw, 75.868vh) scale(0.7742);
  }

  to {
    transform: translate(4.2664vw, 100vh) scale(0.7742);
  }
}

.snow:nth-child(3) {
  opacity: 0.5509;
  transform: translate(89.7753vw, -10px) scale(0.7099);
  animation: fall-3 11s -12s linear infinite;
}

@keyframes fall-3 {
  74.117% {
    transform: translate(83.3478vw, 74.117vh) scale(0.7099);
  }

  to {
    transform: translate(86.56155vw, 100vh) scale(0.7099);
  }
}

.snow:nth-child(4) {
  opacity: 0.6645;
  transform: translate(75.2487vw, -10px) scale(0.924);
  animation: fall-4 18s -17s linear infinite;
}

@keyframes fall-4 {
  71.397% {
    transform: translate(74.1583vw, 71.397vh) scale(0.924);
  }

  to {
    transform: translate(74.7035vw, 100vh) scale(0.924);
  }
}

.snow:nth-child(5) {
  opacity: 0.6967;
  transform: translate(5.0385vw, -10px) scale(0.9946);
  animation: fall-5 18s -20s linear infinite;
}

@keyframes fall-5 {
  75.682% {
    transform: translate(-1.7879vw, 75.682vh) scale(0.9946);
  }

  to {
    transform: translate(1.6253vw, 100vh) scale(0.9946);
  }
}

.snow:nth-child(6) {
  opacity: 0.5042;
  transform: translate(2.2822vw, -10px) scale(0.6498);
  animation: fall-6 25s -23s linear infinite;
}

@keyframes fall-6 {
  55.434% {
    transform: translate(-4.4529vw, 55.434vh) scale(0.6498);
  }

  to {
    transform: translate(-1.08535vw, 100vh) scale(0.6498);
  }
}

.snow:nth-child(7) {
  opacity: 0.5736;
  transform: translate(50.7489vw, -10px) scale(0.8419);
  animation: fall-7 13s -6s linear infinite;
}

@keyframes fall-7 {
  50.91% {
    transform: translate(45.2177vw, 50.91vh) scale(0.8419);
  }

  to {
    transform: translate(47.9833vw, 100vh) scale(0.8419);
  }
}

.snow:nth-child(8) {
  opacity: 0.4477;
  transform: translate(16.6163vw, -10px) scale(0.264);
  animation: fall-8 12s -14s linear infinite;
}

@keyframes fall-8 {
  35.135% {
    transform: translate(12.7575vw, 35.135vh) scale(0.264);
  }

  to {
    transform: translate(14.6869vw, 100vh) scale(0.264);
  }
}

.snow:nth-child(9) {
  opacity: 0.3644;
  transform: translate(64.1268vw, -10px) scale(0.0852);
  animation: fall-9 18s -29s linear infinite;
}

@keyframes fall-9 {
  55.862% {
    transform: translate(67.5202vw, 55.862vh) scale(0.0852);
  }

  to {
    transform: translate(65.8235vw, 100vh) scale(0.0852);
  }
}

.snow:nth-child(10) {
  opacity: 0.6989;
  transform: translate(31.7237vw, -10px) scale(0.7646);
  animation: fall-10 17s -22s linear infinite;
}

@keyframes fall-10 {
  37.736% {
    transform: translate(23.9865vw, 37.736vh) scale(0.7646);
  }

  to {
    transform: translate(27.8551vw, 100vh) scale(0.7646);
  }
}

.snow:nth-child(11) {
  opacity: 0.615;
  transform: translate(63.4198vw, -10px) scale(0.3381);
  animation: fall-11 26s -13s linear infinite;
}

@keyframes fall-11 {
  72.716% {
    transform: translate(72.0897vw, 72.716vh) scale(0.3381);
  }

  to {
    transform: translate(67.75475vw, 100vh) scale(0.3381);
  }
}

.snow:nth-child(12) {
  opacity: 0.5906;
  transform: translate(97.5016vw, -10px) scale(0.0973);
  animation: fall-12 11s -22s linear infinite;
}

@keyframes fall-12 {
  66.588% {
    transform: translate(100.7656vw, 66.588vh) scale(0.0973);
  }

  to {
    transform: translate(99.1336vw, 100vh) scale(0.0973);
  }
}

.snow:nth-child(13) {
  opacity: 0.1917;
  transform: translate(36.9046vw, -10px) scale(0.4781);
  animation: fall-13 16s -25s linear infinite;
}

@keyframes fall-13 {
  61.992% {
    transform: translate(31.6655vw, 61.992vh) scale(0.4781);
  }

  to {
    transform: translate(34.28505vw, 100vh) scale(0.4781);
  }
}

.snow:nth-child(14) {
  opacity: 0.9974;
  transform: translate(72.7308vw, -10px) scale(0.3659);
  animation: fall-14 26s -5s linear infinite;
}

@keyframes fall-14 {
  63.414% {
    transform: translate(63.1269vw, 63.414vh) scale(0.3659);
  }

  to {
    transform: translate(67.92885vw, 100vh) scale(0.3659);
  }
}

.snow:nth-child(15) {
  opacity: 0.7179;
  transform: translate(18.1361vw, -10px) scale(0.9554);
  animation: fall-15 15s -14s linear infinite;
}

@keyframes fall-15 {
  78.385% {
    transform: translate(21.6539vw, 78.385vh) scale(0.9554);
  }

  to {
    transform: translate(19.895vw, 100vh) scale(0.9554);
  }
}

.snow:nth-child(16) {
  opacity: 0.5335;
  transform: translate(50.9404vw, -10px) scale(0.1646);
  animation: fall-16 30s -9s linear infinite;
}

@keyframes fall-16 {
  61.585% {
    transform: translate(54.2841vw, 61.585vh) scale(0.1646);
  }

  to {
    transform: translate(52.61225vw, 100vh) scale(0.1646);
  }
}

.snow:nth-child(17) {
  opacity: 0.9328;
  transform: translate(35.6084vw, -10px) scale(0.5508);
  animation: fall-17 27s -13s linear infinite;
}

@keyframes fall-17 {
  65.278% {
    transform: translate(32.3024vw, 65.278vh) scale(0.5508);
  }

  to {
    transform: translate(33.9554vw, 100vh) scale(0.5508);
  }
}

.snow:nth-child(18) {
  opacity: 0.8941;
  transform: translate(31.3513vw, -10px) scale(0.5043);
  animation: fall-18 14s -20s linear infinite;
}

@keyframes fall-18 {
  60.908% {
    transform: translate(25.5725vw, 60.908vh) scale(0.5043);
  }

  to {
    transform: translate(28.4619vw, 100vh) scale(0.5043);
  }
}

.snow:nth-child(19) {
  opacity: 0.2625;
  transform: translate(34.2288vw, -10px) scale(0.9189);
  animation: fall-19 30s -24s linear infinite;
}

@keyframes fall-19 {
  69.141% {
    transform: translate(25.0272vw, 69.141vh) scale(0.9189);
  }

  to {
    transform: translate(29.628vw, 100vh) scale(0.9189);
  }
}

.snow:nth-child(20) {
  opacity: 0.5627;
  transform: translate(12.0585vw, -10px) scale(0.6251);
  animation: fall-20 13s -3s linear infinite;
}

@keyframes fall-20 {
  73.492% {
    transform: translate(17.3363vw, 73.492vh) scale(0.6251);
  }

  to {
    transform: translate(14.6974vw, 100vh) scale(0.6251);
  }
}

.snow:nth-child(21) {
  opacity: 0.9206;
  transform: translate(82.8561vw, -10px) scale(0.1157);
  animation: fall-21 22s -1s linear infinite;
}

@keyframes fall-21 {
  53.594% {
    transform: translate(81.0706vw, 53.594vh) scale(0.1157);
  }

  to {
    transform: translate(81.96335vw, 100vh) scale(0.1157);
  }
}

.snow:nth-child(22) {
  opacity: 0.8558;
  transform: translate(89.4559vw, -10px) scale(0.4435);
  animation: fall-22 29s -30s linear infinite;
}

@keyframes fall-22 {
  51.622% {
    transform: translate(79.5191vw, 51.622vh) scale(0.4435);
  }

  to {
    transform: translate(84.4875vw, 100vh) scale(0.4435);
  }
}

.snow:nth-child(23) {
  opacity: 0.5922;
  transform: translate(99.7482vw, -10px) scale(0.6684);
  animation: fall-23 10s -2s linear infinite;
}

@keyframes fall-23 {
  69.184% {
    transform: translate(104.8206vw, 69.184vh) scale(0.6684);
  }

  to {
    transform: translate(102.2844vw, 100vh) scale(0.6684);
  }
}

.snow:nth-child(24) {
  opacity: 0.13;
  transform: translate(37.1909vw, -10px) scale(0.12);
  animation: fall-24 11s -16s linear infinite;
}

@keyframes fall-24 {
  58.836% {
    transform: translate(37.4072vw, 58.836vh) scale(0.12);
  }

  to {
    transform: translate(37.29905vw, 100vh) scale(0.12);
  }
}

.snow:nth-child(25) {
  opacity: 0.2942;
  transform: translate(19.1467vw, -10px) scale(0.073);
  animation: fall-25 22s -6s linear infinite;
}

@keyframes fall-25 {
  32.035% {
    transform: translate(22.4664vw, 32.035vh) scale(0.073);
  }

  to {
    transform: translate(20.80655vw, 100vh) scale(0.073);
  }
}

.snow:nth-child(26) {
  opacity: 0.1651;
  transform: translate(11.569vw, -10px) scale(0.4469);
  animation: fall-26 27s -3s linear infinite;
}

@keyframes fall-26 {
  52.012% {
    transform: translate(2.2935vw, 52.012vh) scale(0.4469);
  }

  to {
    transform: translate(6.93125vw, 100vh) scale(0.4469);
  }
}

.snow:nth-child(27) {
  opacity: 0.6998;
  transform: translate(39.355vw, -10px) scale(0.0992);
  animation: fall-27 11s -15s linear infinite;
}

@keyframes fall-27 {
  66.947% {
    transform: translate(36.192vw, 66.947vh) scale(0.0992);
  }

  to {
    transform: translate(37.7735vw, 100vh) scale(0.0992);
  }
}

.snow:nth-child(28) {
  opacity: 0.8745;
  transform: translate(94.4618vw, -10px) scale(0.8985);
  animation: fall-28 22s -10s linear infinite;
}

@keyframes fall-28 {
  68.538% {
    transform: translate(94.7562vw, 68.538vh) scale(0.8985);
  }

  to {
    transform: translate(94.609vw, 100vh) scale(0.8985);
  }
}

.snow:nth-child(29) {
  opacity: 0.6775;
  transform: translate(65.0833vw, -10px) scale(0.3041);
  animation: fall-29 10s -23s linear infinite;
}

@keyframes fall-29 {
  49.079% {
    transform: translate(71.4868vw, 49.079vh) scale(0.3041);
  }

  to {
    transform: translate(68.28505vw, 100vh) scale(0.3041);
  }
}

.snow:nth-child(30) {
  opacity: 0.2165;
  transform: translate(57.2043vw, -10px) scale(0.0707);
  animation: fall-30 29s -1s linear infinite;
}

@keyframes fall-30 {
  59.864% {
    transform: translate(65.4935vw, 59.864vh) scale(0.0707);
  }

  to {
    transform: translate(61.3489vw, 100vh) scale(0.0707);
  }
}

.snow:nth-child(31) {
  opacity: 0.3067;
  transform: translate(55.1013vw, -10px) scale(0.2582);
  animation: fall-31 20s -18s linear infinite;
}

@keyframes fall-31 {
  77.459% {
    transform: translate(59.7799vw, 77.459vh) scale(0.2582);
  }

  to {
    transform: translate(57.4406vw, 100vh) scale(0.2582);
  }
}

.snow:nth-child(32) {
  opacity: 0.4588;
  transform: translate(1.5011vw, -10px) scale(0.1622);
  animation: fall-32 23s -13s linear infinite;
}

@keyframes fall-32 {
  69.193% {
    transform: translate(4.0357vw, 69.193vh) scale(0.1622);
  }

  to {
    transform: translate(2.7684vw, 100vh) scale(0.1622);
  }
}

.snow:nth-child(33) {
  opacity: 0.4709;
  transform: translate(5.7645vw, -10px) scale(0.7513);
  animation: fall-33 26s -19s linear infinite;
}

@keyframes fall-33 {
  60.15% {
    transform: translate(9.3993vw, 60.15vh) scale(0.7513);
  }

  to {
    transform: translate(7.5819vw, 100vh) scale(0.7513);
  }
}

.snow:nth-child(34) {
  opacity: 0.6142;
  transform: translate(43.9511vw, -10px) scale(0.8214);
  animation: fall-34 30s -20s linear infinite;
}

@keyframes fall-34 {
  47.497% {
    transform: translate(40.1957vw, 47.497vh) scale(0.8214);
  }

  to {
    transform: translate(42.0734vw, 100vh) scale(0.8214);
  }
}

.snow:nth-child(35) {
  opacity: 0.6526;
  transform: translate(56.8899vw, -10px) scale(0.6519);
  animation: fall-35 16s -10s linear infinite;
}

@keyframes fall-35 {
  79.301% {
    transform: translate(48.7132vw, 79.301vh) scale(0.6519);
  }

  to {
    transform: translate(52.80155vw, 100vh) scale(0.6519);
  }
}

.snow:nth-child(36) {
  opacity: 0.673;
  transform: translate(92.5723vw, -10px) scale(0.8052);
  animation: fall-36 30s -19s linear infinite;
}

@keyframes fall-36 {
  39.48% {
    transform: translate(98.9991vw, 39.48vh) scale(0.8052);
  }

  to {
    transform: translate(95.7857vw, 100vh) scale(0.8052);
  }
}

.snow:nth-child(37) {
  opacity: 0.8732;
  transform: translate(15.4332vw, -10px) scale(0.8923);
  animation: fall-37 20s -10s linear infinite;
}

@keyframes fall-37 {
  35.64% {
    transform: translate(6.1215vw, 35.64vh) scale(0.8923);
  }

  to {
    transform: translate(10.77735vw, 100vh) scale(0.8923);
  }
}

.snow:nth-child(38) {
  opacity: 0.9618;
  transform: translate(97.5295vw, -10px) scale(0.3497);
  animation: fall-38 10s -19s linear infinite;
}

@keyframes fall-38 {
  69.683% {
    transform: translate(102.9341vw, 69.683vh) scale(0.3497);
  }

  to {
    transform: translate(100.2318vw, 100vh) scale(0.3497);
  }
}

.snow:nth-child(39) {
  opacity: 0.8745;
  transform: translate(27.8456vw, -10px) scale(0.5034);
  animation: fall-39 23s -3s linear infinite;
}

@keyframes fall-39 {
  52.862% {
    transform: translate(29.1119vw, 52.862vh) scale(0.5034);
  }

  to {
    transform: translate(28.47875vw, 100vh) scale(0.5034);
  }
}

.snow:nth-child(40) {
  opacity: 0.8424;
  transform: translate(85.987vw, -10px) scale(0.7784);
  animation: fall-40 27s -21s linear infinite;
}

@keyframes fall-40 {
  45.305% {
    transform: translate(77.1643vw, 45.305vh) scale(0.7784);
  }

  to {
    transform: translate(81.57565vw, 100vh) scale(0.7784);
  }
}

.snow:nth-child(41) {
  opacity: 0.0693;
  transform: translate(8.2811vw, -10px) scale(0.7431);
  animation: fall-41 18s -4s linear infinite;
}

@keyframes fall-41 {
  76.527% {
    transform: translate(8.1611vw, 76.527vh) scale(0.7431);
  }

  to {
    transform: translate(8.2211vw, 100vh) scale(0.7431);
  }
}

.snow:nth-child(42) {
  opacity: 0.2835;
  transform: translate(61.8104vw, -10px) scale(0.468);
  animation: fall-42 11s -28s linear infinite;
}

@keyframes fall-42 {
  54.824% {
    transform: translate(52.119vw, 54.824vh) scale(0.468);
  }

  to {
    transform: translate(56.9647vw, 100vh) scale(0.468);
  }
}

.snow:nth-child(43) {
  opacity: 0.8027;
  transform: translate(0.7771vw, -10px) scale(0.6522);
  animation: fall-43 10s -28s linear infinite;
}

@keyframes fall-43 {
  41.479% {
    transform: translate(7.5746vw, 41.479vh) scale(0.6522);
  }

  to {
    transform: translate(4.17585vw, 100vh) scale(0.6522);
  }
}

.snow:nth-child(44) {
  opacity: 0.3553;
  transform: translate(81.8438vw, -10px) scale(0.8052);
  animation: fall-44 11s -23s linear infinite;
}

@keyframes fall-44 {
  75.785% {
    transform: translate(81.045vw, 75.785vh) scale(0.8052);
  }

  to {
    transform: translate(81.4444vw, 100vh) scale(0.8052);
  }
}

.snow:nth-child(45) {
  opacity: 0.278;
  transform: translate(88.3755vw, -10px) scale(0.5511);
  animation: fall-45 28s -27s linear infinite;
}

@keyframes fall-45 {
  48.673% {
    transform: translate(91.7571vw, 48.673vh) scale(0.5511);
  }

  to {
    transform: translate(90.0663vw, 100vh) scale(0.5511);
  }
}

.snow:nth-child(46) {
  opacity: 0.6544;
  transform: translate(5.0151vw, -10px) scale(0.9098);
  animation: fall-46 10s -12s linear infinite;
}

@keyframes fall-46 {
  41.517% {
    transform: translate(5.9543vw, 41.517vh) scale(0.9098);
  }

  to {
    transform: translate(5.4847vw, 100vh) scale(0.9098);
  }
}

.snow:nth-child(47) {
  opacity: 0.1982;
  transform: translate(74.5184vw, -10px) scale(0.3594);
  animation: fall-47 18s -12s linear infinite;
}

@keyframes fall-47 {
  32.239% {
    transform: translate(76.3627vw, 32.239vh) scale(0.3594);
  }

  to {
    transform: translate(75.44055vw, 100vh) scale(0.3594);
  }
}

.snow:nth-child(48) {
  opacity: 0.1404;
  transform: translate(70.828vw, -10px) scale(0.4352);
  animation: fall-48 28s -9s linear infinite;
}

@keyframes fall-48 {
  76.695% {
    transform: translate(74.4374vw, 76.695vh) scale(0.4352);
  }

  to {
    transform: translate(72.6327vw, 100vh) scale(0.4352);
  }
}

.snow:nth-child(49) {
  opacity: 0.5351;
  transform: translate(46.4112vw, -10px) scale(0.7961);
  animation: fall-49 18s -21s linear infinite;
}

@keyframes fall-49 {
  63.629% {
    transform: translate(42.0954vw, 63.629vh) scale(0.7961);
  }

  to {
    transform: translate(44.2533vw, 100vh) scale(0.7961);
  }
}

.snow:nth-child(50) {
  opacity: 0.3935;
  transform: translate(64.2655vw, -10px) scale(0.3289);
  animation: fall-50 15s -5s linear infinite;
}

@keyframes fall-50 {
  33.826% {
    transform: translate(56.3481vw, 33.826vh) scale(0.3289);
  }

  to {
    transform: translate(60.3068vw, 100vh) scale(0.3289);
  }
}

.snow:nth-child(51) {
  opacity: 0.8792;
  transform: translate(14.2756vw, -10px) scale(0.4405);
  animation: fall-51 16s -25s linear infinite;
}

@keyframes fall-51 {
  35.778% {
    transform: translate(21.28vw, 35.778vh) scale(0.4405);
  }

  to {
    transform: translate(17.7778vw, 100vh) scale(0.4405);
  }
}

.snow:nth-child(52) {
  opacity: 0.0715;
  transform: translate(35.5922vw, -10px) scale(0.5041);
  animation: fall-52 27s -14s linear infinite;
}

@keyframes fall-52 {
  74.637% {
    transform: translate(26.4644vw, 74.637vh) scale(0.5041);
  }

  to {
    transform: translate(31.0283vw, 100vh) scale(0.5041);
  }
}

.snow:nth-child(53) {
  opacity: 0.9031;
  transform: translate(52.1569vw, -10px) scale(0.5845);
  animation: fall-53 11s -14s linear infinite;
}

@keyframes fall-53 {
  76.629% {
    transform: translate(48.0773vw, 76.629vh) scale(0.5845);
  }

  to {
    transform: translate(50.1171vw, 100vh) scale(0.5845);
  }
}

.snow:nth-child(54) {
  opacity: 0.3102;
  transform: translate(8.9754vw, -10px) scale(0.4276);
  animation: fall-54 26s -18s linear infinite;
}

@keyframes fall-54 {
  72.206% {
    transform: translate(13.7389vw, 72.206vh) scale(0.4276);
  }

  to {
    transform: translate(11.35715vw, 100vh) scale(0.4276);
  }
}

.snow:nth-child(55) {
  opacity: 0.1494;
  transform: translate(98.5812vw, -10px) scale(0.2913);
  animation: fall-55 18s -3s linear infinite;
}

@keyframes fall-55 {
  38.562% {
    transform: translate(90.2007vw, 38.562vh) scale(0.2913);
  }

  to {
    transform: translate(94.39095vw, 100vh) scale(0.2913);
  }
}

.snow:nth-child(56) {
  opacity: 0.8346;
  transform: translate(31.5633vw, -10px) scale(0.7893);
  animation: fall-56 25s -5s linear infinite;
}

@keyframes fall-56 {
  78.715% {
    transform: translate(32.7489vw, 78.715vh) scale(0.7893);
  }

  to {
    transform: translate(32.1561vw, 100vh) scale(0.7893);
  }
}

.snow:nth-child(57) {
  opacity: 0.535;
  transform: translate(7.2317vw, -10px) scale(0.3164);
  animation: fall-57 29s -13s linear infinite;
}

@keyframes fall-57 {
  36.216% {
    transform: translate(0.9792vw, 36.216vh) scale(0.3164);
  }

  to {
    transform: translate(4.10545vw, 100vh) scale(0.3164);
  }
}

.snow:nth-child(58) {
  opacity: 0.1395;
  transform: translate(36.2965vw, -10px) scale(0.2442);
  animation: fall-58 16s -16s linear infinite;
}

@keyframes fall-58 {
  61.855% {
    transform: translate(29.8232vw, 61.855vh) scale(0.2442);
  }

  to {
    transform: translate(33.05985vw, 100vh) scale(0.2442);
  }
}

.snow:nth-child(59) {
  opacity: 0.9119;
  transform: translate(60.5479vw, -10px) scale(0.1033);
  animation: fall-59 20s -29s linear infinite;
}

@keyframes fall-59 {
  59.765% {
    transform: translate(52.9312vw, 59.765vh) scale(0.1033);
  }

  to {
    transform: translate(56.73955vw, 100vh) scale(0.1033);
  }
}

.snow:nth-child(60) {
  opacity: 0.6598;
  transform: translate(30.9654vw, -10px) scale(0.4304);
  animation: fall-60 27s -6s linear infinite;
}

@keyframes fall-60 {
  33.696% {
    transform: translate(35.316vw, 33.696vh) scale(0.4304);
  }

  to {
    transform: translate(33.1407vw, 100vh) scale(0.4304);
  }
}

.snow:nth-child(61) {
  opacity: 0.3679;
  transform: translate(50.6801vw, -10px) scale(0.9343);
  animation: fall-61 23s -13s linear infinite;
}

@keyframes fall-61 {
  39.83% {
    transform: translate(48.8151vw, 39.83vh) scale(0.9343);
  }

  to {
    transform: translate(49.7476vw, 100vh) scale(0.9343);
  }
}

.snow:nth-child(62) {
  opacity: 0.2358;
  transform: translate(23.7984vw, -10px) scale(0.3647);
  animation: fall-62 30s -4s linear infinite;
}

@keyframes fall-62 {
  44.964% {
    transform: translate(30.7083vw, 44.964vh) scale(0.3647);
  }

  to {
    transform: translate(27.25335vw, 100vh) scale(0.3647);
  }
}

.snow:nth-child(63) {
  opacity: 0.7577;
  transform: translate(41.6602vw, -10px) scale(0.6503);
  animation: fall-63 12s -5s linear infinite;
}

@keyframes fall-63 {
  48.394% {
    transform: translate(34.213vw, 48.394vh) scale(0.6503);
  }

  to {
    transform: translate(37.9366vw, 100vh) scale(0.6503);
  }
}

.snow:nth-child(64) {
  opacity: 0.1938;
  transform: translate(6.1427vw, -10px) scale(0.765);
  animation: fall-64 21s -19s linear infinite;
}

@keyframes fall-64 {
  37.01% {
    transform: translate(8.9586vw, 37.01vh) scale(0.765);
  }

  to {
    transform: translate(7.55065vw, 100vh) scale(0.765);
  }
}

.snow:nth-child(65) {
  opacity: 0.2939;
  transform: translate(6.59vw, -10px) scale(0.1833);
  animation: fall-65 17s -7s linear infinite;
}

@keyframes fall-65 {
  71.146% {
    transform: translate(-2.6696vw, 71.146vh) scale(0.1833);
  }

  to {
    transform: translate(1.9602vw, 100vh) scale(0.1833);
  }
}

.snow:nth-child(66) {
  opacity: 0.2327;
  transform: translate(64.8426vw, -10px) scale(0.8574);
  animation: fall-66 29s -6s linear infinite;
}

@keyframes fall-66 {
  32.016% {
    transform: translate(67.7825vw, 32.016vh) scale(0.8574);
  }

  to {
    transform: translate(66.31255vw, 100vh) scale(0.8574);
  }
}

.snow:nth-child(67) {
  opacity: 0.3775;
  transform: translate(95.6917vw, -10px) scale(0.2131);
  animation: fall-67 11s -13s linear infinite;
}

@keyframes fall-67 {
  46.21% {
    transform: translate(93.4824vw, 46.21vh) scale(0.2131);
  }

  to {
    transform: translate(94.58705vw, 100vh) scale(0.2131);
  }
}

.snow:nth-child(68) {
  opacity: 0.4657;
  transform: translate(19.7539vw, -10px) scale(0.6605);
  animation: fall-68 27s -17s linear infinite;
}

@keyframes fall-68 {
  53.262% {
    transform: translate(21.424vw, 53.262vh) scale(0.6605);
  }

  to {
    transform: translate(20.58895vw, 100vh) scale(0.6605);
  }
}

.snow:nth-child(69) {
  opacity: 0.9068;
  transform: translate(23.5856vw, -10px) scale(0.8183);
  animation: fall-69 16s -12s linear infinite;
}

@keyframes fall-69 {
  63.567% {
    transform: translate(21.8457vw, 63.567vh) scale(0.8183);
  }

  to {
    transform: translate(22.71565vw, 100vh) scale(0.8183);
  }
}

.snow:nth-child(70) {
  opacity: 0.4208;
  transform: translate(27.4982vw, -10px) scale(0.5433);
  animation: fall-70 24s -29s linear infinite;
}

@keyframes fall-70 {
  62.585% {
    transform: translate(18.9328vw, 62.585vh) scale(0.5433);
  }

  to {
    transform: translate(23.2155vw, 100vh) scale(0.5433);
  }
}

.snow:nth-child(71) {
  opacity: 0.9457;
  transform: translate(76.7291vw, -10px) scale(0.0314);
  animation: fall-71 23s -24s linear infinite;
}

@keyframes fall-71 {
  44.59% {
    transform: translate(71.5193vw, 44.59vh) scale(0.0314);
  }

  to {
    transform: translate(74.1242vw, 100vh) scale(0.0314);
  }
}

.snow:nth-child(72) {
  opacity: 0.5622;
  transform: translate(11.2994vw, -10px) scale(0.594);
  animation: fall-72 12s -27s linear infinite;
}

@keyframes fall-72 {
  50.57% {
    transform: translate(4.6571vw, 50.57vh) scale(0.594);
  }

  to {
    transform: translate(7.97825vw, 100vh) scale(0.594);
  }
}

.snow:nth-child(73) {
  opacity: 0.6502;
  transform: translate(10.6824vw, -10px) scale(0.3489);
  animation: fall-73 16s -21s linear infinite;
}

@keyframes fall-73 {
  70.059% {
    transform: translate(15.7462vw, 70.059vh) scale(0.3489);
  }

  to {
    transform: translate(13.2143vw, 100vh) scale(0.3489);
  }
}

.snow:nth-child(74) {
  opacity: 0.973;
  transform: translate(31.5986vw, -10px) scale(0.336);
  animation: fall-74 28s -6s linear infinite;
}

@keyframes fall-74 {
  57.476% {
    transform: translate(24.0519vw, 57.476vh) scale(0.336);
  }

  to {
    transform: translate(27.82525vw, 100vh) scale(0.336);
  }
}

.snow:nth-child(75) {
  opacity: 0.3107;
  transform: translate(99.5951vw, -10px) scale(0.7346);
  animation: fall-75 24s -17s linear infinite;
}

@keyframes fall-75 {
  75.447% {
    transform: translate(91.8428vw, 75.447vh) scale(0.7346);
  }

  to {
    transform: translate(95.71895vw, 100vh) scale(0.7346);
  }
}

.snow:nth-child(76) {
  opacity: 0.973;
  transform: translate(64.3173vw, -10px) scale(0.8969);
  animation: fall-76 17s -25s linear infinite;
}

@keyframes fall-76 {
  77.002% {
    transform: translate(67.3116vw, 77.002vh) scale(0.8969);
  }

  to {
    transform: translate(65.81445vw, 100vh) scale(0.8969);
  }
}

.snow:nth-child(77) {
  opacity: 0.6138;
  transform: translate(60.5501vw, -10px) scale(0.0566);
  animation: fall-77 27s -9s linear infinite;
}

@keyframes fall-77 {
  79.679% {
    transform: translate(63.2582vw, 79.679vh) scale(0.0566);
  }

  to {
    transform: translate(61.90415vw, 100vh) scale(0.0566);
  }
}

.snow:nth-child(78) {
  opacity: 0.6268;
  transform: translate(84.5775vw, -10px) scale(0.5133);
  animation: fall-78 29s -26s linear infinite;
}

@keyframes fall-78 {
  62.089% {
    transform: translate(81.4906vw, 62.089vh) scale(0.5133);
  }

  to {
    transform: translate(83.03405vw, 100vh) scale(0.5133);
  }
}

.snow:nth-child(79) {
  opacity: 0.7953;
  transform: translate(53.3109vw, -10px) scale(0.5581);
  animation: fall-79 26s -7s linear infinite;
}

@keyframes fall-79 {
  45.403% {
    transform: translate(56.8318vw, 45.403vh) scale(0.5581);
  }

  to {
    transform: translate(55.07135vw, 100vh) scale(0.5581);
  }
}

.snow:nth-child(80) {
  opacity: 0.0135;
  transform: translate(18.3006vw, -10px) scale(0.3791);
  animation: fall-80 21s -5s linear infinite;
}

@keyframes fall-80 {
  55.235% {
    transform: translate(18.5571vw, 55.235vh) scale(0.3791);
  }

  to {
    transform: translate(18.42885vw, 100vh) scale(0.3791);
  }
}

.snow:nth-child(81) {
  opacity: 0.0366;
  transform: translate(25.7766vw, -10px) scale(0.5079);
  animation: fall-81 16s -18s linear infinite;
}

@keyframes fall-81 {
  30.083% {
    transform: translate(21.486vw, 30.083vh) scale(0.5079);
  }

  to {
    transform: translate(23.6313vw, 100vh) scale(0.5079);
  }
}

.snow:nth-child(82) {
  opacity: 0.3226;
  transform: translate(88.9557vw, -10px) scale(0.4709);
  animation: fall-82 30s -9s linear infinite;
}

@keyframes fall-82 {
  41.987% {
    transform: translate(89.9755vw, 41.987vh) scale(0.4709);
  }

  to {
    transform: translate(89.4656vw, 100vh) scale(0.4709);
  }
}

.snow:nth-child(83) {
  opacity: 0.3211;
  transform: translate(30.205vw, -10px) scale(0.1369);
  animation: fall-83 29s -13s linear infinite;
}

@keyframes fall-83 {
  55.301% {
    transform: translate(24.1785vw, 55.301vh) scale(0.1369);
  }

  to {
    transform: translate(27.19175vw, 100vh) scale(0.1369);
  }
}

.snow:nth-child(84) {
  opacity: 0.9196;
  transform: translate(7.0712vw, -10px) scale(0.1193);
  animation: fall-84 11s -14s linear infinite;
}

@keyframes fall-84 {
  61.207% {
    transform: translate(8.4661vw, 61.207vh) scale(0.1193);
  }

  to {
    transform: translate(7.76865vw, 100vh) scale(0.1193);
  }
}

.snow:nth-child(85) {
  opacity: 0.9612;
  transform: translate(89.4936vw, -10px) scale(0.998);
  animation: fall-85 24s -23s linear infinite;
}

@keyframes fall-85 {
  55.744% {
    transform: translate(85.0264vw, 55.744vh) scale(0.998);
  }

  to {
    transform: translate(87.26vw, 100vh) scale(0.998);
  }
}

.snow:nth-child(86) {
  opacity: 0.5028;
  transform: translate(55.4559vw, -10px) scale(0.0166);
  animation: fall-86 26s -29s linear infinite;
}

@keyframes fall-86 {
  78.443% {
    transform: translate(64.3856vw, 78.443vh) scale(0.0166);
  }

  to {
    transform: translate(59.92075vw, 100vh) scale(0.0166);
  }
}

.snow:nth-child(87) {
  opacity: 0.6835;
  transform: translate(26.6414vw, -10px) scale(0.4386);
  animation: fall-87 27s -8s linear infinite;
}

@keyframes fall-87 {
  34.323% {
    transform: translate(28.7565vw, 34.323vh) scale(0.4386);
  }

  to {
    transform: translate(27.69895vw, 100vh) scale(0.4386);
  }
}

.snow:nth-child(88) {
  opacity: 0.2325;
  transform: translate(47.8334vw, -10px) scale(0.6377);
  animation: fall-88 20s -8s linear infinite;
}

@keyframes fall-88 {
  63.601% {
    transform: translate(57.0853vw, 63.601vh) scale(0.6377);
  }

  to {
    transform: translate(52.45935vw, 100vh) scale(0.6377);
  }
}

.snow:nth-child(89) {
  opacity: 0.1307;
  transform: translate(33.1573vw, -10px) scale(0.8355);
  animation: fall-89 26s -12s linear infinite;
}

@keyframes fall-89 {
  71.069% {
    transform: translate(40.2053vw, 71.069vh) scale(0.8355);
  }

  to {
    transform: translate(36.6813vw, 100vh) scale(0.8355);
  }
}

.snow:nth-child(90) {
  opacity: 0.3415;
  transform: translate(57.5926vw, -10px) scale(0.776);
  animation: fall-90 13s -25s linear infinite;
}

@keyframes fall-90 {
  53.427% {
    transform: translate(54.1842vw, 53.427vh) scale(0.776);
  }

  to {
    transform: translate(55.8884vw, 100vh) scale(0.776);
  }
}

.snow:nth-child(91) {
  opacity: 0.7779;
  transform: translate(12.3261vw, -10px) scale(0.2323);
  animation: fall-91 18s -11s linear infinite;
}

@keyframes fall-91 {
  76.556% {
    transform: translate(5.7566vw, 76.556vh) scale(0.2323);
  }

  to {
    transform: translate(9.04135vw, 100vh) scale(0.2323);
  }
}

.snow:nth-child(92) {
  opacity: 0.4655;
  transform: translate(28.7784vw, -10px) scale(0.4598);
  animation: fall-92 30s -25s linear infinite;
}

@keyframes fall-92 {
  71.67% {
    transform: translate(20.7767vw, 71.67vh) scale(0.4598);
  }

  to {
    transform: translate(24.77755vw, 100vh) scale(0.4598);
  }
}

.snow:nth-child(93) {
  opacity: 0.3762;
  transform: translate(21.2764vw, -10px) scale(0.9248);
  animation: fall-93 13s -13s linear infinite;
}

@keyframes fall-93 {
  33.45% {
    transform: translate(28.166vw, 33.45vh) scale(0.9248);
  }

  to {
    transform: translate(24.7212vw, 100vh) scale(0.9248);
  }
}

.snow:nth-child(94) {
  opacity: 0.5983;
  transform: translate(96.5519vw, -10px) scale(0.2724);
  animation: fall-94 26s -17s linear infinite;
}

@keyframes fall-94 {
  53.492% {
    transform: translate(91.9573vw, 53.492vh) scale(0.2724);
  }

  to {
    transform: translate(94.2546vw, 100vh) scale(0.2724);
  }
}

.snow:nth-child(95) {
  opacity: 0.993;
  transform: translate(75.7008vw, -10px) scale(0.5074);
  animation: fall-95 22s -11s linear infinite;
}

@keyframes fall-95 {
  68.793% {
    transform: translate(73.3666vw, 68.793vh) scale(0.5074);
  }

  to {
    transform: translate(74.5337vw, 100vh) scale(0.5074);
  }
}

.snow:nth-child(96) {
  opacity: 0.1524;
  transform: translate(45.2877vw, -10px) scale(0.2007);
  animation: fall-96 18s -28s linear infinite;
}

@keyframes fall-96 {
  67.89% {
    transform: translate(46.2765vw, 67.89vh) scale(0.2007);
  }

  to {
    transform: translate(45.7821vw, 100vh) scale(0.2007);
  }
}

.snow:nth-child(97) {
  opacity: 0.7045;
  transform: translate(16.5379vw, -10px) scale(0.9184);
  animation: fall-97 30s -6s linear infinite;
}

@keyframes fall-97 {
  75.702% {
    transform: translate(9.0025vw, 75.702vh) scale(0.9184);
  }

  to {
    transform: translate(12.7702vw, 100vh) scale(0.9184);
  }
}

.snow:nth-child(98) {
  opacity: 0.5312;
  transform: translate(43.7657vw, -10px) scale(0.839);
  animation: fall-98 29s -19s linear infinite;
}

@keyframes fall-98 {
  65.172% {
    transform: translate(40.6493vw, 65.172vh) scale(0.839);
  }

  to {
    transform: translate(42.2075vw, 100vh) scale(0.839);
  }
}

.snow:nth-child(99) {
  opacity: 0.2277;
  transform: translate(94.2337vw, -10px) scale(0.3356);
  animation: fall-99 29s -11s linear infinite;
}

@keyframes fall-99 {
  48.551% {
    transform: translate(85.1334vw, 48.551vh) scale(0.3356);
  }

  to {
    transform: translate(89.68355vw, 100vh) scale(0.3356);
  }
}

.snow:nth-child(100) {
  opacity: 0.5165;
  transform: translate(85.2474vw, -10px) scale(0.8498);
  animation: fall-100 21s -7s linear infinite;
}

@keyframes fall-100 {
  74.464% {
    transform: translate(78.8108vw, 74.464vh) scale(0.8498);
  }

  to {
    transform: translate(82.0291vw, 100vh) scale(0.8498);
  }
}

.snow:nth-child(101) {
  opacity: 0.4627;
  transform: translate(47.344vw, -10px) scale(0.4289);
  animation: fall-101 21s -9s linear infinite;
}

@keyframes fall-101 {
  46.854% {
    transform: translate(37.8538vw, 46.854vh) scale(0.4289);
  }

  to {
    transform: translate(42.5989vw, 100vh) scale(0.4289);
  }
}

.snow:nth-child(102) {
  opacity: 0.2239;
  transform: translate(15.8127vw, -10px) scale(0.7396);
  animation: fall-102 26s -6s linear infinite;
}

@keyframes fall-102 {
  46.594% {
    transform: translate(25.683vw, 46.594vh) scale(0.7396);
  }

  to {
    transform: translate(20.74785vw, 100vh) scale(0.7396);
  }
}

.snow:nth-child(103) {
  opacity: 0.0084;
  transform: translate(26.3723vw, -10px) scale(0.3181);
  animation: fall-103 24s -24s linear infinite;
}

@keyframes fall-103 {
  45.902% {
    transform: translate(20.73vw, 45.902vh) scale(0.3181);
  }

  to {
    transform: translate(23.55115vw, 100vh) scale(0.3181);
  }
}

.snow:nth-child(104) {
  opacity: 0.1193;
  transform: translate(74.4597vw, -10px) scale(0.8469);
  animation: fall-104 28s -11s linear infinite;
}

@keyframes fall-104 {
  64.191% {
    transform: translate(83.6213vw, 64.191vh) scale(0.8469);
  }

  to {
    transform: translate(79.0405vw, 100vh) scale(0.8469);
  }
}

.snow:nth-child(105) {
  opacity: 0.6958;
  transform: translate(83.2154vw, -10px) scale(0.3131);
  animation: fall-105 24s -1s linear infinite;
}

@keyframes fall-105 {
  45.269% {
    transform: translate(89.3793vw, 45.269vh) scale(0.3131);
  }

  to {
    transform: translate(86.29735vw, 100vh) scale(0.3131);
  }
}

.snow:nth-child(106) {
  opacity: 0.0707;
  transform: translate(60.2243vw, -10px) scale(0.4377);
  animation: fall-106 30s -11s linear infinite;
}

@keyframes fall-106 {
  49.034% {
    transform: translate(63.4251vw, 49.034vh) scale(0.4377);
  }

  to {
    transform: translate(61.8247vw, 100vh) scale(0.4377);
  }
}

.snow:nth-child(107) {
  opacity: 0.387;
  transform: translate(41.7713vw, -10px) scale(0.4024);
  animation: fall-107 16s -28s linear infinite;
}

@keyframes fall-107 {
  75.031% {
    transform: translate(50.1155vw, 75.031vh) scale(0.4024);
  }

  to {
    transform: translate(45.9434vw, 100vh) scale(0.4024);
  }
}

.snow:nth-child(108) {
  opacity: 0.8042;
  transform: translate(39.1031vw, -10px) scale(0.9946);
  animation: fall-108 16s -2s linear infinite;
}

@keyframes fall-108 {
  35.361% {
    transform: translate(48.9409vw, 35.361vh) scale(0.9946);
  }

  to {
    transform: translate(44.022vw, 100vh) scale(0.9946);
  }
}

.snow:nth-child(109) {
  opacity: 0.4615;
  transform: translate(20.602vw, -10px) scale(0.0863);
  animation: fall-109 17s -18s linear infinite;
}

@keyframes fall-109 {
  37.64% {
    transform: translate(24.0859vw, 37.64vh) scale(0.0863);
  }

  to {
    transform: translate(22.34395vw, 100vh) scale(0.0863);
  }
}

.snow:nth-child(110) {
  opacity: 0.2017;
  transform: translate(74.0802vw, -10px) scale(0.9526);
  animation: fall-110 25s -26s linear infinite;
}

@keyframes fall-110 {
  54.366% {
    transform: translate(77.9607vw, 54.366vh) scale(0.9526);
  }

  to {
    transform: translate(76.02045vw, 100vh) scale(0.9526);
  }
}

.snow:nth-child(111) {
  opacity: 0.4614;
  transform: translate(12.7802vw, -10px) scale(0.5571);
  animation: fall-111 22s -14s linear infinite;
}

@keyframes fall-111 {
  60.71% {
    transform: translate(9.7024vw, 60.71vh) scale(0.5571);
  }

  to {
    transform: translate(11.2413vw, 100vh) scale(0.5571);
  }
}

.snow:nth-child(112) {
  opacity: 0.2301;
  transform: translate(5.4447vw, -10px) scale(0.9622);
  animation: fall-112 14s -9s linear infinite;
}

@keyframes fall-112 {
  33.608% {
    transform: translate(9.9319vw, 33.608vh) scale(0.9622);
  }

  to {
    transform: translate(7.6883vw, 100vh) scale(0.9622);
  }
}

.snow:nth-child(113) {
  opacity: 0.2642;
  transform: translate(95.2535vw, -10px) scale(0.7424);
  animation: fall-113 30s -13s linear infinite;
}

@keyframes fall-113 {
  50.345% {
    transform: translate(102.5178vw, 50.345vh) scale(0.7424);
  }

  to {
    transform: translate(98.88565vw, 100vh) scale(0.7424);
  }
}

.snow:nth-child(114) {
  opacity: 0.1669;
  transform: translate(87.4115vw, -10px) scale(0.795);
  animation: fall-114 24s -28s linear infinite;
}

@keyframes fall-114 {
  38.18% {
    transform: translate(85.074vw, 38.18vh) scale(0.795);
  }

  to {
    transform: translate(86.24275vw, 100vh) scale(0.795);
  }
}

.snow:nth-child(115) {
  opacity: 0.8227;
  transform: translate(48.232vw, -10px) scale(0.2978);
  animation: fall-115 25s -25s linear infinite;
}

@keyframes fall-115 {
  31.997% {
    transform: translate(40.7824vw, 31.997vh) scale(0.2978);
  }

  to {
    transform: translate(44.5072vw, 100vh) scale(0.2978);
  }
}

.snow:nth-child(116) {
  opacity: 0.099;
  transform: translate(94.2103vw, -10px) scale(0.2311);
  animation: fall-116 27s -24s linear infinite;
}

@keyframes fall-116 {
  61.141% {
    transform: translate(102.1351vw, 61.141vh) scale(0.2311);
  }

  to {
    transform: translate(98.1727vw, 100vh) scale(0.2311);
  }
}

.snow:nth-child(117) {
  opacity: 0.6267;
  transform: translate(59.2665vw, -10px) scale(0.7071);
  animation: fall-117 26s -7s linear infinite;
}

@keyframes fall-117 {
  76.361% {
    transform: translate(50.629vw, 76.361vh) scale(0.7071);
  }

  to {
    transform: translate(54.94775vw, 100vh) scale(0.7071);
  }
}

.snow:nth-child(118) {
  opacity: 0.0834;
  transform: translate(49.3866vw, -10px) scale(0.5292);
  animation: fall-118 15s -29s linear infinite;
}

@keyframes fall-118 {
  38.635% {
    transform: translate(45.3467vw, 38.635vh) scale(0.5292);
  }

  to {
    transform: translate(47.36665vw, 100vh) scale(0.5292);
  }
}

.snow:nth-child(119) {
  opacity: 0.2171;
  transform: translate(83.9654vw, -10px) scale(0.0998);
  animation: fall-119 14s -22s linear infinite;
}

@keyframes fall-119 {
  51.109% {
    transform: translate(91.205vw, 51.109vh) scale(0.0998);
  }

  to {
    transform: translate(87.5852vw, 100vh) scale(0.0998);
  }
}

.snow:nth-child(120) {
  opacity: 0.0304;
  transform: translate(14.3397vw, -10px) scale(0.1031);
  animation: fall-120 12s -13s linear infinite;
}

@keyframes fall-120 {
  51.359% {
    transform: translate(16.4924vw, 51.359vh) scale(0.1031);
  }

  to {
    transform: translate(15.41605vw, 100vh) scale(0.1031);
  }
}

.snow:nth-child(121) {
  opacity: 0.0091;
  transform: translate(22.2664vw, -10px) scale(0.4695);
  animation: fall-121 12s -5s linear infinite;
}

@keyframes fall-121 {
  79.065% {
    transform: translate(31.2166vw, 79.065vh) scale(0.4695);
  }

  to {
    transform: translate(26.7415vw, 100vh) scale(0.4695);
  }
}

.snow:nth-child(122) {
  opacity: 0.9294;
  transform: translate(15.2115vw, -10px) scale(0.6742);
  animation: fall-122 26s -5s linear infinite;
}

@keyframes fall-122 {
  45.647% {
    transform: translate(11.645vw, 45.647vh) scale(0.6742);
  }

  to {
    transform: translate(13.42825vw, 100vh) scale(0.6742);
  }
}

.snow:nth-child(123) {
  opacity: 0.0976;
  transform: translate(62.3848vw, -10px) scale(0.0094);
  animation: fall-123 22s -8s linear infinite;
}

@keyframes fall-123 {
  41.353% {
    transform: translate(64.3536vw, 41.353vh) scale(0.0094);
  }

  to {
    transform: translate(63.3692vw, 100vh) scale(0.0094);
  }
}

.snow:nth-child(124) {
  opacity: 0.254;
  transform: translate(59.6847vw, -10px) scale(0.6031);
  animation: fall-124 19s -7s linear infinite;
}

@keyframes fall-124 {
  63.563% {
    transform: translate(53.5635vw, 63.563vh) scale(0.6031);
  }

  to {
    transform: translate(56.6241vw, 100vh) scale(0.6031);
  }
}

.snow:nth-child(125) {
  opacity: 0.2407;
  transform: translate(92.3446vw, -10px) scale(0.2442);
  animation: fall-125 23s -21s linear infinite;
}

@keyframes fall-125 {
  71.773% {
    transform: translate(82.6645vw, 71.773vh) scale(0.2442);
  }

  to {
    transform: translate(87.50455vw, 100vh) scale(0.2442);
  }
}

.snow:nth-child(126) {
  opacity: 0.796;
  transform: translate(69.0429vw, -10px) scale(0.4845);
  animation: fall-126 15s -6s linear infinite;
}

@keyframes fall-126 {
  52.032% {
    transform: translate(64.033vw, 52.032vh) scale(0.4845);
  }

  to {
    transform: translate(66.53795vw, 100vh) scale(0.4845);
  }
}

.snow:nth-child(127) {
  opacity: 0.7318;
  transform: translate(87.9608vw, -10px) scale(0.1977);
  animation: fall-127 12s -17s linear infinite;
}

@keyframes fall-127 {
  76.793% {
    transform: translate(79.4777vw, 76.793vh) scale(0.1977);
  }

  to {
    transform: translate(83.71925vw, 100vh) scale(0.1977);
  }
}

.snow:nth-child(128) {
  opacity: 0.2862;
  transform: translate(42.4922vw, -10px) scale(0.3716);
  animation: fall-128 17s -11s linear infinite;
}

@keyframes fall-128 {
  30.106% {
    transform: translate(42.9137vw, 30.106vh) scale(0.3716);
  }

  to {
    transform: translate(42.70295vw, 100vh) scale(0.3716);
  }
}

.snow:nth-child(129) {
  opacity: 0.219;
  transform: translate(78.5468vw, -10px) scale(0.1812);
  animation: fall-129 10s -20s linear infinite;
}

@keyframes fall-129 {
  73.338% {
    transform: translate(76.7503vw, 73.338vh) scale(0.1812);
  }

  to {
    transform: translate(77.64855vw, 100vh) scale(0.1812);
  }
}

.snow:nth-child(130) {
  opacity: 0.7675;
  transform: translate(20.3506vw, -10px) scale(0.9672);
  animation: fall-130 11s -14s linear infinite;
}

@keyframes fall-130 {
  56.169% {
    transform: translate(12.3432vw, 56.169vh) scale(0.9672);
  }

  to {
    transform: translate(16.3469vw, 100vh) scale(0.9672);
  }
}

.snow:nth-child(131) {
  opacity: 0.2599;
  transform: translate(18.6599vw, -10px) scale(0.0864);
  animation: fall-131 10s -17s linear infinite;
}

@keyframes fall-131 {
  45.907% {
    transform: translate(22.4391vw, 45.907vh) scale(0.0864);
  }

  to {
    transform: translate(20.5495vw, 100vh) scale(0.0864);
  }
}

.snow:nth-child(132) {
  opacity: 0.5695;
  transform: translate(92.2829vw, -10px) scale(0.9823);
  animation: fall-132 10s -4s linear infinite;
}

@keyframes fall-132 {
  69.526% {
    transform: translate(96.6153vw, 69.526vh) scale(0.9823);
  }

  to {
    transform: translate(94.4491vw, 100vh) scale(0.9823);
  }
}

.snow:nth-child(133) {
  opacity: 0.079;
  transform: translate(64.6278vw, -10px) scale(0.5598);
  animation: fall-133 16s -22s linear infinite;
}

@keyframes fall-133 {
  37.123% {
    transform: translate(66.1463vw, 37.123vh) scale(0.5598);
  }

  to {
    transform: translate(65.38705vw, 100vh) scale(0.5598);
  }
}

.snow:nth-child(134) {
  opacity: 0.8196;
  transform: translate(50.7194vw, -10px) scale(0.1164);
  animation: fall-134 20s -27s linear infinite;
}

@keyframes fall-134 {
  37.616% {
    transform: translate(42.8118vw, 37.616vh) scale(0.1164);
  }

  to {
    transform: translate(46.7656vw, 100vh) scale(0.1164);
  }
}

.snow:nth-child(135) {
  opacity: 0.5248;
  transform: translate(52.0114vw, -10px) scale(0.8171);
  animation: fall-135 23s -20s linear infinite;
}

@keyframes fall-135 {
  49.725% {
    transform: translate(49.9455vw, 49.725vh) scale(0.8171);
  }

  to {
    transform: translate(50.97845vw, 100vh) scale(0.8171);
  }
}

.snow:nth-child(136) {
  opacity: 0.258;
  transform: translate(5.5133vw, -10px) scale(0.0394);
  animation: fall-136 22s -23s linear infinite;
}

@keyframes fall-136 {
  32.826% {
    transform: translate(6.1608vw, 32.826vh) scale(0.0394);
  }

  to {
    transform: translate(5.83705vw, 100vh) scale(0.0394);
  }
}

.snow:nth-child(137) {
  opacity: 0.5636;
  transform: translate(21.1516vw, -10px) scale(0.9786);
  animation: fall-137 29s -20s linear infinite;
}

@keyframes fall-137 {
  62.655% {
    transform: translate(22.7186vw, 62.655vh) scale(0.9786);
  }

  to {
    transform: translate(21.9351vw, 100vh) scale(0.9786);
  }
}

.snow:nth-child(138) {
  opacity: 0.584;
  transform: translate(63.4783vw, -10px) scale(0.1653);
  animation: fall-138 28s -13s linear infinite;
}

@keyframes fall-138 {
  43.081% {
    transform: translate(63.5468vw, 43.081vh) scale(0.1653);
  }

  to {
    transform: translate(63.51255vw, 100vh) scale(0.1653);
  }
}

.snow:nth-child(139) {
  opacity: 0.7152;
  transform: translate(38.844vw, -10px) scale(0.3306);
  animation: fall-139 13s -15s linear infinite;
}

@keyframes fall-139 {
  59.377% {
    transform: translate(41.3861vw, 59.377vh) scale(0.3306);
  }

  to {
    transform: translate(40.11505vw, 100vh) scale(0.3306);
  }
}

.snow:nth-child(140) {
  opacity: 0.7251;
  transform: translate(73.1034vw, -10px) scale(0.5982);
  animation: fall-140 22s -10s linear infinite;
}

@keyframes fall-140 {
  47.384% {
    transform: translate(82.47vw, 47.384vh) scale(0.5982);
  }

  to {
    transform: translate(77.7867vw, 100vh) scale(0.5982);
  }
}

.snow:nth-child(141) {
  opacity: 0.4349;
  transform: translate(70.5143vw, -10px) scale(0.8587);
  animation: fall-141 21s -10s linear infinite;
}

@keyframes fall-141 {
  60.785% {
    transform: translate(77.2743vw, 60.785vh) scale(0.8587);
  }

  to {
    transform: translate(73.8943vw, 100vh) scale(0.8587);
  }
}

.snow:nth-child(142) {
  opacity: 0.1422;
  transform: translate(89.0065vw, -10px) scale(0.9767);
  animation: fall-142 15s -10s linear infinite;
}

@keyframes fall-142 {
  46.308% {
    transform: translate(88.6937vw, 46.308vh) scale(0.9767);
  }

  to {
    transform: translate(88.8501vw, 100vh) scale(0.9767);
  }
}

.snow:nth-child(143) {
  opacity: 0.1403;
  transform: translate(98.1518vw, -10px) scale(0.7182);
  animation: fall-143 26s -24s linear infinite;
}

@keyframes fall-143 {
  31.516% {
    transform: translate(107.6001vw, 31.516vh) scale(0.7182);
  }

  to {
    transform: translate(102.87595vw, 100vh) scale(0.7182);
  }
}

.snow:nth-child(144) {
  opacity: 0.4104;
  transform: translate(3.111vw, -10px) scale(0.9766);
  animation: fall-144 16s -16s linear infinite;
}

@keyframes fall-144 {
  55.129% {
    transform: translate(10.2677vw, 55.129vh) scale(0.9766);
  }

  to {
    transform: translate(6.68935vw, 100vh) scale(0.9766);
  }
}

.snow:nth-child(145) {
  opacity: 0.9115;
  transform: translate(35.9174vw, -10px) scale(0.8876);
  animation: fall-145 14s -28s linear infinite;
}

@keyframes fall-145 {
  74.747% {
    transform: translate(36.422vw, 74.747vh) scale(0.8876);
  }

  to {
    transform: translate(36.1697vw, 100vh) scale(0.8876);
  }
}

.snow:nth-child(146) {
  opacity: 0.2574;
  transform: translate(35.8724vw, -10px) scale(0.8801);
  animation: fall-146 19s -17s linear infinite;
}

@keyframes fall-146 {
  76.853% {
    transform: translate(41.9934vw, 76.853vh) scale(0.8801);
  }

  to {
    transform: translate(38.9329vw, 100vh) scale(0.8801);
  }
}

.snow:nth-child(147) {
  opacity: 0.5527;
  transform: translate(62.5466vw, -10px) scale(0.783);
  animation: fall-147 25s -25s linear infinite;
}

@keyframes fall-147 {
  50.175% {
    transform: translate(67.838vw, 50.175vh) scale(0.783);
  }

  to {
    transform: translate(65.1923vw, 100vh) scale(0.783);
  }
}

.snow:nth-child(148) {
  opacity: 0.9603;
  transform: translate(32.5678vw, -10px) scale(0.267);
  animation: fall-148 22s -18s linear infinite;
}

@keyframes fall-148 {
  74.234% {
    transform: translate(24.0517vw, 74.234vh) scale(0.267);
  }

  to {
    transform: translate(28.30975vw, 100vh) scale(0.267);
  }
}

.snow:nth-child(149) {
  opacity: 0.732;
  transform: translate(29.1842vw, -10px) scale(0.6618);
  animation: fall-149 11s -12s linear infinite;
}

@keyframes fall-149 {
  30.071% {
    transform: translate(28.7884vw, 30.071vh) scale(0.6618);
  }

  to {
    transform: translate(28.9863vw, 100vh) scale(0.6618);
  }
}

.snow:nth-child(150) {
  opacity: 0.015;
  transform: translate(51.6639vw, -10px) scale(0.5542);
  animation: fall-150 23s -26s linear infinite;
}

@keyframes fall-150 {
  39.442% {
    transform: translate(46.4939vw, 39.442vh) scale(0.5542);
  }

  to {
    transform: translate(49.0789vw, 100vh) scale(0.5542);
  }
}

.snow:nth-child(151) {
  opacity: 0.5153;
  transform: translate(44.5842vw, -10px) scale(0.8455);
  animation: fall-151 25s -12s linear infinite;
}

@keyframes fall-151 {
  52.778% {
    transform: translate(44.4053vw, 52.778vh) scale(0.8455);
  }

  to {
    transform: translate(44.49475vw, 100vh) scale(0.8455);
  }
}

.snow:nth-child(152) {
  opacity: 0.4396;
  transform: translate(68.4113vw, -10px) scale(0.5379);
  animation: fall-152 24s -28s linear infinite;
}

@keyframes fall-152 {
  59.805% {
    transform: translate(64.5265vw, 59.805vh) scale(0.5379);
  }

  to {
    transform: translate(66.4689vw, 100vh) scale(0.5379);
  }
}

.snow:nth-child(153) {
  opacity: 0.153;
  transform: translate(73.3487vw, -10px) scale(0.0346);
  animation: fall-153 10s -2s linear infinite;
}

@keyframes fall-153 {
  65.629% {
    transform: translate(82.2915vw, 65.629vh) scale(0.0346);
  }

  to {
    transform: translate(77.8201vw, 100vh) scale(0.0346);
  }
}

.snow:nth-child(154) {
  opacity: 0.7837;
  transform: translate(90.7982vw, -10px) scale(0.2625);
  animation: fall-154 25s -25s linear infinite;
}

@keyframes fall-154 {
  35.699% {
    transform: translate(93.4988vw, 35.699vh) scale(0.2625);
  }

  to {
    transform: translate(92.1485vw, 100vh) scale(0.2625);
  }
}

.snow:nth-child(155) {
  opacity: 0.2656;
  transform: translate(25.9418vw, -10px) scale(0.2673);
  animation: fall-155 26s -7s linear infinite;
}

@keyframes fall-155 {
  61.766% {
    transform: translate(31.4609vw, 61.766vh) scale(0.2673);
  }

  to {
    transform: translate(28.70135vw, 100vh) scale(0.2673);
  }
}

.snow:nth-child(156) {
  opacity: 0.7911;
  transform: translate(59.2822vw, -10px) scale(0.8015);
  animation: fall-156 22s -16s linear infinite;
}

@keyframes fall-156 {
  51.061% {
    transform: translate(69.2333vw, 51.061vh) scale(0.8015);
  }

  to {
    transform: translate(64.25775vw, 100vh) scale(0.8015);
  }
}

.snow:nth-child(157) {
  opacity: 0.1319;
  transform: translate(79.0939vw, -10px) scale(0.433);
  animation: fall-157 23s -19s linear infinite;
}

@keyframes fall-157 {
  45.604% {
    transform: translate(87.2692vw, 45.604vh) scale(0.433);
  }

  to {
    transform: translate(83.18155vw, 100vh) scale(0.433);
  }
}

.snow:nth-child(158) {
  opacity: 0.7543;
  transform: translate(65.1593vw, -10px) scale(0.8822);
  animation: fall-158 18s -15s linear infinite;
}

@keyframes fall-158 {
  50.235% {
    transform: translate(67.5394vw, 50.235vh) scale(0.8822);
  }

  to {
    transform: translate(66.34935vw, 100vh) scale(0.8822);
  }
}

.snow:nth-child(159) {
  opacity: 0.1934;
  transform: translate(52.2149vw, -10px) scale(0.441);
  animation: fall-159 19s -9s linear infinite;
}

@keyframes fall-159 {
  43.172% {
    transform: translate(51.9673vw, 43.172vh) scale(0.441);
  }

  to {
    transform: translate(52.0911vw, 100vh) scale(0.441);
  }
}

.snow:nth-child(160) {
  opacity: 0.8139;
  transform: translate(83.8682vw, -10px) scale(0.9912);
  animation: fall-160 17s -9s linear infinite;
}

@keyframes fall-160 {
  65.424% {
    transform: translate(85.9912vw, 65.424vh) scale(0.9912);
  }

  to {
    transform: translate(84.9297vw, 100vh) scale(0.9912);
  }
}

.snow:nth-child(161) {
  opacity: 0.6987;
  transform: translate(72.796vw, -10px) scale(0.1407);
  animation: fall-161 15s -22s linear infinite;
}

@keyframes fall-161 {
  38.032% {
    transform: translate(77.6163vw, 38.032vh) scale(0.1407);
  }

  to {
    transform: translate(75.20615vw, 100vh) scale(0.1407);
  }
}

.snow:nth-child(162) {
  opacity: 0.5561;
  transform: translate(69.9305vw, -10px) scale(0.6077);
  animation: fall-162 26s -13s linear infinite;
}

@keyframes fall-162 {
  56.672% {
    transform: translate(75.3489vw, 56.672vh) scale(0.6077);
  }

  to {
    transform: translate(72.6397vw, 100vh) scale(0.6077);
  }
}

.snow:nth-child(163) {
  opacity: 0.155;
  transform: translate(47.1153vw, -10px) scale(0.5889);
  animation: fall-163 18s -13s linear infinite;
}

@keyframes fall-163 {
  52.409% {
    transform: translate(48.3059vw, 52.409vh) scale(0.5889);
  }

  to {
    transform: translate(47.7106vw, 100vh) scale(0.5889);
  }
}

.snow:nth-child(164) {
  opacity: 0.7388;
  transform: translate(13.9355vw, -10px) scale(0.0948);
  animation: fall-164 15s -3s linear infinite;
}

@keyframes fall-164 {
  36.082% {
    transform: translate(8.8626vw, 36.082vh) scale(0.0948);
  }

  to {
    transform: translate(11.39905vw, 100vh) scale(0.0948);
  }
}

.snow:nth-child(165) {
  opacity: 0.9506;
  transform: translate(52.0972vw, -10px) scale(0.0521);
  animation: fall-165 19s -5s linear infinite;
}

@keyframes fall-165 {
  34.512% {
    transform: translate(56.4232vw, 34.512vh) scale(0.0521);
  }

  to {
    transform: translate(54.2602vw, 100vh) scale(0.0521);
  }
}

.snow:nth-child(166) {
  opacity: 0.0043;
  transform: translate(21.637vw, -10px) scale(0.2733);
  animation: fall-166 18s -21s linear infinite;
}

@keyframes fall-166 {
  67.67% {
    transform: translate(17.2562vw, 67.67vh) scale(0.2733);
  }

  to {
    transform: translate(19.4466vw, 100vh) scale(0.2733);
  }
}

.snow:nth-child(167) {
  opacity: 0.7858;
  transform: translate(9.8961vw, -10px) scale(0.8288);
  animation: fall-167 23s -6s linear infinite;
}

@keyframes fall-167 {
  70.793% {
    transform: translate(15.8373vw, 70.793vh) scale(0.8288);
  }

  to {
    transform: translate(12.8667vw, 100vh) scale(0.8288);
  }
}

.snow:nth-child(168) {
  opacity: 0.2636;
  transform: translate(79.6733vw, -10px) scale(0.1414);
  animation: fall-168 20s -24s linear infinite;
}

@keyframes fall-168 {
  54.151% {
    transform: translate(76.8114vw, 54.151vh) scale(0.1414);
  }

  to {
    transform: translate(78.24235vw, 100vh) scale(0.1414);
  }
}

.snow:nth-child(169) {
  opacity: 0.3235;
  transform: translate(3.213vw, -10px) scale(0.7231);
  animation: fall-169 26s -10s linear infinite;
}

@keyframes fall-169 {
  66.017% {
    transform: translate(1.0912vw, 66.017vh) scale(0.7231);
  }

  to {
    transform: translate(2.1521vw, 100vh) scale(0.7231);
  }
}

.snow:nth-child(170) {
  opacity: 0.7856;
  transform: translate(10.0891vw, -10px) scale(0.5371);
  animation: fall-170 28s -11s linear infinite;
}

@keyframes fall-170 {
  74.079% {
    transform: translate(11.9189vw, 74.079vh) scale(0.5371);
  }

  to {
    transform: translate(11.004vw, 100vh) scale(0.5371);
  }
}

.snow:nth-child(171) {
  opacity: 0.3617;
  transform: translate(48.1143vw, -10px) scale(0.4982);
  animation: fall-171 26s -14s linear infinite;
}

@keyframes fall-171 {
  66.1% {
    transform: translate(53.841vw, 66.1vh) scale(0.4982);
  }

  to {
    transform: translate(50.97765vw, 100vh) scale(0.4982);
  }
}

.snow:nth-child(172) {
  opacity: 0.6849;
  transform: translate(39.4404vw, -10px) scale(0.0586);
  animation: fall-172 30s -23s linear infinite;
}

@keyframes fall-172 {
  40.236% {
    transform: translate(35.8296vw, 40.236vh) scale(0.0586);
  }

  to {
    transform: translate(37.635vw, 100vh) scale(0.0586);
  }
}

.snow:nth-child(173) {
  opacity: 0.3588;
  transform: translate(94.4168vw, -10px) scale(0.3763);
  animation: fall-173 12s -8s linear infinite;
}

@keyframes fall-173 {
  30.914% {
    transform: translate(100.9501vw, 30.914vh) scale(0.3763);
  }

  to {
    transform: translate(97.68345vw, 100vh) scale(0.3763);
  }
}

.snow:nth-child(174) {
  opacity: 0.6089;
  transform: translate(51.0643vw, -10px) scale(0.6694);
  animation: fall-174 24s -15s linear infinite;
}

@keyframes fall-174 {
  43.434% {
    transform: translate(42.4256vw, 43.434vh) scale(0.6694);
  }

  to {
    transform: translate(46.74495vw, 100vh) scale(0.6694);
  }
}

.snow:nth-child(175) {
  opacity: 0.4824;
  transform: translate(86.0367vw, -10px) scale(0.9949);
  animation: fall-175 11s -18s linear infinite;
}

@keyframes fall-175 {
  46.09% {
    transform: translate(80.0513vw, 46.09vh) scale(0.9949);
  }

  to {
    transform: translate(83.044vw, 100vh) scale(0.9949);
  }
}

.snow:nth-child(176) {
  opacity: 0.726;
  transform: translate(34.4985vw, -10px) scale(0.1004);
  animation: fall-176 11s -27s linear infinite;
}

@keyframes fall-176 {
  35.463% {
    transform: translate(34.564vw, 35.463vh) scale(0.1004);
  }

  to {
    transform: translate(34.53125vw, 100vh) scale(0.1004);
  }
}

.snow:nth-child(177) {
  opacity: 0.0064;
  transform: translate(68.0571vw, -10px) scale(0.4472);
  animation: fall-177 25s -20s linear infinite;
}

@keyframes fall-177 {
  45.581% {
    transform: translate(66.9763vw, 45.581vh) scale(0.4472);
  }

  to {
    transform: translate(67.5167vw, 100vh) scale(0.4472);
  }
}

.snow:nth-child(178) {
  opacity: 0.9156;
  transform: translate(90.8477vw, -10px) scale(0.7416);
  animation: fall-178 28s -6s linear infinite;
}

@keyframes fall-178 {
  72.564% {
    transform: translate(84.7873vw, 72.564vh) scale(0.7416);
  }

  to {
    transform: translate(87.8175vw, 100vh) scale(0.7416);
  }
}

.snow:nth-child(179) {
  opacity: 0.1462;
  transform: translate(6.1928vw, -10px) scale(0.8836);
  animation: fall-179 19s -1s linear infinite;
}

@keyframes fall-179 {
  60.737% {
    transform: translate(8.4819vw, 60.737vh) scale(0.8836);
  }

  to {
    transform: translate(7.33735vw, 100vh) scale(0.8836);
  }
}

.snow:nth-child(180) {
  opacity: 0.7772;
  transform: translate(64.6882vw, -10px) scale(0.6566);
  animation: fall-180 19s -6s linear infinite;
}

@keyframes fall-180 {
  31.819% {
    transform: translate(62.9874vw, 31.819vh) scale(0.6566);
  }

  to {
    transform: translate(63.8378vw, 100vh) scale(0.6566);
  }
}

.snow:nth-child(181) {
  opacity: 0.332;
  transform: translate(15.2798vw, -10px) scale(0.2972);
  animation: fall-181 10s -5s linear infinite;
}

@keyframes fall-181 {
  53.876% {
    transform: translate(9.1109vw, 53.876vh) scale(0.2972);
  }

  to {
    transform: translate(12.19535vw, 100vh) scale(0.2972);
  }
}

.snow:nth-child(182) {
  opacity: 0.6151;
  transform: translate(83.7978vw, -10px) scale(0.3669);
  animation: fall-182 13s -28s linear infinite;
}

@keyframes fall-182 {
  43.927% {
    transform: translate(92.8185vw, 43.927vh) scale(0.3669);
  }

  to {
    transform: translate(88.30815vw, 100vh) scale(0.3669);
  }
}

.snow:nth-child(183) {
  opacity: 0.3855;
  transform: translate(53.6787vw, -10px) scale(0.0608);
  animation: fall-183 12s -14s linear infinite;
}

@keyframes fall-183 {
  40.408% {
    transform: translate(56.1302vw, 40.408vh) scale(0.0608);
  }

  to {
    transform: translate(54.90445vw, 100vh) scale(0.0608);
  }
}

.snow:nth-child(184) {
  opacity: 0.3654;
  transform: translate(38.1885vw, -10px) scale(0.224);
  animation: fall-184 28s -9s linear infinite;
}

@keyframes fall-184 {
  36.678% {
    transform: translate(44.9407vw, 36.678vh) scale(0.224);
  }

  to {
    transform: translate(41.5646vw, 100vh) scale(0.224);
  }
}

.snow:nth-child(185) {
  opacity: 0.1521;
  transform: translate(47.9207vw, -10px) scale(0.783);
  animation: fall-185 21s -12s linear infinite;
}

@keyframes fall-185 {
  44.248% {
    transform: translate(51.7053vw, 44.248vh) scale(0.783);
  }

  to {
    transform: translate(49.813vw, 100vh) scale(0.783);
  }
}

.snow:nth-child(186) {
  opacity: 0.027;
  transform: translate(72.9702vw, -10px) scale(0.4676);
  animation: fall-186 28s -24s linear infinite;
}

@keyframes fall-186 {
  43.786% {
    transform: translate(67.123vw, 43.786vh) scale(0.4676);
  }

  to {
    transform: translate(70.0466vw, 100vh) scale(0.4676);
  }
}

.snow:nth-child(187) {
  opacity: 0.634;
  transform: translate(90.5511vw, -10px) scale(0.9108);
  animation: fall-187 24s -28s linear infinite;
}

@keyframes fall-187 {
  53.745% {
    transform: translate(98.8322vw, 53.745vh) scale(0.9108);
  }

  to {
    transform: translate(94.69165vw, 100vh) scale(0.9108);
  }
}

.snow:nth-child(188) {
  opacity: 0.1263;
  transform: translate(43.0474vw, -10px) scale(0.7718);
  animation: fall-188 29s -30s linear infinite;
}

@keyframes fall-188 {
  47.572% {
    transform: translate(37.7506vw, 47.572vh) scale(0.7718);
  }

  to {
    transform: translate(40.399vw, 100vh) scale(0.7718);
  }
}

.snow:nth-child(189) {
  opacity: 0.4347;
  transform: translate(60.4052vw, -10px) scale(0.6375);
  animation: fall-189 15s -30s linear infinite;
}

@keyframes fall-189 {
  72.554% {
    transform: translate(56.9225vw, 72.554vh) scale(0.6375);
  }

  to {
    transform: translate(58.66385vw, 100vh) scale(0.6375);
  }
}

.snow:nth-child(190) {
  opacity: 0.9991;
  transform: translate(61.9556vw, -10px) scale(0.7801);
  animation: fall-190 10s -12s linear infinite;
}

@keyframes fall-190 {
  76.901% {
    transform: translate(66.2237vw, 76.901vh) scale(0.7801);
  }

  to {
    transform: translate(64.08965vw, 100vh) scale(0.7801);
  }
}

.snow:nth-child(191) {
  opacity: 0.4695;
  transform: translate(82.1122vw, -10px) scale(0.3377);
  animation: fall-191 30s -25s linear infinite;
}

@keyframes fall-191 {
  40.266% {
    transform: translate(90.4726vw, 40.266vh) scale(0.3377);
  }

  to {
    transform: translate(86.2924vw, 100vh) scale(0.3377);
  }
}

.snow:nth-child(192) {
  opacity: 0.901;
  transform: translate(7.3999vw, -10px) scale(0.2732);
  animation: fall-192 11s -24s linear infinite;
}

@keyframes fall-192 {
  49.969% {
    transform: translate(13.1184vw, 49.969vh) scale(0.2732);
  }

  to {
    transform: translate(10.25915vw, 100vh) scale(0.2732);
  }
}

.snow:nth-child(193) {
  opacity: 0.4033;
  transform: translate(36.8115vw, -10px) scale(0.0639);
  animation: fall-193 18s -6s linear infinite;
}

@keyframes fall-193 {
  60.283% {
    transform: translate(33.1502vw, 60.283vh) scale(0.0639);
  }

  to {
    transform: translate(34.98085vw, 100vh) scale(0.0639);
  }
}

.snow:nth-child(194) {
  opacity: 0.3236;
  transform: translate(95.6973vw, -10px) scale(0.5309);
  animation: fall-194 10s -19s linear infinite;
}

@keyframes fall-194 {
  70.834% {
    transform: translate(96.1542vw, 70.834vh) scale(0.5309);
  }

  to {
    transform: translate(95.92575vw, 100vh) scale(0.5309);
  }
}

.snow:nth-child(195) {
  opacity: 0.8476;
  transform: translate(28.014vw, -10px) scale(0.0732);
  animation: fall-195 28s -19s linear infinite;
}

@keyframes fall-195 {
  34.878% {
    transform: translate(35.0556vw, 34.878vh) scale(0.0732);
  }

  to {
    transform: translate(31.5348vw, 100vh) scale(0.0732);
  }
}

.snow:nth-child(196) {
  opacity: 0.9056;
  transform: translate(53.6633vw, -10px) scale(0.0121);
  animation: fall-196 18s -19s linear infinite;
}

@keyframes fall-196 {
  55.845% {
    transform: translate(59.0007vw, 55.845vh) scale(0.0121);
  }

  to {
    transform: translate(56.332vw, 100vh) scale(0.0121);
  }
}

.snow:nth-child(197) {
  opacity: 0.5535;
  transform: translate(75.2121vw, -10px) scale(0.4705);
  animation: fall-197 11s -14s linear infinite;
}

@keyframes fall-197 {
  33.271% {
    transform: translate(79.8133vw, 33.271vh) scale(0.4705);
  }

  to {
    transform: translate(77.5127vw, 100vh) scale(0.4705);
  }
}

.snow:nth-child(198) {
  opacity: 0.6352;
  transform: translate(52.1033vw, -10px) scale(0.8085);
  animation: fall-198 13s -12s linear infinite;
}

@keyframes fall-198 {
  73.996% {
    transform: translate(46.1019vw, 73.996vh) scale(0.8085);
  }

  to {
    transform: translate(49.1026vw, 100vh) scale(0.8085);
  }
}

.snow:nth-child(199) {
  opacity: 0.4769;
  transform: translate(98.5475vw, -10px) scale(0.0221);
  animation: fall-199 10s -26s linear infinite;
}

@keyframes fall-199 {
  59.199% {
    transform: translate(96.3509vw, 59.199vh) scale(0.0221);
  }

  to {
    transform: translate(97.4492vw, 100vh) scale(0.0221);
  }
}

.snow:nth-child(200) {
  opacity: 0.4125;
  transform: translate(1.6918vw, -10px) scale(0.3678);
  animation: fall-200 25s -7s linear infinite;
}

@keyframes fall-200 {
  39.53% {
    transform: translate(-2.3577vw, 39.53vh) scale(0.3678);
  }

  to {
    transform: translate(-0.33295vw, 100vh) scale(0.3678);
  }
}


@keyframes move {
  0% {
    transform: rotateY(0);
  }

  100% {
    transform: rotateY(360deg);
  }
}

section {
  position: relative;
  width: 500px;
  height: 750px;
  margin: auto;
  /* padding: 200px; */
  transform-style: preserve-3d;
  animation: move 10s linear infinite;
  background: url(images/meinv.jpg) no-repeat;
}

section:hover {
  animation-play-state: paused;
}

section div {
  position: absolute;
  top: 20%;
  left: 0;
  width: 80%;
  height: 80%;
  /* background: url(./images/1.webp) no-repeat center;  */
  background-position: center;
}

section div:nth-child(1) {
  transform: translateZ(500px);
}

section div:nth-child(2) {
  /* 这里应该是先旋转在位移 */
  transform: rotateY(60deg) translateZ(500px);
}

section div:nth-child(3) {
  transform: rotateY(120deg) translateZ(500px);
}

section div:nth-child(4) {
  transform: rotateY(180deg) translateZ(500px);
}

section div:nth-child(5) {
  transform: rotateY(240deg) translateZ(500px);
}

section div:nth-child(6) {
  transform: rotateY(300deg) translateZ(500px);
}

body {
  perspective: 8000px;
  transform: scale(0.8);
  position: relative;
  flex: auto ;
}