/* body {
  height:100vh;
  background: radial-gradient(ellipse at bottom, #4a88cf 0%, #5667bd 100%);
  overflow: hidden;
  filter: drop-shadow(0 0 10px white);
} */
/* 上面是测试背景代码 */
.snow-nav {
  background-image: linear-gradient(#64c3e6, #fff);
  position: absolute;
  height: 100vh;
  width: 100vw;
  /* background: radial-gradient(ellipse at bottom, #584acf -1%, #f8f8f8 100%); */
  overflow: hidden;
  filter: drop-shadow(0 0 10px white);
  z-index: -2;
}

/* 以下是雪花下落代码 */
.snow {
  position: absolute;
  width: 1px;
  height: 1px;
  /* 注释掉圆形雪花代码 background: white; */
  border-radius: 50%;
}

.snow:nth-child(1) {
  opacity: 0.2061;
  transform: translate(5.8106vw, -10px) scale(0.0023);
  animation: fall-1 22s -28s linear infinite;
}

@keyframes fall-1 {
  38.875% {
    transform: translate(0.259vw, 38.875vh) scale(0.0023);
  }
  to {
    transform: translate(3.0348vw, 100vh) scale(0.0023);
  }
}

.snow:nth-child(2) {
  opacity: 0.3183;
  transform: translate(38.2904vw, -10px) scale(0.3581);
  animation: fall-2 18s -25s linear infinite;
}

@keyframes fall-2 {
  72.767% {
    transform: translate(39.1537vw, 72.767vh) scale(0.3581);
  }
  to {
    transform: translate(38.72205vw, 100vh) scale(0.3581);
  }
}

.snow:nth-child(3) {
  opacity: 0.9207;
  transform: translate(83.1835vw, -10px) scale(0.1929);
  animation: fall-3 22s -19s linear infinite;
}

@keyframes fall-3 {
  45.463% {
    transform: translate(88.0612vw, 45.463vh) scale(0.1929);
  }
  to {
    transform: translate(85.62235vw, 100vh) scale(0.1929);
  }
}

.snow:nth-child(4) {
  opacity: 0.5565;
  transform: translate(44.1878vw, -10px) scale(0.6366);
  animation: fall-4 10s -9s linear infinite;
}

@keyframes fall-4 {
  47.408% {
    transform: translate(48.1584vw, 47.408vh) scale(0.6366);
  }
  to {
    transform: translate(46.1731vw, 100vh) scale(0.6366);
  }
}

.snow:nth-child(5) {
  opacity: 0.7126;
  transform: translate(78.9812vw, -10px) scale(0.1857);
  animation: fall-5 12s -7s linear infinite;
}

@keyframes fall-5 {
  30.145% {
    transform: translate(69.5363vw, 30.145vh) scale(0.1857);
  }
  to {
    transform: translate(74.25875vw, 100vh) scale(0.1857);
  }
}

.snow:nth-child(6) {
  opacity: 0.9922;
  transform: translate(4.4683vw, -10px) scale(0.3739);
  animation: fall-6 26s -20s linear infinite;
}

@keyframes fall-6 {
  64.328% {
    transform: translate(-1.72vw, 64.328vh) scale(0.3739);
  }
  to {
    transform: translate(1.37415vw, 100vh) scale(0.3739);
  }
}

.snow:nth-child(7) {
  opacity: 0.4225;
  transform: translate(61.1209vw, -10px) scale(0.3094);
  animation: fall-7 13s -14s linear infinite;
}

@keyframes fall-7 {
  73.241% {
    transform: translate(54.4819vw, 73.241vh) scale(0.3094);
  }
  to {
    transform: translate(57.8014vw, 100vh) scale(0.3094);
  }
}

.snow:nth-child(8) {
  opacity: 0.2846;
  transform: translate(96.867vw, -10px) scale(0.7792);
  animation: fall-8 21s -7s linear infinite;
}

@keyframes fall-8 {
  56.227% {
    transform: translate(101.6752vw, 56.227vh) scale(0.7792);
  }
  to {
    transform: translate(99.2711vw, 100vh) scale(0.7792);
  }
}

.snow:nth-child(9) {
  opacity: 0.4807;
  transform: translate(8.3718vw, -10px) scale(0.6804);
  animation: fall-9 26s -19s linear infinite;
}

@keyframes fall-9 {
  31.686% {
    transform: translate(6.3354vw, 31.686vh) scale(0.6804);
  }
  to {
    transform: translate(7.3536vw, 100vh) scale(0.6804);
  }
}

.snow:nth-child(10) {
  opacity: 0.9181;
  transform: translate(32.4426vw, -10px) scale(0.3381);
  animation: fall-10 16s -30s linear infinite;
}

@keyframes fall-10 {
  72.05% {
    transform: translate(28.222vw, 72.05vh) scale(0.3381);
  }
  to {
    transform: translate(30.3323vw, 100vh) scale(0.3381);
  }
}

.snow:nth-child(11) {
  opacity: 0.698;
  transform: translate(65.8506vw, -10px) scale(0.4118);
  animation: fall-11 20s -16s linear infinite;
}

@keyframes fall-11 {
  58.522% {
    transform: translate(71.1779vw, 58.522vh) scale(0.4118);
  }
  to {
    transform: translate(68.51425vw, 100vh) scale(0.4118);
  }
}

.snow:nth-child(12) {
  opacity: 0.6575;
  transform: translate(34.8383vw, -10px) scale(0.274);
  animation: fall-12 14s -30s linear infinite;
}

@keyframes fall-12 {
  66.454% {
    transform: translate(40.9005vw, 66.454vh) scale(0.274);
  }
  to {
    transform: translate(37.8694vw, 100vh) scale(0.274);
  }
}

.snow:nth-child(13) {
  opacity: 0.2356;
  transform: translate(23.2715vw, -10px) scale(0.8082);
  animation: fall-13 21s -28s linear infinite;
}

@keyframes fall-13 {
  67.925% {
    transform: translate(18.6897vw, 67.925vh) scale(0.8082);
  }
  to {
    transform: translate(20.9806vw, 100vh) scale(0.8082);
  }
}

.snow:nth-child(14) {
  opacity: 0.2035;
  transform: translate(92.183vw, -10px) scale(0.9273);
  animation: fall-14 24s -2s linear infinite;
}

@keyframes fall-14 {
  64.727% {
    transform: translate(85.1898vw, 64.727vh) scale(0.9273);
  }
  to {
    transform: translate(88.6864vw, 100vh) scale(0.9273);
  }
}

.snow:nth-child(15) {
  opacity: 0.932;
  transform: translate(28.8788vw, -10px) scale(0.1655);
  animation: fall-15 11s -17s linear infinite;
}

@keyframes fall-15 {
  32.356% {
    transform: translate(22.4324vw, 32.356vh) scale(0.1655);
  }
  to {
    transform: translate(25.6556vw, 100vh) scale(0.1655);
  }
}

.snow:nth-child(16) {
  opacity: 0.9236;
  transform: translate(15.3199vw, -10px) scale(0.4917);
  animation: fall-16 19s -18s linear infinite;
}

@keyframes fall-16 {
  71.388% {
    transform: translate(12.78vw, 71.388vh) scale(0.4917);
  }
  to {
    transform: translate(14.04995vw, 100vh) scale(0.4917);
  }
}

.snow:nth-child(17) {
  opacity: 0.9904;
  transform: translate(34.4252vw, -10px) scale(0.6599);
  animation: fall-17 24s -10s linear infinite;
}

@keyframes fall-17 {
  61.971% {
    transform: translate(33.9225vw, 61.971vh) scale(0.6599);
  }
  to {
    transform: translate(34.17385vw, 100vh) scale(0.6599);
  }
}

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

@keyframes fall-18 {
  63.222% {
    transform: translate(42.6093vw, 63.222vh) scale(0.2128);
  }
  to {
    transform: translate(42.5717vw, 100vh) scale(0.2128);
  }
}

.snow:nth-child(19) {
  opacity: 0.8151;
  transform: translate(5.2755vw, -10px) scale(0.846);
  animation: fall-19 13s -10s linear infinite;
}

@keyframes fall-19 {
  30.241% {
    transform: translate(14.415vw, 30.241vh) scale(0.846);
  }
  to {
    transform: translate(9.84525vw, 100vh) scale(0.846);
  }
}

.snow:nth-child(20) {
  opacity: 0.971;
  transform: translate(78.8377vw, -10px) scale(0.6172);
  animation: fall-20 24s -26s linear infinite;
}

@keyframes fall-20 {
  51.356% {
    transform: translate(73.2985vw, 51.356vh) scale(0.6172);
  }
  to {
    transform: translate(76.0681vw, 100vh) scale(0.6172);
  }
}

.snow:nth-child(21) {
  opacity: 0.6654;
  transform: translate(82.835vw, -10px) scale(0.9614);
  animation: fall-21 23s -28s linear infinite;
}

@keyframes fall-21 {
  67.974% {
    transform: translate(86.7373vw, 67.974vh) scale(0.9614);
  }
  to {
    transform: translate(84.78615vw, 100vh) scale(0.9614);
  }
}

.snow:nth-child(22) {
  opacity: 0.8703;
  transform: translate(46.1674vw, -10px) scale(0.2611);
  animation: fall-22 17s -28s linear infinite;
}

@keyframes fall-22 {
  33.375% {
    transform: translate(40.528vw, 33.375vh) scale(0.2611);
  }
  to {
    transform: translate(43.3477vw, 100vh) scale(0.2611);
  }
}

.snow:nth-child(23) {
  opacity: 0.4123;
  transform: translate(39.924vw, -10px) scale(0.2716);
  animation: fall-23 17s -10s linear infinite;
}

@keyframes fall-23 {
  70.549% {
    transform: translate(45.5138vw, 70.549vh) scale(0.2716);
  }
  to {
    transform: translate(42.7189vw, 100vh) scale(0.2716);
  }
}

.snow:nth-child(24) {
  opacity: 0.8008;
  transform: translate(32.5567vw, -10px) scale(0.9901);
  animation: fall-24 24s -21s linear infinite;
}

@keyframes fall-24 {
  52.639% {
    transform: translate(35.0278vw, 52.639vh) scale(0.9901);
  }
  to {
    transform: translate(33.79225vw, 100vh) scale(0.9901);
  }
}

.snow:nth-child(25) {
  opacity: 0.7308;
  transform: translate(49.3501vw, -10px) scale(0.7152);
  animation: fall-25 13s -27s linear infinite;
}

@keyframes fall-25 {
  70.297% {
    transform: translate(56.2804vw, 70.297vh) scale(0.7152);
  }
  to {
    transform: translate(52.81525vw, 100vh) scale(0.7152);
  }
}

.snow:nth-child(26) {
  opacity: 0.6685;
  transform: translate(63.9078vw, -10px) scale(0.6486);
  animation: fall-26 17s -27s linear infinite;
}

@keyframes fall-26 {
  78.325% {
    transform: translate(57.7367vw, 78.325vh) scale(0.6486);
  }
  to {
    transform: translate(60.82225vw, 100vh) scale(0.6486);
  }
}

.snow:nth-child(27) {
  opacity: 0.0508;
  transform: translate(81.9022vw, -10px) scale(0.632);
  animation: fall-27 28s -19s linear infinite;
}

@keyframes fall-27 {
  74.626% {
    transform: translate(73.2878vw, 74.626vh) scale(0.632);
  }
  to {
    transform: translate(77.595vw, 100vh) scale(0.632);
  }
}

.snow:nth-child(28) {
  opacity: 0.0474;
  transform: translate(82.8178vw, -10px) scale(0.1972);
  animation: fall-28 17s -26s linear infinite;
}

@keyframes fall-28 {
  35.823% {
    transform: translate(90.3728vw, 35.823vh) scale(0.1972);
  }
  to {
    transform: translate(86.5953vw, 100vh) scale(0.1972);
  }
}

.snow:nth-child(29) {
  opacity: 0.5066;
  transform: translate(36.8442vw, -10px) scale(0.2486);
  animation: fall-29 16s -2s linear infinite;
}

@keyframes fall-29 {
  51.676% {
    transform: translate(30.3544vw, 51.676vh) scale(0.2486);
  }
  to {
    transform: translate(33.5993vw, 100vh) scale(0.2486);
  }
}

.snow:nth-child(30) {
  opacity: 0.4244;
  transform: translate(7.5837vw, -10px) scale(0.6166);
  animation: fall-30 12s -22s linear infinite;
}

@keyframes fall-30 {
  31.61% {
    transform: translate(-1.46vw, 31.61vh) scale(0.6166);
  }
  to {
    transform: translate(3.06185vw, 100vh) scale(0.6166);
  }
}

.snow:nth-child(31) {
  opacity: 0.8129;
  transform: translate(34.4841vw, -10px) scale(0.552);
  animation: fall-31 20s -27s linear infinite;
}

@keyframes fall-31 {
  44.8% {
    transform: translate(27.1038vw, 44.8vh) scale(0.552);
  }
  to {
    transform: translate(30.79395vw, 100vh) scale(0.552);
  }
}

.snow:nth-child(32) {
  opacity: 0.4887;
  transform: translate(36.4295vw, -10px) scale(0.4476);
  animation: fall-32 15s -28s linear infinite;
}

@keyframes fall-32 {
  74.445% {
    transform: translate(26.6973vw, 74.445vh) scale(0.4476);
  }
  to {
    transform: translate(31.5634vw, 100vh) scale(0.4476);
  }
}

.snow:nth-child(33) {
  opacity: 0.1533;
  transform: translate(35.6027vw, -10px) scale(0.8755);
  animation: fall-33 17s -18s linear infinite;
}

@keyframes fall-33 {
  73.081% {
    transform: translate(31.3645vw, 73.081vh) scale(0.8755);
  }
  to {
    transform: translate(33.4836vw, 100vh) scale(0.8755);
  }
}

.snow:nth-child(34) {
  opacity: 0.5534;
  transform: translate(16.8029vw, -10px) scale(0.3853);
  animation: fall-34 18s -18s linear infinite;
}

@keyframes fall-34 {
  34.054% {
    transform: translate(23.3658vw, 34.054vh) scale(0.3853);
  }
  to {
    transform: translate(20.08435vw, 100vh) scale(0.3853);
  }
}

.snow:nth-child(35) {
  opacity: 0.3813;
  transform: translate(26.3637vw, -10px) scale(0.8979);
  animation: fall-35 21s -21s linear infinite;
}

@keyframes fall-35 {
  34.42% {
    transform: translate(30.6007vw, 34.42vh) scale(0.8979);
  }
  to {
    transform: translate(28.4822vw, 100vh) scale(0.8979);
  }
}

.snow:nth-child(36) {
  opacity: 0.8762;
  transform: translate(67.6245vw, -10px) scale(0.0789);
  animation: fall-36 13s -18s linear infinite;
}

@keyframes fall-36 {
  31.966% {
    transform: translate(66.0702vw, 31.966vh) scale(0.0789);
  }
  to {
    transform: translate(66.84735vw, 100vh) scale(0.0789);
  }
}

.snow:nth-child(37) {
  opacity: 0.4029;
  transform: translate(90.3907vw, -10px) scale(0.4172);
  animation: fall-37 12s -8s linear infinite;
}

@keyframes fall-37 {
  73.219% {
    transform: translate(97.4698vw, 73.219vh) scale(0.4172);
  }
  to {
    transform: translate(93.93025vw, 100vh) scale(0.4172);
  }
}

.snow:nth-child(38) {
  opacity: 0.7184;
  transform: translate(98.5083vw, -10px) scale(0.4112);
  animation: fall-38 30s -19s linear infinite;
}

@keyframes fall-38 {
  31.608% {
    transform: translate(98.5531vw, 31.608vh) scale(0.4112);
  }
  to {
    transform: translate(98.5307vw, 100vh) scale(0.4112);
  }
}

.snow:nth-child(39) {
  opacity: 0.1416;
  transform: translate(12.2751vw, -10px) scale(0.0174);
  animation: fall-39 14s -24s linear infinite;
}

@keyframes fall-39 {
  59.647% {
    transform: translate(3.2612vw, 59.647vh) scale(0.0174);
  }
  to {
    transform: translate(7.76815vw, 100vh) scale(0.0174);
  }
}

.snow:nth-child(40) {
  opacity: 0.2946;
  transform: translate(51.1472vw, -10px) scale(0.9217);
  animation: fall-40 20s -6s linear infinite;
}

@keyframes fall-40 {
  44.356% {
    transform: translate(58.4797vw, 44.356vh) scale(0.9217);
  }
  to {
    transform: translate(54.81345vw, 100vh) scale(0.9217);
  }
}

.snow:nth-child(41) {
  opacity: 0.7218;
  transform: translate(45.7522vw, -10px) scale(0.8051);
  animation: fall-41 12s -29s linear infinite;
}

@keyframes fall-41 {
  64.002% {
    transform: translate(54.5021vw, 64.002vh) scale(0.8051);
  }
  to {
    transform: translate(50.12715vw, 100vh) scale(0.8051);
  }
}

.snow:nth-child(42) {
  opacity: 0.4898;
  transform: translate(78.5918vw, -10px) scale(0.6018);
  animation: fall-42 16s -23s linear infinite;
}

@keyframes fall-42 {
  31.411% {
    transform: translate(79.9282vw, 31.411vh) scale(0.6018);
  }
  to {
    transform: translate(79.26vw, 100vh) scale(0.6018);
  }
}

.snow:nth-child(43) {
  opacity: 0.2772;
  transform: translate(10.0722vw, -10px) scale(0.8072);
  animation: fall-43 26s -7s linear infinite;
}

@keyframes fall-43 {
  52.947% {
    transform: translate(3.6329vw, 52.947vh) scale(0.8072);
  }
  to {
    transform: translate(6.85255vw, 100vh) scale(0.8072);
  }
}

.snow:nth-child(44) {
  opacity: 0.0537;
  transform: translate(4.8387vw, -10px) scale(0.1043);
  animation: fall-44 15s -26s linear infinite;
}

@keyframes fall-44 {
  39.817% {
    transform: translate(6.7242vw, 39.817vh) scale(0.1043);
  }
  to {
    transform: translate(5.78145vw, 100vh) scale(0.1043);
  }
}

.snow:nth-child(45) {
  opacity: 0.1993;
  transform: translate(47.2773vw, -10px) scale(0.2223);
  animation: fall-45 24s -29s linear infinite;
}

@keyframes fall-45 {
  36.581% {
    transform: translate(51.1361vw, 36.581vh) scale(0.2223);
  }
  to {
    transform: translate(49.2067vw, 100vh) scale(0.2223);
  }
}

.snow:nth-child(46) {
  opacity: 0.8391;
  transform: translate(56.391vw, -10px) scale(0.4383);
  animation: fall-46 14s -11s linear infinite;
}

@keyframes fall-46 {
  30.663% {
    transform: translate(56.228vw, 30.663vh) scale(0.4383);
  }
  to {
    transform: translate(56.3095vw, 100vh) scale(0.4383);
  }
}

.snow:nth-child(47) {
  opacity: 0.238;
  transform: translate(12.1754vw, -10px) scale(0.3973);
  animation: fall-47 26s -19s linear infinite;
}

@keyframes fall-47 {
  58.382% {
    transform: translate(20.4557vw, 58.382vh) scale(0.3973);
  }
  to {
    transform: translate(16.31555vw, 100vh) scale(0.3973);
  }
}

.snow:nth-child(48) {
  opacity: 0.7428;
  transform: translate(7.6184vw, -10px) scale(0.2286);
  animation: fall-48 24s -28s linear infinite;
}

@keyframes fall-48 {
  66.256% {
    transform: translate(0.4261vw, 66.256vh) scale(0.2286);
  }
  to {
    transform: translate(4.02225vw, 100vh) scale(0.2286);
  }
}

.snow:nth-child(49) {
  opacity: 0.8495;
  transform: translate(56.9094vw, -10px) scale(0.743);
  animation: fall-49 15s -24s linear infinite;
}

@keyframes fall-49 {
  50.995% {
    transform: translate(57.1983vw, 50.995vh) scale(0.743);
  }
  to {
    transform: translate(57.05385vw, 100vh) scale(0.743);
  }
}

.snow:nth-child(50) {
  opacity: 0.3862;
  transform: translate(3.5346vw, -10px) scale(0.1457);
  animation: fall-50 20s -12s linear infinite;
}

@keyframes fall-50 {
  61.961% {
    transform: translate(-2.0804vw, 61.961vh) scale(0.1457);
  }
  to {
    transform: translate(0.7271vw, 100vh) scale(0.1457);
  }
}

.snow:nth-child(51) {
  opacity: 0.5295;
  transform: translate(85.0074vw, -10px) scale(0.5834);
  animation: fall-51 22s -23s linear infinite;
}

@keyframes fall-51 {
  45.319% {
    transform: translate(89.6608vw, 45.319vh) scale(0.5834);
  }
  to {
    transform: translate(87.3341vw, 100vh) scale(0.5834);
  }
}

.snow:nth-child(52) {
  opacity: 0.2303;
  transform: translate(57.0609vw, -10px) scale(0.7043);
  animation: fall-52 14s -19s linear infinite;
}

@keyframes fall-52 {
  59.315% {
    transform: translate(51.5644vw, 59.315vh) scale(0.7043);
  }
  to {
    transform: translate(54.31265vw, 100vh) scale(0.7043);
  }
}

.snow:nth-child(53) {
  opacity: 0.0731;
  transform: translate(81.8245vw, -10px) scale(0.2535);
  animation: fall-53 27s -25s linear infinite;
}

@keyframes fall-53 {
  62.124% {
    transform: translate(72.2068vw, 62.124vh) scale(0.2535);
  }
  to {
    transform: translate(77.01565vw, 100vh) scale(0.2535);
  }
}

.snow:nth-child(54) {
  opacity: 0.5345;
  transform: translate(3.3352vw, -10px) scale(0.7842);
  animation: fall-54 30s -17s linear infinite;
}

@keyframes fall-54 {
  62.616% {
    transform: translate(1.727vw, 62.616vh) scale(0.7842);
  }
  to {
    transform: translate(2.5311vw, 100vh) scale(0.7842);
  }
}

.snow:nth-child(55) {
  opacity: 0.873;
  transform: translate(99.9367vw, -10px) scale(0.589);
  animation: fall-55 26s -4s linear infinite;
}

@keyframes fall-55 {
  64.682% {
    transform: translate(93.248vw, 64.682vh) scale(0.589);
  }
  to {
    transform: translate(96.59235vw, 100vh) scale(0.589);
  }
}

.snow:nth-child(56) {
  opacity: 0.4135;
  transform: translate(59.646vw, -10px) scale(0.9093);
  animation: fall-56 19s -18s linear infinite;
}

@keyframes fall-56 {
  56.203% {
    transform: translate(62.9253vw, 56.203vh) scale(0.9093);
  }
  to {
    transform: translate(61.28565vw, 100vh) scale(0.9093);
  }
}

.snow:nth-child(57) {
  opacity: 0.402;
  transform: translate(66.6953vw, -10px) scale(0.3658);
  animation: fall-57 21s -28s linear infinite;
}

@keyframes fall-57 {
  39.665% {
    transform: translate(62.4465vw, 39.665vh) scale(0.3658);
  }
  to {
    transform: translate(64.5709vw, 100vh) scale(0.3658);
  }
}

.snow:nth-child(58) {
  opacity: 0.995;
  transform: translate(56.8151vw, -10px) scale(0.3441);
  animation: fall-58 18s -6s linear infinite;
}

@keyframes fall-58 {
  39.179% {
    transform: translate(50.8531vw, 39.179vh) scale(0.3441);
  }
  to {
    transform: translate(53.8341vw, 100vh) scale(0.3441);
  }
}

.snow:nth-child(59) {
  opacity: 0.4887;
  transform: translate(65.3651vw, -10px) scale(0.0316);
  animation: fall-59 15s -23s linear infinite;
}

@keyframes fall-59 {
  58.234% {
    transform: translate(59.8569vw, 58.234vh) scale(0.0316);
  }
  to {
    transform: translate(62.611vw, 100vh) scale(0.0316);
  }
}

.snow:nth-child(60) {
  opacity: 0.0229;
  transform: translate(59.9633vw, -10px) scale(0.0319);
  animation: fall-60 24s -22s linear infinite;
}

@keyframes fall-60 {
  55.857% {
    transform: translate(62.5819vw, 55.857vh) scale(0.0319);
  }
  to {
    transform: translate(61.2726vw, 100vh) scale(0.0319);
  }
}

.snow:nth-child(61) {
  opacity: 0.0512;
  transform: translate(53.3133vw, -10px) scale(0.7459);
  animation: fall-61 28s -29s linear infinite;
}

@keyframes fall-61 {
  74.36% {
    transform: translate(61.1227vw, 74.36vh) scale(0.7459);
  }
  to {
    transform: translate(57.218vw, 100vh) scale(0.7459);
  }
}

.snow:nth-child(62) {
  opacity: 0.3191;
  transform: translate(91.303vw, -10px) scale(0.1631);
  animation: fall-62 17s -8s linear infinite;
}

@keyframes fall-62 {
  52.759% {
    transform: translate(88.4862vw, 52.759vh) scale(0.1631);
  }
  to {
    transform: translate(89.8946vw, 100vh) scale(0.1631);
  }
}

.snow:nth-child(63) {
  opacity: 0.7263;
  transform: translate(64.3075vw, -10px) scale(0.4096);
  animation: fall-63 20s -3s linear infinite;
}

@keyframes fall-63 {
  31.159% {
    transform: translate(61.2111vw, 31.159vh) scale(0.4096);
  }
  to {
    transform: translate(62.7593vw, 100vh) scale(0.4096);
  }
}

.snow:nth-child(64) {
  opacity: 0.9708;
  transform: translate(81.0014vw, -10px) scale(0.7099);
  animation: fall-64 14s -7s linear infinite;
}

@keyframes fall-64 {
  44.894% {
    transform: translate(89.2991vw, 44.894vh) scale(0.7099);
  }
  to {
    transform: translate(85.15025vw, 100vh) scale(0.7099);
  }
}

.snow:nth-child(65) {
  opacity: 0.3285;
  transform: translate(29.8462vw, -10px) scale(0.9552);
  animation: fall-65 17s -29s linear infinite;
}

@keyframes fall-65 {
  62.183% {
    transform: translate(36.4682vw, 62.183vh) scale(0.9552);
  }
  to {
    transform: translate(33.1572vw, 100vh) scale(0.9552);
  }
}

.snow:nth-child(66) {
  opacity: 0.8268;
  transform: translate(4.8486vw, -10px) scale(0.7149);
  animation: fall-66 15s -27s linear infinite;
}

@keyframes fall-66 {
  46.095% {
    transform: translate(2.4958vw, 46.095vh) scale(0.7149);
  }
  to {
    transform: translate(3.6722vw, 100vh) scale(0.7149);
  }
}

.snow:nth-child(67) {
  opacity: 0.5894;
  transform: translate(84.9901vw, -10px) scale(0.9123);
  animation: fall-67 23s -6s linear infinite;
}

@keyframes fall-67 {
  57.601% {
    transform: translate(94.2552vw, 57.601vh) scale(0.9123);
  }
  to {
    transform: translate(89.62265vw, 100vh) scale(0.9123);
  }
}

.snow:nth-child(68) {
  opacity: 0.8565;
  transform: translate(50.592vw, -10px) scale(0.8853);
  animation: fall-68 23s -24s linear infinite;
}

@keyframes fall-68 {
  76.21% {
    transform: translate(52.0316vw, 76.21vh) scale(0.8853);
  }
  to {
    transform: translate(51.3118vw, 100vh) scale(0.8853);
  }
}

.snow:nth-child(69) {
  opacity: 0.5906;
  transform: translate(61.4234vw, -10px) scale(0.8624);
  animation: fall-69 18s -8s linear infinite;
}

@keyframes fall-69 {
  47.877% {
    transform: translate(68.5962vw, 47.877vh) scale(0.8624);
  }
  to {
    transform: translate(65.0098vw, 100vh) scale(0.8624);
  }
}

.snow:nth-child(70) {
  opacity: 0.5377;
  transform: translate(35.141vw, -10px) scale(0.3614);
  animation: fall-70 29s -19s linear infinite;
}

@keyframes fall-70 {
  56.56% {
    transform: translate(27.0868vw, 56.56vh) scale(0.3614);
  }
  to {
    transform: translate(31.1139vw, 100vh) scale(0.3614);
  }
}

.snow:nth-child(71) {
  opacity: 0.5336;
  transform: translate(48.2685vw, -10px) scale(0.426);
  animation: fall-71 29s -11s linear infinite;
}

@keyframes fall-71 {
  48.106% {
    transform: translate(47.8393vw, 48.106vh) scale(0.426);
  }
  to {
    transform: translate(48.0539vw, 100vh) scale(0.426);
  }
}

.snow:nth-child(72) {
  opacity: 0.3007;
  transform: translate(31.8273vw, -10px) scale(0.5704);
  animation: fall-72 19s -29s linear infinite;
}

@keyframes fall-72 {
  79.028% {
    transform: translate(23.1707vw, 79.028vh) scale(0.5704);
  }
  to {
    transform: translate(27.499vw, 100vh) scale(0.5704);
  }
}

.snow:nth-child(73) {
  opacity: 0.1195;
  transform: translate(1.4155vw, -10px) scale(0.3438);
  animation: fall-73 30s -25s linear infinite;
}

@keyframes fall-73 {
  49.12% {
    transform: translate(5.508vw, 49.12vh) scale(0.3438);
  }
  to {
    transform: translate(3.46175vw, 100vh) scale(0.3438);
  }
}

.snow:nth-child(74) {
  opacity: 0.766;
  transform: translate(6.9835vw, -10px) scale(0.4422);
  animation: fall-74 18s -18s linear infinite;
}

@keyframes fall-74 {
  56.421% {
    transform: translate(11.8154vw, 56.421vh) scale(0.4422);
  }
  to {
    transform: translate(9.39945vw, 100vh) scale(0.4422);
  }
}

.snow:nth-child(75) {
  opacity: 0.2983;
  transform: translate(3.1278vw, -10px) scale(0.7443);
  animation: fall-75 17s -5s linear infinite;
}

@keyframes fall-75 {
  68.904% {
    transform: translate(-4.8336vw, 68.904vh) scale(0.7443);
  }
  to {
    transform: translate(-0.8529vw, 100vh) scale(0.7443);
  }
}

.snow:nth-child(76) {
  opacity: 0.3052;
  transform: translate(69.7289vw, -10px) scale(0.7213);
  animation: fall-76 13s -21s linear infinite;
}

@keyframes fall-76 {
  76.984% {
    transform: translate(70.2902vw, 76.984vh) scale(0.7213);
  }
  to {
    transform: translate(70.00955vw, 100vh) scale(0.7213);
  }
}

.snow:nth-child(77) {
  opacity: 0.6009;
  transform: translate(8.306vw, -10px) scale(0.2621);
  animation: fall-77 13s -27s linear infinite;
}

@keyframes fall-77 {
  57.476% {
    transform: translate(-0.489vw, 57.476vh) scale(0.2621);
  }
  to {
    transform: translate(3.9085vw, 100vh) scale(0.2621);
  }
}

.snow:nth-child(78) {
  opacity: 0.5856;
  transform: translate(2.4362vw, -10px) scale(0.9907);
  animation: fall-78 10s -11s linear infinite;
}

@keyframes fall-78 {
  74.843% {
    transform: translate(0.2162vw, 74.843vh) scale(0.9907);
  }
  to {
    transform: translate(1.3262vw, 100vh) scale(0.9907);
  }
}

.snow:nth-child(79) {
  opacity: 0.8848;
  transform: translate(85.9468vw, -10px) scale(0.1526);
  animation: fall-79 28s -21s linear infinite;
}

@keyframes fall-79 {
  43.981% {
    transform: translate(84.0558vw, 43.981vh) scale(0.1526);
  }
  to {
    transform: translate(85.0013vw, 100vh) scale(0.1526);
  }
}

.snow:nth-child(80) {
  opacity: 0.2757;
  transform: translate(83.1772vw, -10px) scale(0.7838);
  animation: fall-80 20s -15s linear infinite;
}

@keyframes fall-80 {
  66.259% {
    transform: translate(92.5565vw, 66.259vh) scale(0.7838);
  }
  to {
    transform: translate(87.86685vw, 100vh) scale(0.7838);
  }
}

.snow:nth-child(81) {
  opacity: 0.1842;
  transform: translate(59.3126vw, -10px) scale(0.4987);
  animation: fall-81 24s -20s linear infinite;
}

@keyframes fall-81 {
  61.778% {
    transform: translate(52.9587vw, 61.778vh) scale(0.4987);
  }
  to {
    transform: translate(56.13565vw, 100vh) scale(0.4987);
  }
}

.snow:nth-child(82) {
  opacity: 0.2315;
  transform: translate(76.5634vw, -10px) scale(0.4963);
  animation: fall-82 10s -12s linear infinite;
}

@keyframes fall-82 {
  47.848% {
    transform: translate(78.1584vw, 47.848vh) scale(0.4963);
  }
  to {
    transform: translate(77.3609vw, 100vh) scale(0.4963);
  }
}

.snow:nth-child(83) {
  opacity: 0.7809;
  transform: translate(55.2778vw, -10px) scale(0.117);
  animation: fall-83 24s -21s linear infinite;
}

@keyframes fall-83 {
  79.541% {
    transform: translate(55.9449vw, 79.541vh) scale(0.117);
  }
  to {
    transform: translate(55.61135vw, 100vh) scale(0.117);
  }
}

.snow:nth-child(84) {
  opacity: 0.043;
  transform: translate(7.8077vw, -10px) scale(0.0261);
  animation: fall-84 26s -10s linear infinite;
}

@keyframes fall-84 {
  53.028% {
    transform: translate(1.0534vw, 53.028vh) scale(0.0261);
  }
  to {
    transform: translate(4.43055vw, 100vh) scale(0.0261);
  }
}

.snow:nth-child(85) {
  opacity: 0.5944;
  transform: translate(50.2053vw, -10px) scale(0.9886);
  animation: fall-85 27s -20s linear infinite;
}

@keyframes fall-85 {
  73.235% {
    transform: translate(52.8452vw, 73.235vh) scale(0.9886);
  }
  to {
    transform: translate(51.52525vw, 100vh) scale(0.9886);
  }
}

.snow:nth-child(86) {
  opacity: 0.9844;
  transform: translate(15.109vw, -10px) scale(0.3895);
  animation: fall-86 15s -27s linear infinite;
}

@keyframes fall-86 {
  71.311% {
    transform: translate(21.2125vw, 71.311vh) scale(0.3895);
  }
  to {
    transform: translate(18.16075vw, 100vh) scale(0.3895);
  }
}

.snow:nth-child(87) {
  opacity: 0.4513;
  transform: translate(16.549vw, -10px) scale(0.5766);
  animation: fall-87 29s -26s linear infinite;
}

@keyframes fall-87 {
  35.967% {
    transform: translate(13.4253vw, 35.967vh) scale(0.5766);
  }
  to {
    transform: translate(14.98715vw, 100vh) scale(0.5766);
  }
}

.snow:nth-child(88) {
  opacity: 0.5117;
  transform: translate(61.3491vw, -10px) scale(0.7935);
  animation: fall-88 22s -29s linear infinite;
}

@keyframes fall-88 {
  53.913% {
    transform: translate(69.9703vw, 53.913vh) scale(0.7935);
  }
  to {
    transform: translate(65.6597vw, 100vh) scale(0.7935);
  }
}

.snow:nth-child(89) {
  opacity: 0.1197;
  transform: translate(97.3604vw, -10px) scale(0.212);
  animation: fall-89 21s -9s linear infinite;
}

@keyframes fall-89 {
  55.19% {
    transform: translate(104.4541vw, 55.19vh) scale(0.212);
  }
  to {
    transform: translate(100.90725vw, 100vh) scale(0.212);
  }
}

.snow:nth-child(90) {
  opacity: 0.8251;
  transform: translate(36.8819vw, -10px) scale(0.7724);
  animation: fall-90 19s -15s linear infinite;
}

@keyframes fall-90 {
  71.938% {
    transform: translate(33.5314vw, 71.938vh) scale(0.7724);
  }
  to {
    transform: translate(35.20665vw, 100vh) scale(0.7724);
  }
}

.snow:nth-child(91) {
  opacity: 0.1763;
  transform: translate(79.9571vw, -10px) scale(0.1435);
  animation: fall-91 30s -21s linear infinite;
}

@keyframes fall-91 {
  60.287% {
    transform: translate(73.9016vw, 60.287vh) scale(0.1435);
  }
  to {
    transform: translate(76.92935vw, 100vh) scale(0.1435);
  }
}

.snow:nth-child(92) {
  opacity: 0.5755;
  transform: translate(45.6454vw, -10px) scale(0.3486);
  animation: fall-92 18s -14s linear infinite;
}

@keyframes fall-92 {
  32.023% {
    transform: translate(38.0715vw, 32.023vh) scale(0.3486);
  }
  to {
    transform: translate(41.85845vw, 100vh) scale(0.3486);
  }
}

.snow:nth-child(93) {
  opacity: 0.705;
  transform: translate(20.3706vw, -10px) scale(0.9172);
  animation: fall-93 13s -14s linear infinite;
}

@keyframes fall-93 {
  48.466% {
    transform: translate(21.8081vw, 48.466vh) scale(0.9172);
  }
  to {
    transform: translate(21.08935vw, 100vh) scale(0.9172);
  }
}

.snow:nth-child(94) {
  opacity: 0.1656;
  transform: translate(71.4287vw, -10px) scale(0.6639);
  animation: fall-94 15s -28s linear infinite;
}

@keyframes fall-94 {
  51.816% {
    transform: translate(80.9065vw, 51.816vh) scale(0.6639);
  }
  to {
    transform: translate(76.1676vw, 100vh) scale(0.6639);
  }
}

.snow:nth-child(95) {
  opacity: 0.079;
  transform: translate(36.299vw, -10px) scale(0.3758);
  animation: fall-95 16s -26s linear infinite;
}

@keyframes fall-95 {
  45.882% {
    transform: translate(33.4397vw, 45.882vh) scale(0.3758);
  }
  to {
    transform: translate(34.86935vw, 100vh) scale(0.3758);
  }
}

.snow:nth-child(96) {
  opacity: 0.1181;
  transform: translate(15.3889vw, -10px) scale(0.5197);
  animation: fall-96 27s -28s linear infinite;
}

@keyframes fall-96 {
  40.835% {
    transform: translate(9.5426vw, 40.835vh) scale(0.5197);
  }
  to {
    transform: translate(12.46575vw, 100vh) scale(0.5197);
  }
}

.snow:nth-child(97) {
  opacity: 0.4735;
  transform: translate(78.1799vw, -10px) scale(0.1574);
  animation: fall-97 17s -30s linear infinite;
}

@keyframes fall-97 {
  33.706% {
    transform: translate(82.3813vw, 33.706vh) scale(0.1574);
  }
  to {
    transform: translate(80.2806vw, 100vh) scale(0.1574);
  }
}

.snow:nth-child(98) {
  opacity: 0.0163;
  transform: translate(16.3335vw, -10px) scale(0.5424);
  animation: fall-98 10s -19s linear infinite;
}

@keyframes fall-98 {
  37.002% {
    transform: translate(22.2313vw, 37.002vh) scale(0.5424);
  }
  to {
    transform: translate(19.2824vw, 100vh) scale(0.5424);
  }
}

.snow:nth-child(99) {
  opacity: 0.7294;
  transform: translate(6.3562vw, -10px) scale(0.6572);
  animation: fall-99 12s -28s linear infinite;
}

@keyframes fall-99 {
  68.434% {
    transform: translate(11.5001vw, 68.434vh) scale(0.6572);
  }
  to {
    transform: translate(8.92815vw, 100vh) scale(0.6572);
  }
}

.snow:nth-child(100) {
  opacity: 0.3008;
  transform: translate(28.7098vw, -10px) scale(0.7753);
  animation: fall-100 23s -17s linear infinite;
}

@keyframes fall-100 {
  66.11% {
    transform: translate(24.0199vw, 66.11vh) scale(0.7753);
  }
  to {
    transform: translate(26.36485vw, 100vh) scale(0.7753);
  }
}

.snow:nth-child(101) {
  opacity: 0.0813;
  transform: translate(3.5929vw, -10px) scale(0.9945);
  animation: fall-101 12s -3s linear infinite;
}

@keyframes fall-101 {
  69.351% {
    transform: translate(7.5672vw, 69.351vh) scale(0.9945);
  }
  to {
    transform: translate(5.58005vw, 100vh) scale(0.9945);
  }
}

.snow:nth-child(102) {
  opacity: 0.5854;
  transform: translate(47.4296vw, -10px) scale(0.8395);
  animation: fall-102 29s -9s linear infinite;
}

@keyframes fall-102 {
  56.626% {
    transform: translate(50.4076vw, 56.626vh) scale(0.8395);
  }
  to {
    transform: translate(48.9186vw, 100vh) scale(0.8395);
  }
}

.snow:nth-child(103) {
  opacity: 0.0267;
  transform: translate(35.592vw, -10px) scale(0.5564);
  animation: fall-103 13s -30s linear infinite;
}

@keyframes fall-103 {
  70.395% {
    transform: translate(26.7305vw, 70.395vh) scale(0.5564);
  }
  to {
    transform: translate(31.16125vw, 100vh) scale(0.5564);
  }
}

.snow:nth-child(104) {
  opacity: 0.5339;
  transform: translate(0.8436vw, -10px) scale(0.6311);
  animation: fall-104 24s -21s linear infinite;
}

@keyframes fall-104 {
  59.826% {
    transform: translate(-3.0312vw, 59.826vh) scale(0.6311);
  }
  to {
    transform: translate(-1.0938vw, 100vh) scale(0.6311);
  }
}

.snow:nth-child(105) {
  opacity: 0.4873;
  transform: translate(22.0319vw, -10px) scale(0.4557);
  animation: fall-105 25s -4s linear infinite;
}

@keyframes fall-105 {
  62.983% {
    transform: translate(18.1985vw, 62.983vh) scale(0.4557);
  }
  to {
    transform: translate(20.1152vw, 100vh) scale(0.4557);
  }
}

.snow:nth-child(106) {
  opacity: 0.9227;
  transform: translate(22.7681vw, -10px) scale(0.6667);
  animation: fall-106 13s -6s linear infinite;
}

@keyframes fall-106 {
  44.367% {
    transform: translate(30.3584vw, 44.367vh) scale(0.6667);
  }
  to {
    transform: translate(26.56325vw, 100vh) scale(0.6667);
  }
}

.snow:nth-child(107) {
  opacity: 0.1367;
  transform: translate(88.4628vw, -10px) scale(0.3714);
  animation: fall-107 11s -30s linear infinite;
}

@keyframes fall-107 {
  34.971% {
    transform: translate(80.8879vw, 34.971vh) scale(0.3714);
  }
  to {
    transform: translate(84.67535vw, 100vh) scale(0.3714);
  }
}

.snow:nth-child(108) {
  opacity: 0.2439;
  transform: translate(22.7903vw, -10px) scale(0.5493);
  animation: fall-108 24s -1s linear infinite;
}

@keyframes fall-108 {
  42.974% {
    transform: translate(15.4969vw, 42.974vh) scale(0.5493);
  }
  to {
    transform: translate(19.1436vw, 100vh) scale(0.5493);
  }
}

.snow:nth-child(109) {
  opacity: 0.4076;
  transform: translate(71.9264vw, -10px) scale(0.7939);
  animation: fall-109 25s -23s linear infinite;
}

@keyframes fall-109 {
  69.196% {
    transform: translate(78.917vw, 69.196vh) scale(0.7939);
  }
  to {
    transform: translate(75.4217vw, 100vh) scale(0.7939);
  }
}

.snow:nth-child(110) {
  opacity: 0.6745;
  transform: translate(19.8805vw, -10px) scale(0.9179);
  animation: fall-110 28s -1s linear infinite;
}

@keyframes fall-110 {
  72.483% {
    transform: translate(26.3985vw, 72.483vh) scale(0.9179);
  }
  to {
    transform: translate(23.1395vw, 100vh) scale(0.9179);
  }
}

.snow:nth-child(111) {
  opacity: 0.3573;
  transform: translate(78.1786vw, -10px) scale(0.513);
  animation: fall-111 12s -2s linear infinite;
}

@keyframes fall-111 {
  75.988% {
    transform: translate(80.2997vw, 75.988vh) scale(0.513);
  }
  to {
    transform: translate(79.23915vw, 100vh) scale(0.513);
  }
}

.snow:nth-child(112) {
  opacity: 0.84;
  transform: translate(7.0396vw, -10px) scale(0.255);
  animation: fall-112 25s -6s linear infinite;
}

@keyframes fall-112 {
  40.131% {
    transform: translate(10.5532vw, 40.131vh) scale(0.255);
  }
  to {
    transform: translate(8.7964vw, 100vh) scale(0.255);
  }
}

.snow:nth-child(113) {
  opacity: 0.1504;
  transform: translate(88.2828vw, -10px) scale(0.3371);
  animation: fall-113 19s -26s linear infinite;
}

@keyframes fall-113 {
  71.294% {
    transform: translate(89.2144vw, 71.294vh) scale(0.3371);
  }
  to {
    transform: translate(88.7486vw, 100vh) scale(0.3371);
  }
}

.snow:nth-child(114) {
  opacity: 0.3829;
  transform: translate(9.6504vw, -10px) scale(0.6653);
  animation: fall-114 12s -19s linear infinite;
}

@keyframes fall-114 {
  63.741% {
    transform: translate(8.848vw, 63.741vh) scale(0.6653);
  }
  to {
    transform: translate(9.2492vw, 100vh) scale(0.6653);
  }
}

.snow:nth-child(115) {
  opacity: 0.0165;
  transform: translate(37.5589vw, -10px) scale(0.5472);
  animation: fall-115 14s -29s linear infinite;
}

@keyframes fall-115 {
  74.169% {
    transform: translate(28.7662vw, 74.169vh) scale(0.5472);
  }
  to {
    transform: translate(33.16255vw, 100vh) scale(0.5472);
  }
}

.snow:nth-child(116) {
  opacity: 0.4204;
  transform: translate(26.5292vw, -10px) scale(0.5351);
  animation: fall-116 19s -14s linear infinite;
}

@keyframes fall-116 {
  78.689% {
    transform: translate(28.3581vw, 78.689vh) scale(0.5351);
  }
  to {
    transform: translate(27.44365vw, 100vh) scale(0.5351);
  }
}

.snow:nth-child(117) {
  opacity: 0.6057;
  transform: translate(43.3954vw, -10px) scale(0.4265);
  animation: fall-117 20s -17s linear infinite;
}

@keyframes fall-117 {
  65.651% {
    transform: translate(33.9003vw, 65.651vh) scale(0.4265);
  }
  to {
    transform: translate(38.64785vw, 100vh) scale(0.4265);
  }
}

.snow:nth-child(118) {
  opacity: 0.6948;
  transform: translate(49.875vw, -10px) scale(0.9864);
  animation: fall-118 21s -5s linear infinite;
}

@keyframes fall-118 {
  47.861% {
    transform: translate(48.7446vw, 47.861vh) scale(0.9864);
  }
  to {
    transform: translate(49.3098vw, 100vh) scale(0.9864);
  }
}

.snow:nth-child(119) {
  opacity: 0.8706;
  transform: translate(74.7374vw, -10px) scale(0.6659);
  animation: fall-119 15s -15s linear infinite;
}

@keyframes fall-119 {
  75.385% {
    transform: translate(75.2095vw, 75.385vh) scale(0.6659);
  }
  to {
    transform: translate(74.97345vw, 100vh) scale(0.6659);
  }
}

.snow:nth-child(120) {
  opacity: 0.7751;
  transform: translate(5.6933vw, -10px) scale(0.6036);
  animation: fall-120 11s -17s linear infinite;
}

@keyframes fall-120 {
  59.626% {
    transform: translate(5.0196vw, 59.626vh) scale(0.6036);
  }
  to {
    transform: translate(5.35645vw, 100vh) scale(0.6036);
  }
}

.snow:nth-child(121) {
  opacity: 0.531;
  transform: translate(65.5238vw, -10px) scale(0.6104);
  animation: fall-121 29s -27s linear infinite;
}

@keyframes fall-121 {
  36.171% {
    transform: translate(73.9951vw, 36.171vh) scale(0.6104);
  }
  to {
    transform: translate(69.75945vw, 100vh) scale(0.6104);
  }
}

.snow:nth-child(122) {
  opacity: 0.7206;
  transform: translate(55.201vw, -10px) scale(0.6505);
  animation: fall-122 27s -19s linear infinite;
}

@keyframes fall-122 {
  67.595% {
    transform: translate(57.4965vw, 67.595vh) scale(0.6505);
  }
  to {
    transform: translate(56.34875vw, 100vh) scale(0.6505);
  }
}

.snow:nth-child(123) {
  opacity: 0.6794;
  transform: translate(11.4472vw, -10px) scale(0.7205);
  animation: fall-123 17s -2s linear infinite;
}

@keyframes fall-123 {
  66.238% {
    transform: translate(6.9312vw, 66.238vh) scale(0.7205);
  }
  to {
    transform: translate(9.1892vw, 100vh) scale(0.7205);
  }
}

.snow:nth-child(124) {
  opacity: 0.333;
  transform: translate(72.5109vw, -10px) scale(0.964);
  animation: fall-124 14s -5s linear infinite;
}

@keyframes fall-124 {
  55.983% {
    transform: translate(73.4984vw, 55.983vh) scale(0.964);
  }
  to {
    transform: translate(73.00465vw, 100vh) scale(0.964);
  }
}

.snow:nth-child(125) {
  opacity: 0.9838;
  transform: translate(13.9996vw, -10px) scale(0.5452);
  animation: fall-125 27s -28s linear infinite;
}

@keyframes fall-125 {
  56.153% {
    transform: translate(18.9853vw, 56.153vh) scale(0.5452);
  }
  to {
    transform: translate(16.49245vw, 100vh) scale(0.5452);
  }
}

.snow:nth-child(126) {
  opacity: 0.4401;
  transform: translate(27.3445vw, -10px) scale(0.9331);
  animation: fall-126 12s -25s linear infinite;
}

@keyframes fall-126 {
  74.408% {
    transform: translate(23.6818vw, 74.408vh) scale(0.9331);
  }
  to {
    transform: translate(25.51315vw, 100vh) scale(0.9331);
  }
}

.snow:nth-child(127) {
  opacity: 0.6852;
  transform: translate(26.2692vw, -10px) scale(0.0655);
  animation: fall-127 26s -9s linear infinite;
}

@keyframes fall-127 {
  46.767% {
    transform: translate(27.3151vw, 46.767vh) scale(0.0655);
  }
  to {
    transform: translate(26.79215vw, 100vh) scale(0.0655);
  }
}

.snow:nth-child(128) {
  opacity: 0.0024;
  transform: translate(7.5708vw, -10px) scale(0.5317);
  animation: fall-128 10s -17s linear infinite;
}

@keyframes fall-128 {
  62.782% {
    transform: translate(16.5894vw, 62.782vh) scale(0.5317);
  }
  to {
    transform: translate(12.0801vw, 100vh) scale(0.5317);
  }
}

.snow:nth-child(129) {
  opacity: 0.7927;
  transform: translate(48.7818vw, -10px) scale(0.7145);
  animation: fall-129 29s -13s linear infinite;
}

@keyframes fall-129 {
  34.252% {
    transform: translate(51.1441vw, 34.252vh) scale(0.7145);
  }
  to {
    transform: translate(49.96295vw, 100vh) scale(0.7145);
  }
}

.snow:nth-child(130) {
  opacity: 0.7986;
  transform: translate(36.6433vw, -10px) scale(0.806);
  animation: fall-130 16s -14s linear infinite;
}

@keyframes fall-130 {
  39.334% {
    transform: translate(31.223vw, 39.334vh) scale(0.806);
  }
  to {
    transform: translate(33.93315vw, 100vh) scale(0.806);
  }
}

.snow:nth-child(131) {
  opacity: 0.2213;
  transform: translate(60.4385vw, -10px) scale(0.9055);
  animation: fall-131 25s -29s linear infinite;
}

@keyframes fall-131 {
  49.901% {
    transform: translate(64.9195vw, 49.901vh) scale(0.9055);
  }
  to {
    transform: translate(62.679vw, 100vh) scale(0.9055);
  }
}

.snow:nth-child(132) {
  opacity: 0.5777;
  transform: translate(27.1371vw, -10px) scale(0.0259);
  animation: fall-132 19s -12s linear infinite;
}

@keyframes fall-132 {
  67.864% {
    transform: translate(35.8366vw, 67.864vh) scale(0.0259);
  }
  to {
    transform: translate(31.48685vw, 100vh) scale(0.0259);
  }
}

.snow:nth-child(133) {
  opacity: 0.619;
  transform: translate(34.826vw, -10px) scale(0.2083);
  animation: fall-133 21s -26s linear infinite;
}

@keyframes fall-133 {
  53.851% {
    transform: translate(42.3959vw, 53.851vh) scale(0.2083);
  }
  to {
    transform: translate(38.61095vw, 100vh) scale(0.2083);
  }
}

.snow:nth-child(134) {
  opacity: 0.1842;
  transform: translate(98.3008vw, -10px) scale(0.666);
  animation: fall-134 26s -16s linear infinite;
}

@keyframes fall-134 {
  35.643% {
    transform: translate(107.4115vw, 35.643vh) scale(0.666);
  }
  to {
    transform: translate(102.85615vw, 100vh) scale(0.666);
  }
}

.snow:nth-child(135) {
  opacity: 0.1696;
  transform: translate(54.7606vw, -10px) scale(0.0945);
  animation: fall-135 17s -23s linear infinite;
}

@keyframes fall-135 {
  53.436% {
    transform: translate(45.0599vw, 53.436vh) scale(0.0945);
  }
  to {
    transform: translate(49.91025vw, 100vh) scale(0.0945);
  }
}

.snow:nth-child(136) {
  opacity: 0.8522;
  transform: translate(73.0297vw, -10px) scale(0.8397);
  animation: fall-136 24s -2s linear infinite;
}

@keyframes fall-136 {
  58.373% {
    transform: translate(63.6057vw, 58.373vh) scale(0.8397);
  }
  to {
    transform: translate(68.3177vw, 100vh) scale(0.8397);
  }
}

.snow:nth-child(137) {
  opacity: 0.1641;
  transform: translate(61.7852vw, -10px) scale(0.7895);
  animation: fall-137 24s -27s linear infinite;
}

@keyframes fall-137 {
  72.867% {
    transform: translate(53.4861vw, 72.867vh) scale(0.7895);
  }
  to {
    transform: translate(57.63565vw, 100vh) scale(0.7895);
  }
}

.snow:nth-child(138) {
  opacity: 0.7409;
  transform: translate(41.0878vw, -10px) scale(0.5576);
  animation: fall-138 17s -7s linear infinite;
}

@keyframes fall-138 {
  32.766% {
    transform: translate(48.3123vw, 32.766vh) scale(0.5576);
  }
  to {
    transform: translate(44.70005vw, 100vh) scale(0.5576);
  }
}

.snow:nth-child(139) {
  opacity: 0.429;
  transform: translate(17.844vw, -10px) scale(0.8342);
  animation: fall-139 16s -5s linear infinite;
}

@keyframes fall-139 {
  54.28% {
    transform: translate(17.9021vw, 54.28vh) scale(0.8342);
  }
  to {
    transform: translate(17.87305vw, 100vh) scale(0.8342);
  }
}

.snow:nth-child(140) {
  opacity: 0.9087;
  transform: translate(16.4416vw, -10px) scale(0.5565);
  animation: fall-140 24s -1s linear infinite;
}

@keyframes fall-140 {
  48.148% {
    transform: translate(19.463vw, 48.148vh) scale(0.5565);
  }
  to {
    transform: translate(17.9523vw, 100vh) scale(0.5565);
  }
}

.snow:nth-child(141) {
  opacity: 0.6824;
  transform: translate(74.4376vw, -10px) scale(0.3451);
  animation: fall-141 10s -6s linear infinite;
}

@keyframes fall-141 {
  78.242% {
    transform: translate(72.6438vw, 78.242vh) scale(0.3451);
  }
  to {
    transform: translate(73.5407vw, 100vh) scale(0.3451);
  }
}

.snow:nth-child(142) {
  opacity: 0.7647;
  transform: translate(32.1435vw, -10px) scale(0.7382);
  animation: fall-142 18s -20s linear infinite;
}

@keyframes fall-142 {
  71.523% {
    transform: translate(32.3482vw, 71.523vh) scale(0.7382);
  }
  to {
    transform: translate(32.24585vw, 100vh) scale(0.7382);
  }
}

.snow:nth-child(143) {
  opacity: 0.5735;
  transform: translate(41.4474vw, -10px) scale(0.8964);
  animation: fall-143 30s -25s linear infinite;
}

@keyframes fall-143 {
  45.659% {
    transform: translate(43.0741vw, 45.659vh) scale(0.8964);
  }
  to {
    transform: translate(42.26075vw, 100vh) scale(0.8964);
  }
}

.snow:nth-child(144) {
  opacity: 0.2246;
  transform: translate(40.5039vw, -10px) scale(0.9071);
  animation: fall-144 19s -16s linear infinite;
}

@keyframes fall-144 {
  30.046% {
    transform: translate(32.8419vw, 30.046vh) scale(0.9071);
  }
  to {
    transform: translate(36.6729vw, 100vh) scale(0.9071);
  }
}

.snow:nth-child(145) {
  opacity: 0.6096;
  transform: translate(66.6824vw, -10px) scale(0.6981);
  animation: fall-145 17s -23s linear infinite;
}

@keyframes fall-145 {
  75.359% {
    transform: translate(65.6689vw, 75.359vh) scale(0.6981);
  }
  to {
    transform: translate(66.17565vw, 100vh) scale(0.6981);
  }
}

.snow:nth-child(146) {
  opacity: 0.6983;
  transform: translate(49.1219vw, -10px) scale(0.6285);
  animation: fall-146 21s -21s linear infinite;
}

@keyframes fall-146 {
  33.128% {
    transform: translate(47.781vw, 33.128vh) scale(0.6285);
  }
  to {
    transform: translate(48.45145vw, 100vh) scale(0.6285);
  }
}

.snow:nth-child(147) {
  opacity: 0.1981;
  transform: translate(58.5351vw, -10px) scale(0.4165);
  animation: fall-147 15s -20s linear infinite;
}

@keyframes fall-147 {
  40.782% {
    transform: translate(67.8375vw, 40.782vh) scale(0.4165);
  }
  to {
    transform: translate(63.1863vw, 100vh) scale(0.4165);
  }
}

.snow:nth-child(148) {
  opacity: 0.1653;
  transform: translate(13.4869vw, -10px) scale(0.3937);
  animation: fall-148 27s -15s linear infinite;
}

@keyframes fall-148 {
  41.941% {
    transform: translate(17.9317vw, 41.941vh) scale(0.3937);
  }
  to {
    transform: translate(15.7093vw, 100vh) scale(0.3937);
  }
}

.snow:nth-child(149) {
  opacity: 0.1958;
  transform: translate(19.3005vw, -10px) scale(0.5921);
  animation: fall-149 21s -24s linear infinite;
}

@keyframes fall-149 {
  40.16% {
    transform: translate(14.9032vw, 40.16vh) scale(0.5921);
  }
  to {
    transform: translate(17.10185vw, 100vh) scale(0.5921);
  }
}

.snow:nth-child(150) {
  opacity: 0.3954;
  transform: translate(37.7551vw, -10px) scale(0.4174);
  animation: fall-150 22s -1s linear infinite;
}

@keyframes fall-150 {
  32.075% {
    transform: translate(42.6197vw, 32.075vh) scale(0.4174);
  }
  to {
    transform: translate(40.1874vw, 100vh) scale(0.4174);
  }
}

.snow:nth-child(151) {
  opacity: 0.0646;
  transform: translate(97.7106vw, -10px) scale(0.6353);
  animation: fall-151 23s -1s linear infinite;
}

@keyframes fall-151 {
  37.75% {
    transform: translate(100.3028vw, 37.75vh) scale(0.6353);
  }
  to {
    transform: translate(99.0067vw, 100vh) scale(0.6353);
  }
}

.snow:nth-child(152) {
  opacity: 0.6964;
  transform: translate(20.9634vw, -10px) scale(0.6294);
  animation: fall-152 16s -11s linear infinite;
}

@keyframes fall-152 {
  75.025% {
    transform: translate(24.0042vw, 75.025vh) scale(0.6294);
  }
  to {
    transform: translate(22.4838vw, 100vh) scale(0.6294);
  }
}

.snow:nth-child(153) {
  opacity: 0.0651;
  transform: translate(65.7359vw, -10px) scale(0.6467);
  animation: fall-153 23s -7s linear infinite;
}

@keyframes fall-153 {
  34.275% {
    transform: translate(73.3842vw, 34.275vh) scale(0.6467);
  }
  to {
    transform: translate(69.56005vw, 100vh) scale(0.6467);
  }
}

.snow:nth-child(154) {
  opacity: 0.3132;
  transform: translate(80.3431vw, -10px) scale(0.8585);
  animation: fall-154 20s -16s linear infinite;
}

@keyframes fall-154 {
  34.409% {
    transform: translate(73.4927vw, 34.409vh) scale(0.8585);
  }
  to {
    transform: translate(76.9179vw, 100vh) scale(0.8585);
  }
}

.snow:nth-child(155) {
  opacity: 0.0115;
  transform: translate(41.8533vw, -10px) scale(0.1849);
  animation: fall-155 23s -2s linear infinite;
}

@keyframes fall-155 {
  62.884% {
    transform: translate(49.6213vw, 62.884vh) scale(0.1849);
  }
  to {
    transform: translate(45.7373vw, 100vh) scale(0.1849);
  }
}

.snow:nth-child(156) {
  opacity: 0.0734;
  transform: translate(52.2197vw, -10px) scale(0.7216);
  animation: fall-156 22s -21s linear infinite;
}

@keyframes fall-156 {
  40.443% {
    transform: translate(44.5254vw, 40.443vh) scale(0.7216);
  }
  to {
    transform: translate(48.37255vw, 100vh) scale(0.7216);
  }
}

.snow:nth-child(157) {
  opacity: 0.2373;
  transform: translate(48.8962vw, -10px) scale(0.8814);
  animation: fall-157 27s -10s linear infinite;
}

@keyframes fall-157 {
  79.379% {
    transform: translate(43.4108vw, 79.379vh) scale(0.8814);
  }
  to {
    transform: translate(46.1535vw, 100vh) scale(0.8814);
  }
}

.snow:nth-child(158) {
  opacity: 0.992;
  transform: translate(76.8421vw, -10px) scale(0.4154);
  animation: fall-158 19s -8s linear infinite;
}

@keyframes fall-158 {
  44.376% {
    transform: translate(76.5123vw, 44.376vh) scale(0.4154);
  }
  to {
    transform: translate(76.6772vw, 100vh) scale(0.4154);
  }
}

.snow:nth-child(159) {
  opacity: 0.9813;
  transform: translate(43.1981vw, -10px) scale(0.8575);
  animation: fall-159 16s -22s linear infinite;
}

@keyframes fall-159 {
  46.754% {
    transform: translate(34.3674vw, 46.754vh) scale(0.8575);
  }
  to {
    transform: translate(38.78275vw, 100vh) scale(0.8575);
  }
}

.snow:nth-child(160) {
  opacity: 0.4659;
  transform: translate(96.4791vw, -10px) scale(0.7738);
  animation: fall-160 17s -22s linear infinite;
}

@keyframes fall-160 {
  32.422% {
    transform: translate(102.7285vw, 32.422vh) scale(0.7738);
  }
  to {
    transform: translate(99.6038vw, 100vh) scale(0.7738);
  }
}

.snow:nth-child(161) {
  opacity: 0.9615;
  transform: translate(91.7644vw, -10px) scale(0.4512);
  animation: fall-161 26s -9s linear infinite;
}

@keyframes fall-161 {
  37.377% {
    transform: translate(98.885vw, 37.377vh) scale(0.4512);
  }
  to {
    transform: translate(95.3247vw, 100vh) scale(0.4512);
  }
}

.snow:nth-child(162) {
  opacity: 0.8165;
  transform: translate(19.5637vw, -10px) scale(0.2415);
  animation: fall-162 14s -24s linear infinite;
}

@keyframes fall-162 {
  39.992% {
    transform: translate(16.3758vw, 39.992vh) scale(0.2415);
  }
  to {
    transform: translate(17.96975vw, 100vh) scale(0.2415);
  }
}

.snow:nth-child(163) {
  opacity: 0.0686;
  transform: translate(5.5357vw, -10px) scale(0.8872);
  animation: fall-163 20s -2s linear infinite;
}

@keyframes fall-163 {
  76.585% {
    transform: translate(4.2219vw, 76.585vh) scale(0.8872);
  }
  to {
    transform: translate(4.8788vw, 100vh) scale(0.8872);
  }
}

.snow:nth-child(164) {
  opacity: 0.697;
  transform: translate(94.4778vw, -10px) scale(0.6064);
  animation: fall-164 18s -7s linear infinite;
}

@keyframes fall-164 {
  58.581% {
    transform: translate(84.8933vw, 58.581vh) scale(0.6064);
  }
  to {
    transform: translate(89.68555vw, 100vh) scale(0.6064);
  }
}

.snow:nth-child(165) {
  opacity: 0.7087;
  transform: translate(47.216vw, -10px) scale(0.9583);
  animation: fall-165 30s -15s linear infinite;
}

@keyframes fall-165 {
  65.429% {
    transform: translate(56.4006vw, 65.429vh) scale(0.9583);
  }
  to {
    transform: translate(51.8083vw, 100vh) scale(0.9583);
  }
}

.snow:nth-child(166) {
  opacity: 0.6525;
  transform: translate(76.1154vw, -10px) scale(0.5854);
  animation: fall-166 18s -18s linear infinite;
}

@keyframes fall-166 {
  46.114% {
    transform: translate(85.8085vw, 46.114vh) scale(0.5854);
  }
  to {
    transform: translate(80.96195vw, 100vh) scale(0.5854);
  }
}

.snow:nth-child(167) {
  opacity: 0.9009;
  transform: translate(70.1807vw, -10px) scale(0.8494);
  animation: fall-167 28s -15s linear infinite;
}

@keyframes fall-167 {
  78.877% {
    transform: translate(64.1303vw, 78.877vh) scale(0.8494);
  }
  to {
    transform: translate(67.1555vw, 100vh) scale(0.8494);
  }
}

.snow:nth-child(168) {
  opacity: 0.7169;
  transform: translate(89.7444vw, -10px) scale(0.1773);
  animation: fall-168 14s -12s linear infinite;
}

@keyframes fall-168 {
  78.786% {
    transform: translate(94.1411vw, 78.786vh) scale(0.1773);
  }
  to {
    transform: translate(91.94275vw, 100vh) scale(0.1773);
  }
}

.snow:nth-child(169) {
  opacity: 0.6966;
  transform: translate(9.4243vw, -10px) scale(0.203);
  animation: fall-169 19s -27s linear infinite;
}

@keyframes fall-169 {
  40.07% {
    transform: translate(0.3253vw, 40.07vh) scale(0.203);
  }
  to {
    transform: translate(4.8748vw, 100vh) scale(0.203);
  }
}

.snow:nth-child(170) {
  opacity: 0.9343;
  transform: translate(59.0013vw, -10px) scale(0.321);
  animation: fall-170 26s -13s linear infinite;
}

@keyframes fall-170 {
  66.317% {
    transform: translate(64.0725vw, 66.317vh) scale(0.321);
  }
  to {
    transform: translate(61.5369vw, 100vh) scale(0.321);
  }
}

.snow:nth-child(171) {
  opacity: 0.046;
  transform: translate(90.439vw, -10px) scale(0.5469);
  animation: fall-171 23s -6s linear infinite;
}

@keyframes fall-171 {
  70.089% {
    transform: translate(81.3012vw, 70.089vh) scale(0.5469);
  }
  to {
    transform: translate(85.8701vw, 100vh) scale(0.5469);
  }
}

.snow:nth-child(172) {
  opacity: 0.9435;
  transform: translate(40.039vw, -10px) scale(0.7589);
  animation: fall-172 21s -9s linear infinite;
}

@keyframes fall-172 {
  35.239% {
    transform: translate(42.3937vw, 35.239vh) scale(0.7589);
  }
  to {
    transform: translate(41.21635vw, 100vh) scale(0.7589);
  }
}

.snow:nth-child(173) {
  opacity: 0.0831;
  transform: translate(41.4051vw, -10px) scale(0.2884);
  animation: fall-173 22s -29s linear infinite;
}

@keyframes fall-173 {
  71.248% {
    transform: translate(33.5206vw, 71.248vh) scale(0.2884);
  }
  to {
    transform: translate(37.46285vw, 100vh) scale(0.2884);
  }
}

.snow:nth-child(174) {
  opacity: 0.0478;
  transform: translate(17.7369vw, -10px) scale(0.3383);
  animation: fall-174 18s -3s linear infinite;
}

@keyframes fall-174 {
  75.179% {
    transform: translate(23.6127vw, 75.179vh) scale(0.3383);
  }
  to {
    transform: translate(20.6748vw, 100vh) scale(0.3383);
  }
}

.snow:nth-child(175) {
  opacity: 0.1375;
  transform: translate(83.0965vw, -10px) scale(0.148);
  animation: fall-175 16s -23s linear infinite;
}

@keyframes fall-175 {
  60.019% {
    transform: translate(87.1163vw, 60.019vh) scale(0.148);
  }
  to {
    transform: translate(85.1064vw, 100vh) scale(0.148);
  }
}

.snow:nth-child(176) {
  opacity: 0.5849;
  transform: translate(42.8429vw, -10px) scale(0.5717);
  animation: fall-176 15s -25s linear infinite;
}

@keyframes fall-176 {
  60.505% {
    transform: translate(47.9738vw, 60.505vh) scale(0.5717);
  }
  to {
    transform: translate(45.40835vw, 100vh) scale(0.5717);
  }
}

.snow:nth-child(177) {
  opacity: 0.9642;
  transform: translate(8.6042vw, -10px) scale(0.7604);
  animation: fall-177 29s -8s linear infinite;
}

@keyframes fall-177 {
  44.705% {
    transform: translate(1.5387vw, 44.705vh) scale(0.7604);
  }
  to {
    transform: translate(5.07145vw, 100vh) scale(0.7604);
  }
}

.snow:nth-child(178) {
  opacity: 0.3863;
  transform: translate(38.7576vw, -10px) scale(0.4119);
  animation: fall-178 13s -26s linear infinite;
}

@keyframes fall-178 {
  34.659% {
    transform: translate(30.2265vw, 34.659vh) scale(0.4119);
  }
  to {
    transform: translate(34.49205vw, 100vh) scale(0.4119);
  }
}

.snow:nth-child(179) {
  opacity: 0.6539;
  transform: translate(58.2352vw, -10px) scale(0.6813);
  animation: fall-179 17s -20s linear infinite;
}

@keyframes fall-179 {
  39.652% {
    transform: translate(65.6349vw, 39.652vh) scale(0.6813);
  }
  to {
    transform: translate(61.93505vw, 100vh) scale(0.6813);
  }
}

.snow:nth-child(180) {
  opacity: 0.8954;
  transform: translate(88.0734vw, -10px) scale(0.2176);
  animation: fall-180 16s -23s linear infinite;
}

@keyframes fall-180 {
  60.99% {
    transform: translate(94.435vw, 60.99vh) scale(0.2176);
  }
  to {
    transform: translate(91.2542vw, 100vh) scale(0.2176);
  }
}

.snow:nth-child(181) {
  opacity: 0.8878;
  transform: translate(11.2029vw, -10px) scale(0.9232);
  animation: fall-181 20s -3s linear infinite;
}

@keyframes fall-181 {
  43.378% {
    transform: translate(5.446vw, 43.378vh) scale(0.9232);
  }
  to {
    transform: translate(8.32445vw, 100vh) scale(0.9232);
  }
}

.snow:nth-child(182) {
  opacity: 0.4988;
  transform: translate(66.3653vw, -10px) scale(0.3556);
  animation: fall-182 11s -22s linear infinite;
}

@keyframes fall-182 {
  47.88% {
    transform: translate(65.3161vw, 47.88vh) scale(0.3556);
  }
  to {
    transform: translate(65.8407vw, 100vh) scale(0.3556);
  }
}

.snow:nth-child(183) {
  opacity: 0.9697;
  transform: translate(38.5536vw, -10px) scale(0.0235);
  animation: fall-183 29s -15s linear infinite;
}

@keyframes fall-183 {
  57.756% {
    transform: translate(39.9057vw, 57.756vh) scale(0.0235);
  }
  to {
    transform: translate(39.22965vw, 100vh) scale(0.0235);
  }
}

.snow:nth-child(184) {
  opacity: 0.6116;
  transform: translate(76.9104vw, -10px) scale(0.3143);
  animation: fall-184 24s -11s linear infinite;
}

@keyframes fall-184 {
  73.924% {
    transform: translate(82.5658vw, 73.924vh) scale(0.3143);
  }
  to {
    transform: translate(79.7381vw, 100vh) scale(0.3143);
  }
}

.snow:nth-child(185) {
  opacity: 0.8431;
  transform: translate(67.2443vw, -10px) scale(0.1754);
  animation: fall-185 10s -11s linear infinite;
}

@keyframes fall-185 {
  54.938% {
    transform: translate(61.8946vw, 54.938vh) scale(0.1754);
  }
  to {
    transform: translate(64.56945vw, 100vh) scale(0.1754);
  }
}

.snow:nth-child(186) {
  opacity: 0.0981;
  transform: translate(16.7397vw, -10px) scale(0.6751);
  animation: fall-186 25s -1s linear infinite;
}

@keyframes fall-186 {
  66.956% {
    transform: translate(12.6154vw, 66.956vh) scale(0.6751);
  }
  to {
    transform: translate(14.67755vw, 100vh) scale(0.6751);
  }
}

.snow:nth-child(187) {
  opacity: 0.6718;
  transform: translate(4.327vw, -10px) scale(0.2916);
  animation: fall-187 30s -8s linear infinite;
}

@keyframes fall-187 {
  66.601% {
    transform: translate(6.5207vw, 66.601vh) scale(0.2916);
  }
  to {
    transform: translate(5.42385vw, 100vh) scale(0.2916);
  }
}

.snow:nth-child(188) {
  opacity: 0.737;
  transform: translate(58.0764vw, -10px) scale(0.7882);
  animation: fall-188 16s -3s linear infinite;
}

@keyframes fall-188 {
  61.264% {
    transform: translate(65.4064vw, 61.264vh) scale(0.7882);
  }
  to {
    transform: translate(61.7414vw, 100vh) scale(0.7882);
  }
}

.snow:nth-child(189) {
  opacity: 0.8525;
  transform: translate(97.65vw, -10px) scale(0.9657);
  animation: fall-189 12s -12s linear infinite;
}

@keyframes fall-189 {
  43.5% {
    transform: translate(91.8964vw, 43.5vh) scale(0.9657);
  }
  to {
    transform: translate(94.7732vw, 100vh) scale(0.9657);
  }
}

.snow:nth-child(190) {
  opacity: 0.9151;
  transform: translate(86.2767vw, -10px) scale(0.5633);
  animation: fall-190 19s -13s linear infinite;
}

@keyframes fall-190 {
  54.386% {
    transform: translate(77.0108vw, 54.386vh) scale(0.5633);
  }
  to {
    transform: translate(81.64375vw, 100vh) scale(0.5633);
  }
}

.snow:nth-child(191) {
  opacity: 0.0314;
  transform: translate(77.6841vw, -10px) scale(0.7908);
  animation: fall-191 18s -16s linear infinite;
}

@keyframes fall-191 {
  73.648% {
    transform: translate(74.962vw, 73.648vh) scale(0.7908);
  }
  to {
    transform: translate(76.32305vw, 100vh) scale(0.7908);
  }
}

.snow:nth-child(192) {
  opacity: 0.8454;
  transform: translate(18.8717vw, -10px) scale(0.8802);
  animation: fall-192 11s -3s linear infinite;
}

@keyframes fall-192 {
  65.094% {
    transform: translate(20.6302vw, 65.094vh) scale(0.8802);
  }
  to {
    transform: translate(19.75095vw, 100vh) scale(0.8802);
  }
}

.snow:nth-child(193) {
  opacity: 0.8193;
  transform: translate(94.115vw, -10px) scale(0.8821);
  animation: fall-193 20s -16s linear infinite;
}

@keyframes fall-193 {
  75.814% {
    transform: translate(98.1085vw, 75.814vh) scale(0.8821);
  }
  to {
    transform: translate(96.11175vw, 100vh) scale(0.8821);
  }
}

.snow:nth-child(194) {
  opacity: 0.4153;
  transform: translate(19.9444vw, -10px) scale(0.9961);
  animation: fall-194 28s -30s linear infinite;
}

@keyframes fall-194 {
  73.655% {
    transform: translate(26.2691vw, 73.655vh) scale(0.9961);
  }
  to {
    transform: translate(23.10675vw, 100vh) scale(0.9961);
  }
}

.snow:nth-child(195) {
  opacity: 0.2722;
  transform: translate(19.3464vw, -10px) scale(0.3086);
  animation: fall-195 18s -25s linear infinite;
}

@keyframes fall-195 {
  40.19% {
    transform: translate(14.8958vw, 40.19vh) scale(0.3086);
  }
  to {
    transform: translate(17.1211vw, 100vh) scale(0.3086);
  }
}

.snow:nth-child(196) {
  opacity: 0.1996;
  transform: translate(60.8176vw, -10px) scale(0.1528);
  animation: fall-196 20s -14s linear infinite;
}

@keyframes fall-196 {
  63.073% {
    transform: translate(57.1691vw, 63.073vh) scale(0.1528);
  }
  to {
    transform: translate(58.99335vw, 100vh) scale(0.1528);
  }
}

.snow:nth-child(197) {
  opacity: 0.9559;
  transform: translate(78.9606vw, -10px) scale(0.0891);
  animation: fall-197 29s -29s linear infinite;
}

@keyframes fall-197 {
  44.816% {
    transform: translate(77.7675vw, 44.816vh) scale(0.0891);
  }
  to {
    transform: translate(78.36405vw, 100vh) scale(0.0891);
  }
}

.snow:nth-child(198) {
  opacity: 0.5575;
  transform: translate(32.7753vw, -10px) scale(0.5989);
  animation: fall-198 26s -6s linear infinite;
}

@keyframes fall-198 {
  55.029% {
    transform: translate(31.8048vw, 55.029vh) scale(0.5989);
  }
  to {
    transform: translate(32.29005vw, 100vh) scale(0.5989);
  }
}

.snow:nth-child(199) {
  opacity: 0.862;
  transform: translate(41.2798vw, -10px) scale(0.2592);
  animation: fall-199 26s -1s linear infinite;
}

@keyframes fall-199 {
  66.439% {
    transform: translate(44.2212vw, 66.439vh) scale(0.2592);
  }
  to {
    transform: translate(42.7505vw, 100vh) scale(0.2592);
  }
}

.snow:nth-child(200) {
  opacity: 0.688;
  transform: translate(59.8826vw, -10px) scale(0.7907);
  animation: fall-200 29s -27s linear infinite;
}

@keyframes fall-200 {
  63.245% {
    transform: translate(54.4155vw, 63.245vh) scale(0.7907);
  }
  to {
    transform: translate(57.14905vw, 100vh) scale(0.7907);
  }
}
.snow:nth-child(201) {
  opacity: 1.688;
  transform: translate(59.8826vw, -10px) scale(0.7907);
  animation: fall-200 29s -27s linear infinite;
}

@keyframes fall-200 {
  69.245% {
    transform: translate(54.4155vw, 63.245vh) scale(0.7907);
  }
  to {
    transform: translate(57.14905vw, 100vh) scale(0.7907);
  }
}
/*新增雪花样式 */
.snow {
  font-size: 0.4vw;
  color: snow;
  width: 4em;
  height: 4em;
  /* outline: 1px dashed yellow; */
}

.snow-1 {
  width: 0.1em;
  height: 2em;
  background-color: currentColor;
  border-radius: 0.05em;
  position: absolute;
}

.snow-1 {
  transform-origin: bottom;
  transform: rotate(calc((var(--n) - 1)* 60deg));
}

.snow-1:nth-child(1) {
  --n: 1;
}

.snow-1:nth-child(2) {
  --n: 2;
}

.snow-1:nth-child(3) {
  --n: 3;
}

.snow-1:nth-child(4) {
  --n: 4;
}

.snow-1:nth-child(5) {
  --n: 5;
}

.snow-1:nth-child(6) {
  --n: 6;
}

.snow-1 {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.snow-1 span:nth-child(1) {
  width: 0.2em;
  height: 0.2em;
  background-color: currentColor;
  border-radius: 50%;
}

.snow-1 span:nth-child(2),
.snow-1 span:nth-child(3),
.snow-1 span:nth-child(4),
.snow-1 span:nth-child(5) {
  width: var(--side-length);
  height: var(--side-length);
  border: 0.1em solid;
  border-width: 0.1em;
  border-style: none solid solid none;
  border-radius: 0.05em;
  transform: rotate(69deg);
}

.snow-1 span:nth-child(2) {
  --side-length: 0.5em;
}

.snow-1 span:nth-child(3) {
  --side-length: 0.6em;
}

.snow-1 span:nth-child(4) {
  --side-length: 0.9em;
}

.snow-1 span:nth-child(5) {
  --side-length: 0.6em;
}

.snow-1 span:nth-child(2) {
  margin-top: -0.2em;
}