/* snow start */
.snow {
  position: fixed;
  width: 10px;
  height: 10px;
  background: white;
  border-radius: 50%;
}
.snow:nth-child(1) {
  opacity: 0.3136;
  transform: translate(75.1255vw, -10px) scale(0.9725);
  animation: fall-1 20s -24s linear infinite;
}
@keyframes fall-1 {
  39.105% {
    transform: translate(77.2715vw, 39.105vh) scale(0.9725);
  }
  to {
    transform: translate(76.1985vw, 100vh) scale(0.9725);
  }
}
.snow:nth-child(2) {
  opacity: 0.6751;
  transform: translate(89.0789vw, -10px) scale(0.555);
  animation: fall-2 10s -27s linear infinite;
}
@keyframes fall-2 {
  46.352% {
    transform: translate(98.1697vw, 46.352vh) scale(0.555);
  }
  to {
    transform: translate(93.6243vw, 100vh) scale(0.555);
  }
}
.snow:nth-child(3) {
  opacity: 0.4002;
  transform: translate(99.531vw, -10px) scale(0.5526);
  animation: fall-3 10s -21s linear infinite;
}
@keyframes fall-3 {
  64.106% {
    transform: translate(104.4705vw, 64.106vh) scale(0.5526);
  }
  to {
    transform: translate(102.00075vw, 100vh) scale(0.5526);
  }
}
.snow:nth-child(4) {
  opacity: 0.0458;
  transform: translate(47.5173vw, -10px) scale(0.8744);
  animation: fall-4 14s -20s linear infinite;
}
@keyframes fall-4 {
  67.182% {
    transform: translate(40.5773vw, 67.182vh) scale(0.8744);
  }
  to {
    transform: translate(44.0473vw, 100vh) scale(0.8744);
  }
}
.snow:nth-child(5) {
  opacity: 0.1571;
  transform: translate(91.4934vw, -10px) scale(0.4546);
  animation: fall-5 18s -2s linear infinite;
}
@keyframes fall-5 {
  43.305% {
    transform: translate(98.2477vw, 43.305vh) scale(0.4546);
  }
  to {
    transform: translate(94.87055vw, 100vh) scale(0.4546);
  }
}
.snow:nth-child(6) {
  opacity: 0.6965;
  transform: translate(61.1689vw, -10px) scale(0.9567);
  animation: fall-6 22s -19s linear infinite;
}
@keyframes fall-6 {
  39.766% {
    transform: translate(53.0392vw, 39.766vh) scale(0.9567);
  }
  to {
    transform: translate(57.10405vw, 100vh) scale(0.9567);
  }
}
.snow:nth-child(7) {
  opacity: 0.2205;
  transform: translate(7.3818vw, -10px) scale(0.1589);
  animation: fall-7 27s -5s linear infinite;
}
@keyframes fall-7 {
  59.766% {
    transform: translate(2.9738vw, 59.766vh) scale(0.1589);
  }
  to {
    transform: translate(5.1778vw, 100vh) scale(0.1589);
  }
}
.snow:nth-child(8) {
  opacity: 0.1239;
  transform: translate(26.429vw, -10px) scale(0.5133);
  animation: fall-8 25s -6s linear infinite;
}
@keyframes fall-8 {
  39.337% {
    transform: translate(29.2359vw, 39.337vh) scale(0.5133);
  }
  to {
    transform: translate(27.83245vw, 100vh) scale(0.5133);
  }
}
.snow:nth-child(9) {
  opacity: 0.4224;
  transform: translate(14.2769vw, -10px) scale(0.38);
  animation: fall-9 16s -24s linear infinite;
}
@keyframes fall-9 {
  47.524% {
    transform: translate(12.8096vw, 47.524vh) scale(0.38);
  }
  to {
    transform: translate(13.54325vw, 100vh) scale(0.38);
  }
}
.snow:nth-child(10) {
  opacity: 0.1337;
  transform: translate(49.9377vw, -10px) scale(0.322);
  animation: fall-10 23s -3s linear infinite;
}
@keyframes fall-10 {
  33.513% {
    transform: translate(53.9702vw, 33.513vh) scale(0.322);
  }
  to {
    transform: translate(51.95395vw, 100vh) scale(0.322);
  }
}
.snow:nth-child(11) {
  opacity: 0.7469;
  transform: translate(28.1844vw, -10px) scale(0.382);
  animation: fall-11 16s -23s linear infinite;
}
@keyframes fall-11 {
  51.823% {
    transform: translate(25.9172vw, 51.823vh) scale(0.382);
  }
  to {
    transform: translate(27.0508vw, 100vh) scale(0.382);
  }
}
.snow:nth-child(12) {
  opacity: 0.5742;
  transform: translate(19.9398vw, -10px) scale(0.3415);
  animation: fall-12 29s -4s linear infinite;
}
@keyframes fall-12 {
  60.187% {
    transform: translate(21.7258vw, 60.187vh) scale(0.3415);
  }
  to {
    transform: translate(20.8328vw, 100vh) scale(0.3415);
  }
}
.snow:nth-child(13) {
  opacity: 0.5539;
  transform: translate(82.6036vw, -10px) scale(0.3846);
  animation: fall-13 30s -9s linear infinite;
}
@keyframes fall-13 {
  77.197% {
    transform: translate(85.3059vw, 77.197vh) scale(0.3846);
  }
  to {
    transform: translate(83.95475vw, 100vh) scale(0.3846);
  }
}
.snow:nth-child(14) {
  opacity: 0.8338;
  transform: translate(82.8902vw, -10px) scale(0.118);
  animation: fall-14 22s -15s linear infinite;
}
@keyframes fall-14 {
  65.131% {
    transform: translate(80.3368vw, 65.131vh) scale(0.118);
  }
  to {
    transform: translate(81.6135vw, 100vh) scale(0.118);
  }
}
.snow:nth-child(15) {
  opacity: 0.8372;
  transform: translate(48.9727vw, -10px) scale(0.3547);
  animation: fall-15 23s -1s linear infinite;
}
@keyframes fall-15 {
  78.291% {
    transform: translate(45.4761vw, 78.291vh) scale(0.3547);
  }
  to {
    transform: translate(47.2244vw, 100vh) scale(0.3547);
  }
}
.snow:nth-child(16) {
  opacity: 0.3265;
  transform: translate(75.7695vw, -10px) scale(0.1096);
  animation: fall-16 13s -18s linear infinite;
}
@keyframes fall-16 {
  63.002% {
    transform: translate(68.2322vw, 63.002vh) scale(0.1096);
  }
  to {
    transform: translate(72.00085vw, 100vh) scale(0.1096);
  }
}
.snow:nth-child(17) {
  opacity: 0.8273;
  transform: translate(50.4691vw, -10px) scale(0.7212);
  animation: fall-17 12s -9s linear infinite;
}
@keyframes fall-17 {
  62.684% {
    transform: translate(43.2691vw, 62.684vh) scale(0.7212);
  }
  to {
    transform: translate(46.8691vw, 100vh) scale(0.7212);
  }
}
.snow:nth-child(18) {
  opacity: 0.6003;
  transform: translate(29.2726vw, -10px) scale(0.5684);
  animation: fall-18 28s -15s linear infinite;
}
@keyframes fall-18 {
  46.806% {
    transform: translate(30.6788vw, 46.806vh) scale(0.5684);
  }
  to {
    transform: translate(29.9757vw, 100vh) scale(0.5684);
  }
}
.snow:nth-child(19) {
  opacity: 0.6003;
  transform: translate(32.0461vw, -10px) scale(0.8317);
  animation: fall-19 13s -13s linear infinite;
}
@keyframes fall-19 {
  37.664% {
    transform: translate(40.724vw, 37.664vh) scale(0.8317);
  }
  to {
    transform: translate(36.38505vw, 100vh) scale(0.8317);
  }
}
.snow:nth-child(20) {
  opacity: 0.7328;
  transform: translate(90.1516vw, -10px) scale(0.9195);
  animation: fall-20 14s -22s linear infinite;
}
@keyframes fall-20 {
  69.173% {
    transform: translate(88.4485vw, 69.173vh) scale(0.9195);
  }
  to {
    transform: translate(89.30005vw, 100vh) scale(0.9195);
  }
}
.snow:nth-child(21) {
  opacity: 0.2219;
  transform: translate(4.761vw, -10px) scale(0.3465);
  animation: fall-21 28s -24s linear infinite;
}
@keyframes fall-21 {
  47.846% {
    transform: translate(10.4047vw, 47.846vh) scale(0.3465);
  }
  to {
    transform: translate(7.58285vw, 100vh) scale(0.3465);
  }
}
.snow:nth-child(22) {
  opacity: 0.3644;
  transform: translate(53.1672vw, -10px) scale(0.3715);
  animation: fall-22 17s -22s linear infinite;
}
@keyframes fall-22 {
  78.787% {
    transform: translate(54.9295vw, 78.787vh) scale(0.3715);
  }
  to {
    transform: translate(54.04835vw, 100vh) scale(0.3715);
  }
}
.snow:nth-child(23) {
  opacity: 0.6711;
  transform: translate(96.9362vw, -10px) scale(0.7591);
  animation: fall-23 30s -23s linear infinite;
}
@keyframes fall-23 {
  47.67% {
    transform: translate(102.3904vw, 47.67vh) scale(0.7591);
  }
  to {
    transform: translate(99.6633vw, 100vh) scale(0.7591);
  }
}
.snow:nth-child(24) {
  opacity: 0.4327;
  transform: translate(59.8855vw, -10px) scale(0.1809);
  animation: fall-24 16s -19s linear infinite;
}
@keyframes fall-24 {
  30.73% {
    transform: translate(51.4632vw, 30.73vh) scale(0.1809);
  }
  to {
    transform: translate(55.67435vw, 100vh) scale(0.1809);
  }
}
.snow:nth-child(25) {
  opacity: 0.4983;
  transform: translate(75.2656vw, -10px) scale(0.5948);
  animation: fall-25 20s -26s linear infinite;
}
@keyframes fall-25 {
  71.715% {
    transform: translate(78.5323vw, 71.715vh) scale(0.5948);
  }
  to {
    transform: translate(76.89895vw, 100vh) scale(0.5948);
  }
}
.snow:nth-child(26) {
  opacity: 0.1336;
  transform: translate(54.4493vw, -10px) scale(0.3104);
  animation: fall-26 12s -22s linear infinite;
}
@keyframes fall-26 {
  66.393% {
    transform: translate(60.803vw, 66.393vh) scale(0.3104);
  }
  to {
    transform: translate(57.62615vw, 100vh) scale(0.3104);
  }
}
.snow:nth-child(27) {
  opacity: 0.7534;
  transform: translate(74.3532vw, -10px) scale(0.2391);
  animation: fall-27 25s -9s linear infinite;
}
@keyframes fall-27 {
  42.626% {
    transform: translate(67.4991vw, 42.626vh) scale(0.2391);
  }
  to {
    transform: translate(70.92615vw, 100vh) scale(0.2391);
  }
}
.snow:nth-child(28) {
  opacity: 0.5216;
  transform: translate(65.6103vw, -10px) scale(0.7789);
  animation: fall-28 21s -23s linear infinite;
}
@keyframes fall-28 {
  60.591% {
    transform: translate(71.9857vw, 60.591vh) scale(0.7789);
  }
  to {
    transform: translate(68.798vw, 100vh) scale(0.7789);
  }
}
.snow:nth-child(29) {
  opacity: 0.3689;
  transform: translate(9.0122vw, -10px) scale(0.2035);
  animation: fall-29 17s -19s linear infinite;
}
@keyframes fall-29 {
  52.503% {
    transform: translate(15.3834vw, 52.503vh) scale(0.2035);
  }
  to {
    transform: translate(12.1978vw, 100vh) scale(0.2035);
  }
}
.snow:nth-child(30) {
  opacity: 0.0423;
  transform: translate(18.8973vw, -10px) scale(0.657);
  animation: fall-30 28s -13s linear infinite;
}
@keyframes fall-30 {
  37.206% {
    transform: translate(18.7012vw, 37.206vh) scale(0.657);
  }
  to {
    transform: translate(18.79925vw, 100vh) scale(0.657);
  }
}
.snow:nth-child(31) {
  opacity: 0.5768;
  transform: translate(95.5104vw, -10px) scale(0.8573);
  animation: fall-31 28s -10s linear infinite;
}
@keyframes fall-31 {
  43.473% {
    transform: translate(103.3833vw, 43.473vh) scale(0.8573);
  }
  to {
    transform: translate(99.44685vw, 100vh) scale(0.8573);
  }
}
.snow:nth-child(32) {
  opacity: 0.3908;
  transform: translate(14.4792vw, -10px) scale(0.1402);
  animation: fall-32 18s -5s linear infinite;
}
@keyframes fall-32 {
  77.243% {
    transform: translate(6.814vw, 77.243vh) scale(0.1402);
  }
  to {
    transform: translate(10.6466vw, 100vh) scale(0.1402);
  }
}
.snow:nth-child(33) {
  opacity: 0.3076;
  transform: translate(3.9523vw, -10px) scale(0.8446);
  animation: fall-33 29s -19s linear infinite;
}
@keyframes fall-33 {
  63.011% {
    transform: translate(-1.7023vw, 63.011vh) scale(0.8446);
  }
  to {
    transform: translate(1.125vw, 100vh) scale(0.8446);
  }
}
.snow:nth-child(34) {
  opacity: 0.6075;
  transform: translate(1.2451vw, -10px) scale(0.5303);
  animation: fall-34 11s -3s linear infinite;
}
@keyframes fall-34 {
  43.957% {
    transform: translate(3.1439vw, 43.957vh) scale(0.5303);
  }
  to {
    transform: translate(2.1945vw, 100vh) scale(0.5303);
  }
}
.snow:nth-child(35) {
  opacity: 0.9032;
  transform: translate(91.097vw, -10px) scale(0.2614);
  animation: fall-35 10s -2s linear infinite;
}
@keyframes fall-35 {
  49.447% {
    transform: translate(86.6369vw, 49.447vh) scale(0.2614);
  }
  to {
    transform: translate(88.86695vw, 100vh) scale(0.2614);
  }
}
.snow:nth-child(36) {
  opacity: 0.1962;
  transform: translate(87.6085vw, -10px) scale(0.407);
  animation: fall-36 30s -30s linear infinite;
}
@keyframes fall-36 {
  70.997% {
    transform: translate(80.659vw, 70.997vh) scale(0.407);
  }
  to {
    transform: translate(84.13375vw, 100vh) scale(0.407);
  }
}
.snow:nth-child(37) {
  opacity: 0.0235;
  transform: translate(49.8795vw, -10px) scale(0.4781);
  animation: fall-37 18s -25s linear infinite;
}
@keyframes fall-37 {
  60.093% {
    transform: translate(52.432vw, 60.093vh) scale(0.4781);
  }
  to {
    transform: translate(51.15575vw, 100vh) scale(0.4781);
  }
}
.snow:nth-child(38) {
  opacity: 0.2597;
  transform: translate(80.9264vw, -10px) scale(0.7555);
  animation: fall-38 15s -22s linear infinite;
}
@keyframes fall-38 {
  41.912% {
    transform: translate(82.0783vw, 41.912vh) scale(0.7555);
  }
  to {
    transform: translate(81.50235vw, 100vh) scale(0.7555);
  }
}
.snow:nth-child(39) {
  opacity: 0.7491;
  transform: translate(23.0985vw, -10px) scale(0.7095);
  animation: fall-39 15s -10s linear infinite;
}
@keyframes fall-39 {
  79.779% {
    transform: translate(20.9043vw, 79.779vh) scale(0.7095);
  }
  to {
    transform: translate(22.0014vw, 100vh) scale(0.7095);
  }
}
.snow:nth-child(40) {
  opacity: 0.0382;
  transform: translate(27.8067vw, -10px) scale(0.368);
  animation: fall-40 25s -25s linear infinite;
}
@keyframes fall-40 {
  37.045% {
    transform: translate(27.0448vw, 37.045vh) scale(0.368);
  }
  to {
    transform: translate(27.42575vw, 100vh) scale(0.368);
  }
}
.snow:nth-child(41) {
  opacity: 0.3585;
  transform: translate(54.2386vw, -10px) scale(0.4924);
  animation: fall-41 25s -25s linear infinite;
}
@keyframes fall-41 {
  31.957% {
    transform: translate(48.2386vw, 31.957vh) scale(0.4924);
  }
  to {
    transform: translate(51.2386vw, 100vh) scale(0.4924);
  }
}
.snow:nth-child(42) {
  opacity: 0.4003;
  transform: translate(59.2203vw, -10px) scale(0.4275);
  animation: fall-42 20s -18s linear infinite;
}
@keyframes fall-42 {
  30.594% {
    transform: translate(68.7538vw, 30.594vh) scale(0.4275);
  }
  to {
    transform: translate(63.98705vw, 100vh) scale(0.4275);
  }
}
.snow:nth-child(43) {
  opacity: 0.7068;
  transform: translate(51.7495vw, -10px) scale(0.2302);
  animation: fall-43 28s -4s linear infinite;
}
@keyframes fall-43 {
  52.911% {
    transform: translate(49.7617vw, 52.911vh) scale(0.2302);
  }
  to {
    transform: translate(50.7556vw, 100vh) scale(0.2302);
  }
}
.snow:nth-child(44) {
  opacity: 0.5329;
  transform: translate(23.8467vw, -10px) scale(0.7426);
  animation: fall-44 25s -12s linear infinite;
}
@keyframes fall-44 {
  63.774% {
    transform: translate(15.0155vw, 63.774vh) scale(0.7426);
  }
  to {
    transform: translate(19.4311vw, 100vh) scale(0.7426);
  }
}
.snow:nth-child(45) {
  opacity: 0.0995;
  transform: translate(58.5973vw, -10px) scale(0.1148);
  animation: fall-45 27s -12s linear infinite;
}
@keyframes fall-45 {
  72.475% {
    transform: translate(68.5454vw, 72.475vh) scale(0.1148);
  }
  to {
    transform: translate(63.57135vw, 100vh) scale(0.1148);
  }
}
.snow:nth-child(46) {
  opacity: 0.5645;
  transform: translate(25.2882vw, -10px) scale(0.8562);
  animation: fall-46 17s -27s linear infinite;
}
@keyframes fall-46 {
  41.863% {
    transform: translate(32.8262vw, 41.863vh) scale(0.8562);
  }
  to {
    transform: translate(29.0572vw, 100vh) scale(0.8562);
  }
}
.snow:nth-child(47) {
  opacity: 0.2967;
  transform: translate(24.5737vw, -10px) scale(0.8502);
  animation: fall-47 14s -16s linear infinite;
}
@keyframes fall-47 {
  79.998% {
    transform: translate(32.7545vw, 79.998vh) scale(0.8502);
  }
  to {
    transform: translate(28.6641vw, 100vh) scale(0.8502);
  }
}
.snow:nth-child(48) {
  opacity: 0.2268;
  transform: translate(2.0846vw, -10px) scale(0.0097);
  animation: fall-48 10s -3s linear infinite;
}
@keyframes fall-48 {
  49.395% {
    transform: translate(1.6904vw, 49.395vh) scale(0.0097);
  }
  to {
    transform: translate(1.8875vw, 100vh) scale(0.0097);
  }
}
.snow:nth-child(49) {
  opacity: 0.642;
  transform: translate(60.5216vw, -10px) scale(0.1549);
  animation: fall-49 15s -24s linear infinite;
}
@keyframes fall-49 {
  56.717% {
    transform: translate(65.523vw, 56.717vh) scale(0.1549);
  }
  to {
    transform: translate(63.0223vw, 100vh) scale(0.1549);
  }
}
.snow:nth-child(50) {
  opacity: 0.6723;
  transform: translate(18.1082vw, -10px) scale(0.9229);
  animation: fall-50 20s -13s linear infinite;
}
@keyframes fall-50 {
  46.381% {
    transform: translate(18.3578vw, 46.381vh) scale(0.9229);
  }
  to {
    transform: translate(18.233vw, 100vh) scale(0.9229);
  }
}
.snow:nth-child(51) {
  opacity: 0.1148;
  transform: translate(73.3261vw, -10px) scale(0.9942);
  animation: fall-51 18s -9s linear infinite;
}
@keyframes fall-51 {
  34.03% {
    transform: translate(72.8746vw, 34.03vh) scale(0.9942);
  }
  to {
    transform: translate(73.10035vw, 100vh) scale(0.9942);
  }
}
.snow:nth-child(52) {
  opacity: 0.4601;
  transform: translate(4.9309vw, -10px) scale(0.4066);
  animation: fall-52 28s -29s linear infinite;
}
@keyframes fall-52 {
  51.143% {
    transform: translate(9.9721vw, 51.143vh) scale(0.4066);
  }
  to {
    transform: translate(7.4515vw, 100vh) scale(0.4066);
  }
}
.snow:nth-child(53) {
  opacity: 0.1507;
  transform: translate(30.8415vw, -10px) scale(0.8552);
  animation: fall-53 11s -28s linear infinite;
}
@keyframes fall-53 {
  60.388% {
    transform: translate(31.4039vw, 60.388vh) scale(0.8552);
  }
  to {
    transform: translate(31.1227vw, 100vh) scale(0.8552);
  }
}
.snow:nth-child(54) {
  opacity: 0.1162;
  transform: translate(48.6708vw, -10px) scale(0.7334);
  animation: fall-54 30s -26s linear infinite;
}
@keyframes fall-54 {
  78.546% {
    transform: translate(43.0291vw, 78.546vh) scale(0.7334);
  }
  to {
    transform: translate(45.84995vw, 100vh) scale(0.7334);
  }
}
.snow:nth-child(55) {
  opacity: 0.4616;
  transform: translate(10.1867vw, -10px) scale(0.9292);
  animation: fall-55 28s -21s linear infinite;
}
@keyframes fall-55 {
  69.297% {
    transform: translate(10.0361vw, 69.297vh) scale(0.9292);
  }
  to {
    transform: translate(10.1114vw, 100vh) scale(0.9292);
  }
}
.snow:nth-child(56) {
  opacity: 0.5419;
  transform: translate(86.2048vw, -10px) scale(0.5614);
  animation: fall-56 30s -18s linear infinite;
}
@keyframes fall-56 {
  45.659% {
    transform: translate(93.1396vw, 45.659vh) scale(0.5614);
  }
  to {
    transform: translate(89.6722vw, 100vh) scale(0.5614);
  }
}
.snow:nth-child(57) {
  opacity: 0.8441;
  transform: translate(31.7785vw, -10px) scale(0.6449);
  animation: fall-57 17s -7s linear infinite;
}
@keyframes fall-57 {
  34.724% {
    transform: translate(40.3449vw, 34.724vh) scale(0.6449);
  }
  to {
    transform: translate(36.0617vw, 100vh) scale(0.6449);
  }
}
.snow:nth-child(58) {
  opacity: 0.1583;
  transform: translate(23.9314vw, -10px) scale(0.3183);
  animation: fall-58 17s -13s linear infinite;
}
@keyframes fall-58 {
  52.351% {
    transform: translate(19.9859vw, 52.351vh) scale(0.3183);
  }
  to {
    transform: translate(21.95865vw, 100vh) scale(0.3183);
  }
}
.snow:nth-child(59) {
  opacity: 0.186;
  transform: translate(6.5476vw, -10px) scale(0.8473);
  animation: fall-59 16s -1s linear infinite;
}
@keyframes fall-59 {
  38.342% {
    transform: translate(-1.0793vw, 38.342vh) scale(0.8473);
  }
  to {
    transform: translate(2.73415vw, 100vh) scale(0.8473);
  }
}
.snow:nth-child(60) {
  opacity: 0.6717;
  transform: translate(5.3983vw, -10px) scale(0.1362);
  animation: fall-60 26s -18s linear infinite;
}
@keyframes fall-60 {
  65.839% {
    transform: translate(3.2144vw, 65.839vh) scale(0.1362);
  }
  to {
    transform: translate(4.30635vw, 100vh) scale(0.1362);
  }
}
.snow:nth-child(61) {
  opacity: 0.7145;
  transform: translate(24.0225vw, -10px) scale(0.7074);
  animation: fall-61 15s -30s linear infinite;
}
@keyframes fall-61 {
  42.197% {
    transform: translate(18.1382vw, 42.197vh) scale(0.7074);
  }
  to {
    transform: translate(21.08035vw, 100vh) scale(0.7074);
  }
}
.snow:nth-child(62) {
  opacity: 0.8363;
  transform: translate(75.05vw, -10px) scale(0.6385);
  animation: fall-62 19s -9s linear infinite;
}
@keyframes fall-62 {
  59.639% {
    transform: translate(82.481vw, 59.639vh) scale(0.6385);
  }
  to {
    transform: translate(78.7655vw, 100vh) scale(0.6385);
  }
}
.snow:nth-child(63) {
  opacity: 0.526;
  transform: translate(71.7173vw, -10px) scale(0.9662);
  animation: fall-63 26s -17s linear infinite;
}
@keyframes fall-63 {
  55.868% {
    transform: translate(70.0588vw, 55.868vh) scale(0.9662);
  }
  to {
    transform: translate(70.88805vw, 100vh) scale(0.9662);
  }
}
.snow:nth-child(64) {
  opacity: 0.994;
  transform: translate(89.7904vw, -10px) scale(0.0412);
  animation: fall-64 21s -10s linear infinite;
}
@keyframes fall-64 {
  73.559% {
    transform: translate(87.0036vw, 73.559vh) scale(0.0412);
  }
  to {
    transform: translate(88.397vw, 100vh) scale(0.0412);
  }
}
.snow:nth-child(65) {
  opacity: 0.1736;
  transform: translate(70.0696vw, -10px) scale(0.1685);
  animation: fall-65 10s -8s linear infinite;
}
@keyframes fall-65 {
  40.051% {
    transform: translate(60.1182vw, 40.051vh) scale(0.1685);
  }
  to {
    transform: translate(65.0939vw, 100vh) scale(0.1685);
  }
}
.snow:nth-child(66) {
  opacity: 0.2257;
  transform: translate(52.3877vw, -10px) scale(0.812);
  animation: fall-66 11s -21s linear infinite;
}
@keyframes fall-66 {
  61.619% {
    transform: translate(42.5313vw, 61.619vh) scale(0.812);
  }
  to {
    transform: translate(47.4595vw, 100vh) scale(0.812);
  }
}
.snow:nth-child(67) {
  opacity: 0.7772;
  transform: translate(4.8453vw, -10px) scale(0.8048);
  animation: fall-67 14s -15s linear infinite;
}
@keyframes fall-67 {
  39.799% {
    transform: translate(5.7531vw, 39.799vh) scale(0.8048);
  }
  to {
    transform: translate(5.2992vw, 100vh) scale(0.8048);
  }
}
.snow:nth-child(68) {
  opacity: 0.9768;
  transform: translate(16.4576vw, -10px) scale(0.8742);
  animation: fall-68 30s -21s linear infinite;
}
@keyframes fall-68 {
  76.09% {
    transform: translate(24.7267vw, 76.09vh) scale(0.8742);
  }
  to {
    transform: translate(20.59215vw, 100vh) scale(0.8742);
  }
}
.snow:nth-child(69) {
  opacity: 0.53;
  transform: translate(69.809vw, -10px) scale(0.0147);
  animation: fall-69 23s -16s linear infinite;
}
@keyframes fall-69 {
  73.485% {
    transform: translate(68.5913vw, 73.485vh) scale(0.0147);
  }
  to {
    transform: translate(69.20015vw, 100vh) scale(0.0147);
  }
}
.snow:nth-child(70) {
  opacity: 0.8944;
  transform: translate(93.4403vw, -10px) scale(0.774);
  animation: fall-70 28s -14s linear infinite;
}
@keyframes fall-70 {
  63.905% {
    transform: translate(89.0159vw, 63.905vh) scale(0.774);
  }
  to {
    transform: translate(91.2281vw, 100vh) scale(0.774);
  }
}
.snow:nth-child(71) {
  opacity: 0.2921;
  transform: translate(64.3456vw, -10px) scale(0.0657);
  animation: fall-71 29s -7s linear infinite;
}
@keyframes fall-71 {
  52.277% {
    transform: translate(67.354vw, 52.277vh) scale(0.0657);
  }
  to {
    transform: translate(65.8498vw, 100vh) scale(0.0657);
  }
}
.snow:nth-child(72) {
  opacity: 0.0696;
  transform: translate(96.9863vw, -10px) scale(0.6503);
  animation: fall-72 17s -2s linear infinite;
}
@keyframes fall-72 {
  51.211% {
    transform: translate(89.0754vw, 51.211vh) scale(0.6503);
  }
  to {
    transform: translate(93.03085vw, 100vh) scale(0.6503);
  }
}
.snow:nth-child(73) {
  opacity: 0.525;
  transform: translate(71.706vw, -10px) scale(0.1792);
  animation: fall-73 11s -14s linear infinite;
}
@keyframes fall-73 {
  50.604% {
    transform: translate(78.7526vw, 50.604vh) scale(0.1792);
  }
  to {
    transform: translate(75.2293vw, 100vh) scale(0.1792);
  }
}
.snow:nth-child(74) {
  opacity: 0.2155;
  transform: translate(22.0614vw, -10px) scale(0.3096);
  animation: fall-74 24s -6s linear infinite;
}
@keyframes fall-74 {
  65.894% {
    transform: translate(31.9364vw, 65.894vh) scale(0.3096);
  }
  to {
    transform: translate(26.9989vw, 100vh) scale(0.3096);
  }
}
.snow:nth-child(75) {
  opacity: 0.1125;
  transform: translate(70.1171vw, -10px) scale(0.4658);
  animation: fall-75 25s -13s linear infinite;
}
@keyframes fall-75 {
  39.058% {
    transform: translate(77.3832vw, 39.058vh) scale(0.4658);
  }
  to {
    transform: translate(73.75015vw, 100vh) scale(0.4658);
  }
}
.snow:nth-child(76) {
  opacity: 0.5764;
  transform: translate(36.7737vw, -10px) scale(0.1507);
  animation: fall-76 27s -23s linear infinite;
}
@keyframes fall-76 {
  57.707% {
    transform: translate(30.4617vw, 57.707vh) scale(0.1507);
  }
  to {
    transform: translate(33.6177vw, 100vh) scale(0.1507);
  }
}
.snow:nth-child(77) {
  opacity: 0.0166;
  transform: translate(88.9652vw, -10px) scale(0.9575);
  animation: fall-77 10s -26s linear infinite;
}
@keyframes fall-77 {
  66.385% {
    transform: translate(96.6808vw, 66.385vh) scale(0.9575);
  }
  to {
    transform: translate(92.823vw, 100vh) scale(0.9575);
  }
}
.snow:nth-child(78) {
  opacity: 0.558;
  transform: translate(86.7515vw, -10px) scale(0.9849);
  animation: fall-78 10s -13s linear infinite;
}
@keyframes fall-78 {
  39.075% {
    transform: translate(95.7822vw, 39.075vh) scale(0.9849);
  }
  to {
    transform: translate(91.26685vw, 100vh) scale(0.9849);
  }
}
.snow:nth-child(79) {
  opacity: 0.7359;
  transform: translate(85.2367vw, -10px) scale(0.856);
  animation: fall-79 14s -18s linear infinite;
}
@keyframes fall-79 {
  47.682% {
    transform: translate(79.674vw, 47.682vh) scale(0.856);
  }
  to {
    transform: translate(82.45535vw, 100vh) scale(0.856);
  }
}
.snow:nth-child(80) {
  opacity: 0.523;
  transform: translate(57.3257vw, -10px) scale(0.0127);
  animation: fall-80 14s -29s linear infinite;
}
@keyframes fall-80 {
  60.938% {
    transform: translate(50.985vw, 60.938vh) scale(0.0127);
  }
  to {
    transform: translate(54.15535vw, 100vh) scale(0.0127);
  }
}
.snow:nth-child(81) {
  opacity: 0.4463;
  transform: translate(47.8152vw, -10px) scale(0.7298);
  animation: fall-81 16s -20s linear infinite;
}
@keyframes fall-81 {
  79.341% {
    transform: translate(39.1621vw, 79.341vh) scale(0.7298);
  }
  to {
    transform: translate(43.48865vw, 100vh) scale(0.7298);
  }
}
.snow:nth-child(82) {
  opacity: 0.0487;
  transform: translate(45.8689vw, -10px) scale(0.2869);
  animation: fall-82 26s -29s linear infinite;
}
@keyframes fall-82 {
  67.93% {
    transform: translate(37.2413vw, 67.93vh) scale(0.2869);
  }
  to {
    transform: translate(41.5551vw, 100vh) scale(0.2869);
  }
}
.snow:nth-child(83) {
  opacity: 0.3845;
  transform: translate(49.699vw, -10px) scale(0.8284);
  animation: fall-83 15s -11s linear infinite;
}
@keyframes fall-83 {
  40.2% {
    transform: translate(45.18vw, 40.2vh) scale(0.8284);
  }
  to {
    transform: translate(47.4395vw, 100vh) scale(0.8284);
  }
}
.snow:nth-child(84) {
  opacity: 0.1968;
  transform: translate(4.3033vw, -10px) scale(0.3015);
  animation: fall-84 20s -26s linear infinite;
}
@keyframes fall-84 {
  68.237% {
    transform: translate(-3.5226vw, 68.237vh) scale(0.3015);
  }
  to {
    transform: translate(0.39035vw, 100vh) scale(0.3015);
  }
}
.snow:nth-child(85) {
  opacity: 0.2679;
  transform: translate(98.6761vw, -10px) scale(0.7298);
  animation: fall-85 18s -19s linear infinite;
}
@keyframes fall-85 {
  67.138% {
    transform: translate(90.713vw, 67.138vh) scale(0.7298);
  }
  to {
    transform: translate(94.69455vw, 100vh) scale(0.7298);
  }
}
.snow:nth-child(86) {
  opacity: 0.3848;
  transform: translate(67.3336vw, -10px) scale(0.7957);
  animation: fall-86 28s -29s linear infinite;
}
@keyframes fall-86 {
  62.283% {
    transform: translate(64.7941vw, 62.283vh) scale(0.7957);
  }
  to {
    transform: translate(66.06385vw, 100vh) scale(0.7957);
  }
}
.snow:nth-child(87) {
  opacity: 0.2186;
  transform: translate(39.298vw, -10px) scale(0.6417);
  animation: fall-87 30s -17s linear infinite;
}
@keyframes fall-87 {
  48.56% {
    transform: translate(48.9708vw, 48.56vh) scale(0.6417);
  }
  to {
    transform: translate(44.1344vw, 100vh) scale(0.6417);
  }
}
.snow:nth-child(88) {
  opacity: 0.8778;
  transform: translate(6.5702vw, -10px) scale(0.5543);
  animation: fall-88 18s -14s linear infinite;
}
@keyframes fall-88 {
  64.913% {
    transform: translate(-0.2721vw, 64.913vh) scale(0.5543);
  }
  to {
    transform: translate(3.14905vw, 100vh) scale(0.5543);
  }
}
.snow:nth-child(89) {
  opacity: 0.0249;
  transform: translate(61.1928vw, -10px) scale(0.3799);
  animation: fall-89 18s -23s linear infinite;
}
@keyframes fall-89 {
  44.099% {
    transform: translate(51.6669vw, 44.099vh) scale(0.3799);
  }
  to {
    transform: translate(56.42985vw, 100vh) scale(0.3799);
  }
}
.snow:nth-child(90) {
  opacity: 0.6275;
  transform: translate(82.8973vw, -10px) scale(0.9804);
  animation: fall-90 21s -1s linear infinite;
}
@keyframes fall-90 {
  38.949% {
    transform: translate(73.8176vw, 38.949vh) scale(0.9804);
  }
  to {
    transform: translate(78.35745vw, 100vh) scale(0.9804);
  }
}
.snow:nth-child(91) {
  opacity: 0.6476;
  transform: translate(18.9247vw, -10px) scale(0.9182);
  animation: fall-91 16s -11s linear infinite;
}
@keyframes fall-91 {
  75.943% {
    transform: translate(27.1293vw, 75.943vh) scale(0.9182);
  }
  to {
    transform: translate(23.027vw, 100vh) scale(0.9182);
  }
}
.snow:nth-child(92) {
  opacity: 0.9932;
  transform: translate(98.89vw, -10px) scale(0.8938);
  animation: fall-92 13s -30s linear infinite;
}
@keyframes fall-92 {
  40.189% {
    transform: translate(104.7936vw, 40.189vh) scale(0.8938);
  }
  to {
    transform: translate(101.8418vw, 100vh) scale(0.8938);
  }
}
.snow:nth-child(93) {
  opacity: 0.9117;
  transform: translate(85.459vw, -10px) scale(0.2624);
  animation: fall-93 16s -27s linear infinite;
}
@keyframes fall-93 {
  69.959% {
    transform: translate(94.2126vw, 69.959vh) scale(0.2624);
  }
  to {
    transform: translate(89.8358vw, 100vh) scale(0.2624);
  }
}
.snow:nth-child(94) {
  opacity: 0.7335;
  transform: translate(31.8963vw, -10px) scale(0.1479);
  animation: fall-94 13s -2s linear infinite;
}
@keyframes fall-94 {
  76.025% {
    transform: translate(28.4843vw, 76.025vh) scale(0.1479);
  }
  to {
    transform: translate(30.1903vw, 100vh) scale(0.1479);
  }
}
.snow:nth-child(95) {
  opacity: 0.542;
  transform: translate(98.195vw, -10px) scale(0.8483);
  animation: fall-95 12s -7s linear infinite;
}
@keyframes fall-95 {
  47.984% {
    transform: translate(91.5267vw, 47.984vh) scale(0.8483);
  }
  to {
    transform: translate(94.86085vw, 100vh) scale(0.8483);
  }
}
.snow:nth-child(96) {
  opacity: 0.514;
  transform: translate(39.021vw, -10px) scale(0.9041);
  animation: fall-96 11s -3s linear infinite;
}
@keyframes fall-96 {
  55.152% {
    transform: translate(29.722vw, 55.152vh) scale(0.9041);
  }
  to {
    transform: translate(34.3715vw, 100vh) scale(0.9041);
  }
}
.snow:nth-child(97) {
  opacity: 0.1305;
  transform: translate(21.0264vw, -10px) scale(0.9134);
  animation: fall-97 21s -21s linear infinite;
}
@keyframes fall-97 {
  39.336% {
    transform: translate(20.1937vw, 39.336vh) scale(0.9134);
  }
  to {
    transform: translate(20.61005vw, 100vh) scale(0.9134);
  }
}
.snow:nth-child(98) {
  opacity: 0.4538;
  transform: translate(36.5126vw, -10px) scale(0.0789);
  animation: fall-98 26s -5s linear infinite;
}
@keyframes fall-98 {
  57.282% {
    transform: translate(36.7435vw, 57.282vh) scale(0.0789);
  }
  to {
    transform: translate(36.62805vw, 100vh) scale(0.0789);
  }
}
.snow:nth-child(99) {
  opacity: 0.8691;
  transform: translate(98.7613vw, -10px) scale(0.188);
  animation: fall-99 12s -22s linear infinite;
}
@keyframes fall-99 {
  56.436% {
    transform: translate(92.5115vw, 56.436vh) scale(0.188);
  }
  to {
    transform: translate(95.6364vw, 100vh) scale(0.188);
  }
}
.snow:nth-child(100) {
  opacity: 0.6682;
  transform: translate(10.3361vw, -10px) scale(0.6527);
  animation: fall-100 18s -15s linear infinite;
}
@keyframes fall-100 {
  30.435% {
    transform: translate(14.8127vw, 30.435vh) scale(0.6527);
  }
  to {
    transform: translate(12.5744vw, 100vh) scale(0.6527);
  }
}
.snow:nth-child(101) {
  opacity: 0.5011;
  transform: translate(36.1751vw, -10px) scale(0.8519);
  animation: fall-101 19s -29s linear infinite;
}
@keyframes fall-101 {
  38.478% {
    transform: translate(31.3402vw, 38.478vh) scale(0.8519);
  }
  to {
    transform: translate(33.75765vw, 100vh) scale(0.8519);
  }
}
.snow:nth-child(102) {
  opacity: 0.9293;
  transform: translate(54.0994vw, -10px) scale(0.0818);
  animation: fall-102 15s -19s linear infinite;
}
@keyframes fall-102 {
  79.251% {
    transform: translate(61.7845vw, 79.251vh) scale(0.0818);
  }
  to {
    transform: translate(57.94195vw, 100vh) scale(0.0818);
  }
}
.snow:nth-child(103) {
  opacity: 0.5632;
  transform: translate(74.3047vw, -10px) scale(0.3571);
  animation: fall-103 29s -15s linear infinite;
}
@keyframes fall-103 {
  53.316% {
    transform: translate(68.4953vw, 53.316vh) scale(0.3571);
  }
  to {
    transform: translate(71.4vw, 100vh) scale(0.3571);
  }
}
.snow:nth-child(104) {
  opacity: 0.8336;
  transform: translate(68.0575vw, -10px) scale(0.5514);
  animation: fall-104 14s -14s linear infinite;
}
@keyframes fall-104 {
  48.703% {
    transform: translate(63.6409vw, 48.703vh) scale(0.5514);
  }
  to {
    transform: translate(65.8492vw, 100vh) scale(0.5514);
  }
}
.snow:nth-child(105) {
  opacity: 0.6532;
  transform: translate(80.8233vw, -10px) scale(0.3951);
  animation: fall-105 10s -17s linear infinite;
}
@keyframes fall-105 {
  75.238% {
    transform: translate(85.6901vw, 75.238vh) scale(0.3951);
  }
  to {
    transform: translate(83.2567vw, 100vh) scale(0.3951);
  }
}
.snow:nth-child(106) {
  opacity: 0.3222;
  transform: translate(49.1261vw, -10px) scale(0.285);
  animation: fall-106 25s -5s linear infinite;
}
@keyframes fall-106 {
  79.607% {
    transform: translate(43.802vw, 79.607vh) scale(0.285);
  }
  to {
    transform: translate(46.46405vw, 100vh) scale(0.285);
  }
}
.snow:nth-child(107) {
  opacity: 0.8189;
  transform: translate(10.8862vw, -10px) scale(0.0429);
  animation: fall-107 20s -7s linear infinite;
}
@keyframes fall-107 {
  78.06% {
    transform: translate(7.2529vw, 78.06vh) scale(0.0429);
  }
  to {
    transform: translate(9.06955vw, 100vh) scale(0.0429);
  }
}
.snow:nth-child(108) {
  opacity: 0.9151;
  transform: translate(40.7629vw, -10px) scale(0.8483);
  animation: fall-108 28s -17s linear infinite;
}
@keyframes fall-108 {
  58.06% {
    transform: translate(38.6441vw, 58.06vh) scale(0.8483);
  }
  to {
    transform: translate(39.7035vw, 100vh) scale(0.8483);
  }
}
.snow:nth-child(109) {
  opacity: 0.7767;
  transform: translate(67.0614vw, -10px) scale(0.0993);
  animation: fall-109 27s -6s linear infinite;
}
@keyframes fall-109 {
  75.813% {
    transform: translate(75.5128vw, 75.813vh) scale(0.0993);
  }
  to {
    transform: translate(71.2871vw, 100vh) scale(0.0993);
  }
}
.snow:nth-child(110) {
  opacity: 0.5778;
  transform: translate(53.7435vw, -10px) scale(0.9717);
  animation: fall-110 12s -6s linear infinite;
}
@keyframes fall-110 {
  57.226% {
    transform: translate(52.8121vw, 57.226vh) scale(0.9717);
  }
  to {
    transform: translate(53.2778vw, 100vh) scale(0.9717);
  }
}
.snow:nth-child(111) {
  opacity: 0.8067;
  transform: translate(10.8295vw, -10px) scale(0.0039);
  animation: fall-111 23s -7s linear infinite;
}
@keyframes fall-111 {
  55.215% {
    transform: translate(20.1617vw, 55.215vh) scale(0.0039);
  }
  to {
    transform: translate(15.4956vw, 100vh) scale(0.0039);
  }
}
.snow:nth-child(112) {
  opacity: 0.7996;
  transform: translate(60.6546vw, -10px) scale(0.8038);
  animation: fall-112 27s -10s linear infinite;
}
@keyframes fall-112 {
  35.611% {
    transform: translate(65.5208vw, 35.611vh) scale(0.8038);
  }
  to {
    transform: translate(63.0877vw, 100vh) scale(0.8038);
  }
}
.snow:nth-child(113) {
  opacity: 0.3808;
  transform: translate(75.3745vw, -10px) scale(0.7061);
  animation: fall-113 24s -2s linear infinite;
}
@keyframes fall-113 {
  60.387% {
    transform: translate(77.3716vw, 60.387vh) scale(0.7061);
  }
  to {
    transform: translate(76.37305vw, 100vh) scale(0.7061);
  }
}
.snow:nth-child(114) {
  opacity: 0.9049;
  transform: translate(93.7582vw, -10px) scale(0.1667);
  animation: fall-114 20s -13s linear infinite;
}
@keyframes fall-114 {
  36.004% {
    transform: translate(83.7716vw, 36.004vh) scale(0.1667);
  }
  to {
    transform: translate(88.7649vw, 100vh) scale(0.1667);
  }
}
.snow:nth-child(115) {
  opacity: 0.5038;
  transform: translate(54.7087vw, -10px) scale(0.1338);
  animation: fall-115 22s -4s linear infinite;
}
@keyframes fall-115 {
  77.233% {
    transform: translate(61.5855vw, 77.233vh) scale(0.1338);
  }
  to {
    transform: translate(58.1471vw, 100vh) scale(0.1338);
  }
}
.snow:nth-child(116) {
  opacity: 0.3715;
  transform: translate(67.1848vw, -10px) scale(0.7007);
  animation: fall-116 10s -30s linear infinite;
}
@keyframes fall-116 {
  56.054% {
    transform: translate(76.9391vw, 56.054vh) scale(0.7007);
  }
  to {
    transform: translate(72.06195vw, 100vh) scale(0.7007);
  }
}
.snow:nth-child(117) {
  opacity: 0.1794;
  transform: translate(62.3506vw, -10px) scale(0.9128);
  animation: fall-117 10s -26s linear infinite;
}
@keyframes fall-117 {
  71.127% {
    transform: translate(68.8739vw, 71.127vh) scale(0.9128);
  }
  to {
    transform: translate(65.61225vw, 100vh) scale(0.9128);
  }
}
.snow:nth-child(118) {
  opacity: 0.4897;
  transform: translate(35.894vw, -10px) scale(0.6083);
  animation: fall-118 21s -22s linear infinite;
}
@keyframes fall-118 {
  58.266% {
    transform: translate(36.3191vw, 58.266vh) scale(0.6083);
  }
  to {
    transform: translate(36.10655vw, 100vh) scale(0.6083);
  }
}
.snow:nth-child(119) {
  opacity: 0.5069;
  transform: translate(13.9823vw, -10px) scale(0.8013);
  animation: fall-119 25s -4s linear infinite;
}
@keyframes fall-119 {
  78.983% {
    transform: translate(15.4158vw, 78.983vh) scale(0.8013);
  }
  to {
    transform: translate(14.69905vw, 100vh) scale(0.8013);
  }
}
.snow:nth-child(120) {
  opacity: 0.2509;
  transform: translate(29.9841vw, -10px) scale(0.3259);
  animation: fall-120 23s -25s linear infinite;
}
@keyframes fall-120 {
  44.62% {
    transform: translate(39.202vw, 44.62vh) scale(0.3259);
  }
  to {
    transform: translate(34.59305vw, 100vh) scale(0.3259);
  }
}
.snow:nth-child(121) {
  opacity: 0.2241;
  transform: translate(82.3368vw, -10px) scale(0.7878);
  animation: fall-121 26s -30s linear infinite;
}
@keyframes fall-121 {
  53.272% {
    transform: translate(85.6342vw, 53.272vh) scale(0.7878);
  }
  to {
    transform: translate(83.9855vw, 100vh) scale(0.7878);
  }
}
.snow:nth-child(122) {
  opacity: 0.9481;
  transform: translate(40.5107vw, -10px) scale(0.4241);
  animation: fall-122 17s -8s linear infinite;
}
@keyframes fall-122 {
  42.09% {
    transform: translate(37.3661vw, 42.09vh) scale(0.4241);
  }
  to {
    transform: translate(38.9384vw, 100vh) scale(0.4241);
  }
}
.snow:nth-child(123) {
  opacity: 0.7255;
  transform: translate(50.567vw, -10px) scale(0.8821);
  animation: fall-123 30s -29s linear infinite;
}
@keyframes fall-123 {
  66.432% {
    transform: translate(43.0859vw, 66.432vh) scale(0.8821);
  }
  to {
    transform: translate(46.82645vw, 100vh) scale(0.8821);
  }
}
.snow:nth-child(124) {
  opacity: 0.4143;
  transform: translate(68.2804vw, -10px) scale(0.6593);
  animation: fall-124 12s -2s linear infinite;
}
@keyframes fall-124 {
  72.191% {
    transform: translate(58.4342vw, 72.191vh) scale(0.6593);
  }
  to {
    transform: translate(63.3573vw, 100vh) scale(0.6593);
  }
}
.snow:nth-child(125) {
  opacity: 0.0476;
  transform: translate(1.3782vw, -10px) scale(0.5987);
  animation: fall-125 11s -27s linear infinite;
}
@keyframes fall-125 {
  47.717% {
    transform: translate(-6.3134vw, 47.717vh) scale(0.5987);
  }
  to {
    transform: translate(-2.4676vw, 100vh) scale(0.5987);
  }
}
.snow:nth-child(126) {
  opacity: 0.2624;
  transform: translate(44.6125vw, -10px) scale(0.7565);
  animation: fall-126 18s -16s linear infinite;
}
@keyframes fall-126 {
  59.338% {
    transform: translate(54.1942vw, 59.338vh) scale(0.7565);
  }
  to {
    transform: translate(49.40335vw, 100vh) scale(0.7565);
  }
}
.snow:nth-child(127) {
  opacity: 0.0327;
  transform: translate(41.8057vw, -10px) scale(0.2276);
  animation: fall-127 14s -18s linear infinite;
}
@keyframes fall-127 {
  45.922% {
    transform: translate(45.4843vw, 45.922vh) scale(0.2276);
  }
  to {
    transform: translate(43.645vw, 100vh) scale(0.2276);
  }
}
.snow:nth-child(128) {
  opacity: 0.6056;
  transform: translate(77.8777vw, -10px) scale(0.0647);
  animation: fall-128 17s -8s linear infinite;
}
@keyframes fall-128 {
  32.773% {
    transform: translate(74.0042vw, 32.773vh) scale(0.0647);
  }
  to {
    transform: translate(75.94095vw, 100vh) scale(0.0647);
  }
}
.snow:nth-child(129) {
  opacity: 0.0408;
  transform: translate(95.8062vw, -10px) scale(0.6158);
  animation: fall-129 18s -13s linear infinite;
}
@keyframes fall-129 {
  34.503% {
    transform: translate(95.2013vw, 34.503vh) scale(0.6158);
  }
  to {
    transform: translate(95.50375vw, 100vh) scale(0.6158);
  }
}
.snow:nth-child(130) {
  opacity: 0.4371;
  transform: translate(22.6453vw, -10px) scale(0.7454);
  animation: fall-130 12s -29s linear infinite;
}
@keyframes fall-130 {
  43.539% {
    transform: translate(29.1335vw, 43.539vh) scale(0.7454);
  }
  to {
    transform: translate(25.8894vw, 100vh) scale(0.7454);
  }
}
.snow:nth-child(131) {
  opacity: 0.0779;
  transform: translate(1.6503vw, -10px) scale(0.824);
  animation: fall-131 17s -23s linear infinite;
}
@keyframes fall-131 {
  72.735% {
    transform: translate(11.2136vw, 72.735vh) scale(0.824);
  }
  to {
    transform: translate(6.43195vw, 100vh) scale(0.824);
  }
}
.snow:nth-child(132) {
  opacity: 0.8949;
  transform: translate(80.9426vw, -10px) scale(0.0205);
  animation: fall-132 10s -5s linear infinite;
}
@keyframes fall-132 {
  57.303% {
    transform: translate(79.2905vw, 57.303vh) scale(0.0205);
  }
  to {
    transform: translate(80.11655vw, 100vh) scale(0.0205);
  }
}
.snow:nth-child(133) {
  opacity: 0.1101;
  transform: translate(72.9182vw, -10px) scale(0.8684);
  animation: fall-133 19s -30s linear infinite;
}
@keyframes fall-133 {
  62.22% {
    transform: translate(72.9143vw, 62.22vh) scale(0.8684);
  }
  to {
    transform: translate(72.91625vw, 100vh) scale(0.8684);
  }
}
.snow:nth-child(134) {
  opacity: 0.8745;
  transform: translate(87.2826vw, -10px) scale(0.7351);
  animation: fall-134 29s -30s linear infinite;
}
@keyframes fall-134 {
  68.233% {
    transform: translate(89.7557vw, 68.233vh) scale(0.7351);
  }
  to {
    transform: translate(88.51915vw, 100vh) scale(0.7351);
  }
}
.snow:nth-child(135) {
  opacity: 0.743;
  transform: translate(12.3167vw, -10px) scale(0.4365);
  animation: fall-135 26s -6s linear infinite;
}
@keyframes fall-135 {
  44.788% {
    transform: translate(9.8567vw, 44.788vh) scale(0.4365);
  }
  to {
    transform: translate(11.0867vw, 100vh) scale(0.4365);
  }
}
.snow:nth-child(136) {
  opacity: 0.7597;
  transform: translate(5.8629vw, -10px) scale(0.4624);
  animation: fall-136 17s -4s linear infinite;
}
@keyframes fall-136 {
  52.078% {
    transform: translate(15.6949vw, 52.078vh) scale(0.4624);
  }
  to {
    transform: translate(10.7789vw, 100vh) scale(0.4624);
  }
}
.snow:nth-child(137) {
  opacity: 0.1008;
  transform: translate(11.8836vw, -10px) scale(0.069);
  animation: fall-137 23s -22s linear infinite;
}
@keyframes fall-137 {
  48.555% {
    transform: translate(5.1592vw, 48.555vh) scale(0.069);
  }
  to {
    transform: translate(8.5214vw, 100vh) scale(0.069);
  }
}
.snow:nth-child(138) {
  opacity: 0.2096;
  transform: translate(35.9576vw, -10px) scale(0.4919);
  animation: fall-138 23s -7s linear infinite;
}
@keyframes fall-138 {
  66.643% {
    transform: translate(37.557vw, 66.643vh) scale(0.4919);
  }
  to {
    transform: translate(36.7573vw, 100vh) scale(0.4919);
  }
}
.snow:nth-child(139) {
  opacity: 0.4607;
  transform: translate(61.9993vw, -10px) scale(0.4387);
  animation: fall-139 22s -25s linear infinite;
}
@keyframes fall-139 {
  33.661% {
    transform: translate(55.5126vw, 33.661vh) scale(0.4387);
  }
  to {
    transform: translate(58.75595vw, 100vh) scale(0.4387);
  }
}
.snow:nth-child(140) {
  opacity: 0.9587;
  transform: translate(80.8378vw, -10px) scale(0.3837);
  animation: fall-140 14s -17s linear infinite;
}
@keyframes fall-140 {
  66.972% {
    transform: translate(83.2505vw, 66.972vh) scale(0.3837);
  }
  to {
    transform: translate(82.04415vw, 100vh) scale(0.3837);
  }
}
.snow:nth-child(141) {
  opacity: 0.8852;
  transform: translate(42.4645vw, -10px) scale(0.3301);
  animation: fall-141 15s -9s linear infinite;
}
@keyframes fall-141 {
  51.985% {
    transform: translate(41.2449vw, 51.985vh) scale(0.3301);
  }
  to {
    transform: translate(41.8547vw, 100vh) scale(0.3301);
  }
}
.snow:nth-child(142) {
  opacity: 0.9714;
  transform: translate(14.7057vw, -10px) scale(0.9907);
  animation: fall-142 27s -17s linear infinite;
}
@keyframes fall-142 {
  79.184% {
    transform: translate(20.6757vw, 79.184vh) scale(0.9907);
  }
  to {
    transform: translate(17.6907vw, 100vh) scale(0.9907);
  }
}
.snow:nth-child(143) {
  opacity: 0.5778;
  transform: translate(85.0737vw, -10px) scale(0.9606);
  animation: fall-143 16s -23s linear infinite;
}
@keyframes fall-143 {
  73.838% {
    transform: translate(76.19vw, 73.838vh) scale(0.9606);
  }
  to {
    transform: translate(80.63185vw, 100vh) scale(0.9606);
  }
}
.snow:nth-child(144) {
  opacity: 0.706;
  transform: translate(61.0601vw, -10px) scale(0.2918);
  animation: fall-144 18s -21s linear infinite;
}
@keyframes fall-144 {
  63.865% {
    transform: translate(53.0859vw, 63.865vh) scale(0.2918);
  }
  to {
    transform: translate(57.073vw, 100vh) scale(0.2918);
  }
}
.snow:nth-child(145) {
  opacity: 0.8998;
  transform: translate(2.4568vw, -10px) scale(0.9214);
  animation: fall-145 10s -4s linear infinite;
}
@keyframes fall-145 {
  75.461% {
    transform: translate(2.0659vw, 75.461vh) scale(0.9214);
  }
  to {
    transform: translate(2.26135vw, 100vh) scale(0.9214);
  }
}
.snow:nth-child(146) {
  opacity: 0.571;
  transform: translate(56.155vw, -10px) scale(0.641);
  animation: fall-146 11s -20s linear infinite;
}
@keyframes fall-146 {
  79.973% {
    transform: translate(53.554vw, 79.973vh) scale(0.641);
  }
  to {
    transform: translate(54.8545vw, 100vh) scale(0.641);
  }
}
.snow:nth-child(147) {
  opacity: 0.2274;
  transform: translate(85.3185vw, -10px) scale(0.5298);
  animation: fall-147 23s -8s linear infinite;
}
@keyframes fall-147 {
  47.24% {
    transform: translate(85.341vw, 47.24vh) scale(0.5298);
  }
  to {
    transform: translate(85.32975vw, 100vh) scale(0.5298);
  }
}
.snow:nth-child(148) {
  opacity: 0.34;
  transform: translate(55.2368vw, -10px) scale(0.9059);
  animation: fall-148 30s -19s linear infinite;
}
@keyframes fall-148 {
  42.948% {
    transform: translate(57.4221vw, 42.948vh) scale(0.9059);
  }
  to {
    transform: translate(56.32945vw, 100vh) scale(0.9059);
  }
}
.snow:nth-child(149) {
  opacity: 0.7827;
  transform: translate(93.9132vw, -10px) scale(0.9308);
  animation: fall-149 30s -23s linear infinite;
}
@keyframes fall-149 {
  32.201% {
    transform: translate(90.6166vw, 32.201vh) scale(0.9308);
  }
  to {
    transform: translate(92.2649vw, 100vh) scale(0.9308);
  }
}
.snow:nth-child(150) {
  opacity: 0.4549;
  transform: translate(81.9561vw, -10px) scale(0.7117);
  animation: fall-150 10s -17s linear infinite;
}
@keyframes fall-150 {
  45.467% {
    transform: translate(79.7323vw, 45.467vh) scale(0.7117);
  }
  to {
    transform: translate(80.8442vw, 100vh) scale(0.7117);
  }
}
.snow:nth-child(151) {
  opacity: 0.7803;
  transform: translate(65.7047vw, -10px) scale(0.269);
  animation: fall-151 27s -16s linear infinite;
}
@keyframes fall-151 {
  57.952% {
    transform: translate(62.5968vw, 57.952vh) scale(0.269);
  }
  to {
    transform: translate(64.15075vw, 100vh) scale(0.269);
  }
}
.snow:nth-child(152) {
  opacity: 0.4147;
  transform: translate(58.247vw, -10px) scale(0.7025);
  animation: fall-152 10s -16s linear infinite;
}
@keyframes fall-152 {
  40.561% {
    transform: translate(52.3229vw, 40.561vh) scale(0.7025);
  }
  to {
    transform: translate(55.28495vw, 100vh) scale(0.7025);
  }
}
.snow:nth-child(153) {
  opacity: 0.5346;
  transform: translate(26.277vw, -10px) scale(0.9808);
  animation: fall-153 10s -28s linear infinite;
}
@keyframes fall-153 {
  51.401% {
    transform: translate(20.5921vw, 51.401vh) scale(0.9808);
  }
  to {
    transform: translate(23.43455vw, 100vh) scale(0.9808);
  }
}
.snow:nth-child(154) {
  opacity: 0.4491;
  transform: translate(58.1345vw, -10px) scale(0.4138);
  animation: fall-154 28s -8s linear infinite;
}
@keyframes fall-154 {
  70.048% {
    transform: translate(65.4648vw, 70.048vh) scale(0.4138);
  }
  to {
    transform: translate(61.79965vw, 100vh) scale(0.4138);
  }
}
.snow:nth-child(155) {
  opacity: 0.1808;
  transform: translate(2.0427vw, -10px) scale(0.5095);
  animation: fall-155 26s -10s linear infinite;
}
@keyframes fall-155 {
  54.921% {
    transform: translate(1.546vw, 54.921vh) scale(0.5095);
  }
  to {
    transform: translate(1.79435vw, 100vh) scale(0.5095);
  }
}
.snow:nth-child(156) {
  opacity: 0.2443;
  transform: translate(87.6412vw, -10px) scale(0.6153);
  animation: fall-156 21s -26s linear infinite;
}
@keyframes fall-156 {
  43.088% {
    transform: translate(94.9415vw, 43.088vh) scale(0.6153);
  }
  to {
    transform: translate(91.29135vw, 100vh) scale(0.6153);
  }
}
.snow:nth-child(157) {
  opacity: 0.2907;
  transform: translate(68.2353vw, -10px) scale(0.15);
  animation: fall-157 26s -8s linear infinite;
}
@keyframes fall-157 {
  53.123% {
    transform: translate(64.9148vw, 53.123vh) scale(0.15);
  }
  to {
    transform: translate(66.57505vw, 100vh) scale(0.15);
  }
}
.snow:nth-child(158) {
  opacity: 0.2861;
  transform: translate(46.2466vw, -10px) scale(0.6625);
  animation: fall-158 24s -21s linear infinite;
}
@keyframes fall-158 {
  70.5% {
    transform: translate(43.6289vw, 70.5vh) scale(0.6625);
  }
  to {
    transform: translate(44.93775vw, 100vh) scale(0.6625);
  }
}
.snow:nth-child(159) {
  opacity: 0.6059;
  transform: translate(39.6534vw, -10px) scale(0.5636);
  animation: fall-159 13s -20s linear infinite;
}
@keyframes fall-159 {
  42.593% {
    transform: translate(45.1569vw, 42.593vh) scale(0.5636);
  }
  to {
    transform: translate(42.40515vw, 100vh) scale(0.5636);
  }
}
.snow:nth-child(160) {
  opacity: 0.7637;
  transform: translate(77.4228vw, -10px) scale(0.3677);
  animation: fall-160 11s -5s linear infinite;
}
@keyframes fall-160 {
  66.447% {
    transform: translate(80.9657vw, 66.447vh) scale(0.3677);
  }
  to {
    transform: translate(79.19425vw, 100vh) scale(0.3677);
  }
}
.snow:nth-child(161) {
  opacity: 0.2893;
  transform: translate(90.2156vw, -10px) scale(0.457);
  animation: fall-161 13s -4s linear infinite;
}
@keyframes fall-161 {
  59.757% {
    transform: translate(88.1251vw, 59.757vh) scale(0.457);
  }
  to {
    transform: translate(89.17035vw, 100vh) scale(0.457);
  }
}
.snow:nth-child(162) {
  opacity: 0.4747;
  transform: translate(9.5933vw, -10px) scale(0.4594);
  animation: fall-162 23s -25s linear infinite;
}
@keyframes fall-162 {
  42.176% {
    transform: translate(16.2623vw, 42.176vh) scale(0.4594);
  }
  to {
    transform: translate(12.9278vw, 100vh) scale(0.4594);
  }
}
.snow:nth-child(163) {
  opacity: 0.2505;
  transform: translate(98.9994vw, -10px) scale(0.1597);
  animation: fall-163 21s -26s linear infinite;
}
@keyframes fall-163 {
  41.621% {
    transform: translate(103.8459vw, 41.621vh) scale(0.1597);
  }
  to {
    transform: translate(101.42265vw, 100vh) scale(0.1597);
  }
}
.snow:nth-child(164) {
  opacity: 0.0561;
  transform: translate(69.1534vw, -10px) scale(0.9663);
  animation: fall-164 13s -13s linear infinite;
}
@keyframes fall-164 {
  76.084% {
    transform: translate(63.5192vw, 76.084vh) scale(0.9663);
  }
  to {
    transform: translate(66.3363vw, 100vh) scale(0.9663);
  }
}
.snow:nth-child(165) {
  opacity: 0.7219;
  transform: translate(99.4975vw, -10px) scale(0.4182);
  animation: fall-165 13s -15s linear infinite;
}
@keyframes fall-165 {
  32.595% {
    transform: translate(103.9543vw, 32.595vh) scale(0.4182);
  }
  to {
    transform: translate(101.7259vw, 100vh) scale(0.4182);
  }
}
.snow:nth-child(166) {
  opacity: 0.5279;
  transform: translate(59.5429vw, -10px) scale(0.6644);
  animation: fall-166 12s -22s linear infinite;
}
@keyframes fall-166 {
  76.137% {
    transform: translate(52.3321vw, 76.137vh) scale(0.6644);
  }
  to {
    transform: translate(55.9375vw, 100vh) scale(0.6644);
  }
}
.snow:nth-child(167) {
  opacity: 0.5186;
  transform: translate(89.6867vw, -10px) scale(0.7899);
  animation: fall-167 25s -10s linear infinite;
}
@keyframes fall-167 {
  72.161% {
    transform: translate(87.9358vw, 72.161vh) scale(0.7899);
  }
  to {
    transform: translate(88.81125vw, 100vh) scale(0.7899);
  }
}
.snow:nth-child(168) {
  opacity: 0.4736;
  transform: translate(92.1233vw, -10px) scale(0.3944);
  animation: fall-168 24s -23s linear infinite;
}
@keyframes fall-168 {
  47.28% {
    transform: translate(101.7512vw, 47.28vh) scale(0.3944);
  }
  to {
    transform: translate(96.93725vw, 100vh) scale(0.3944);
  }
}
.snow:nth-child(169) {
  opacity: 0.1808;
  transform: translate(52.0884vw, -10px) scale(0.9456);
  animation: fall-169 12s -20s linear infinite;
}
@keyframes fall-169 {
  51.286% {
    transform: translate(57.5844vw, 51.286vh) scale(0.9456);
  }
  to {
    transform: translate(54.8364vw, 100vh) scale(0.9456);
  }
}
.snow:nth-child(170) {
  opacity: 0.4804;
  transform: translate(72.0221vw, -10px) scale(0.251);
  animation: fall-170 23s -25s linear infinite;
}
@keyframes fall-170 {
  58.23% {
    transform: translate(64.0672vw, 58.23vh) scale(0.251);
  }
  to {
    transform: translate(68.04465vw, 100vh) scale(0.251);
  }
}
.snow:nth-child(171) {
  opacity: 0.2941;
  transform: translate(58.9636vw, -10px) scale(0.5522);
  animation: fall-171 26s -11s linear infinite;
}
@keyframes fall-171 {
  64.734% {
    transform: translate(64.6816vw, 64.734vh) scale(0.5522);
  }
  to {
    transform: translate(61.8226vw, 100vh) scale(0.5522);
  }
}
.snow:nth-child(172) {
  opacity: 0.941;
  transform: translate(19.6708vw, -10px) scale(0.1712);
  animation: fall-172 11s -30s linear infinite;
}
@keyframes fall-172 {
  71.468% {
    transform: translate(19.9729vw, 71.468vh) scale(0.1712);
  }
  to {
    transform: translate(19.82185vw, 100vh) scale(0.1712);
  }
}
.snow:nth-child(173) {
  opacity: 0.8699;
  transform: translate(59.6795vw, -10px) scale(0.5573);
  animation: fall-173 12s -1s linear infinite;
}
@keyframes fall-173 {
  56.634% {
    transform: translate(67.2317vw, 56.634vh) scale(0.5573);
  }
  to {
    transform: translate(63.4556vw, 100vh) scale(0.5573);
  }
}
.snow:nth-child(174) {
  opacity: 0.7264;
  transform: translate(41.2252vw, -10px) scale(0.9325);
  animation: fall-174 15s -23s linear infinite;
}
@keyframes fall-174 {
  36.2% {
    transform: translate(50.6933vw, 36.2vh) scale(0.9325);
  }
  to {
    transform: translate(45.95925vw, 100vh) scale(0.9325);
  }
}
.snow:nth-child(175) {
  opacity: 0.2737;
  transform: translate(18.9848vw, -10px) scale(0.1149);
  animation: fall-175 14s -28s linear infinite;
}
@keyframes fall-175 {
  44.311% {
    transform: translate(18.318vw, 44.311vh) scale(0.1149);
  }
  to {
    transform: translate(18.6514vw, 100vh) scale(0.1149);
  }
}
.snow:nth-child(176) {
  opacity: 0.3416;
  transform: translate(67.9211vw, -10px) scale(0.1644);
  animation: fall-176 19s -17s linear infinite;
}
@keyframes fall-176 {
  70.512% {
    transform: translate(59.1121vw, 70.512vh) scale(0.1644);
  }
  to {
    transform: translate(63.5166vw, 100vh) scale(0.1644);
  }
}
.snow:nth-child(177) {
  opacity: 0.3735;
  transform: translate(80.5484vw, -10px) scale(0.1218);
  animation: fall-177 21s -30s linear infinite;
}
@keyframes fall-177 {
  44.844% {
    transform: translate(83.9031vw, 44.844vh) scale(0.1218);
  }
  to {
    transform: translate(82.22575vw, 100vh) scale(0.1218);
  }
}
.snow:nth-child(178) {
  opacity: 0.0132;
  transform: translate(32.3261vw, -10px) scale(0.8522);
  animation: fall-178 26s -15s linear infinite;
}
@keyframes fall-178 {
  41.449% {
    transform: translate(41.0272vw, 41.449vh) scale(0.8522);
  }
  to {
    transform: translate(36.67665vw, 100vh) scale(0.8522);
  }
}
.snow:nth-child(179) {
  opacity: 0.398;
  transform: translate(15.3939vw, -10px) scale(0.5355);
  animation: fall-179 17s -26s linear infinite;
}
@keyframes fall-179 {
  77.446% {
    transform: translate(22.6763vw, 77.446vh) scale(0.5355);
  }
  to {
    transform: translate(19.0351vw, 100vh) scale(0.5355);
  }
}
.snow:nth-child(180) {
  opacity: 0.8042;
  transform: translate(60.4381vw, -10px) scale(0.6686);
  animation: fall-180 22s -19s linear infinite;
}
@keyframes fall-180 {
  69.543% {
    transform: translate(66.7632vw, 69.543vh) scale(0.6686);
  }
  to {
    transform: translate(63.60065vw, 100vh) scale(0.6686);
  }
}
.snow:nth-child(181) {
  opacity: 0.5607;
  transform: translate(26.8669vw, -10px) scale(0.4997);
  animation: fall-181 16s -10s linear infinite;
}
@keyframes fall-181 {
  46.345% {
    transform: translate(25.6755vw, 46.345vh) scale(0.4997);
  }
  to {
    transform: translate(26.2712vw, 100vh) scale(0.4997);
  }
}
.snow:nth-child(182) {
  opacity: 0.3285;
  transform: translate(23.8726vw, -10px) scale(0.8441);
  animation: fall-182 24s -3s linear infinite;
}
@keyframes fall-182 {
  30.273% {
    transform: translate(16.318vw, 30.273vh) scale(0.8441);
  }
  to {
    transform: translate(20.0953vw, 100vh) scale(0.8441);
  }
}
.snow:nth-child(183) {
  opacity: 0.4999;
  transform: translate(91.2458vw, -10px) scale(0.8968);
  animation: fall-183 11s -9s linear infinite;
}
@keyframes fall-183 {
  71.645% {
    transform: translate(93.4418vw, 71.645vh) scale(0.8968);
  }
  to {
    transform: translate(92.3438vw, 100vh) scale(0.8968);
  }
}
.snow:nth-child(184) {
  opacity: 0.9234;
  transform: translate(34.7165vw, -10px) scale(0.8936);
  animation: fall-184 13s -18s linear infinite;
}
@keyframes fall-184 {
  43.545% {
    transform: translate(25.3738vw, 43.545vh) scale(0.8936);
  }
  to {
    transform: translate(30.04515vw, 100vh) scale(0.8936);
  }
}
.snow:nth-child(185) {
  opacity: 0.3369;
  transform: translate(8.6332vw, -10px) scale(0.3167);
  animation: fall-185 20s -4s linear infinite;
}
@keyframes fall-185 {
  47.154% {
    transform: translate(3.9208vw, 47.154vh) scale(0.3167);
  }
  to {
    transform: translate(6.277vw, 100vh) scale(0.3167);
  }
}
.snow:nth-child(186) {
  opacity: 0.3849;
  transform: translate(82.7448vw, -10px) scale(0.9759);
  animation: fall-186 25s -17s linear infinite;
}
@keyframes fall-186 {
  39.349% {
    transform: translate(90.8986vw, 39.349vh) scale(0.9759);
  }
  to {
    transform: translate(86.8217vw, 100vh) scale(0.9759);
  }
}
.snow:nth-child(187) {
  opacity: 0.2291;
  transform: translate(54.4676vw, -10px) scale(0.444);
  animation: fall-187 21s -13s linear infinite;
}
@keyframes fall-187 {
  78.265% {
    transform: translate(61.933vw, 78.265vh) scale(0.444);
  }
  to {
    transform: translate(58.2003vw, 100vh) scale(0.444);
  }
}
.snow:nth-child(188) {
  opacity: 0.4315;
  transform: translate(20.1623vw, -10px) scale(0.0917);
  animation: fall-188 12s -7s linear infinite;
}
@keyframes fall-188 {
  37.25% {
    transform: translate(26.419vw, 37.25vh) scale(0.0917);
  }
  to {
    transform: translate(23.29065vw, 100vh) scale(0.0917);
  }
}
.snow:nth-child(189) {
  opacity: 0.4286;
  transform: translate(36.3587vw, -10px) scale(0.268);
  animation: fall-189 24s -5s linear infinite;
}
@keyframes fall-189 {
  52.763% {
    transform: translate(40.909vw, 52.763vh) scale(0.268);
  }
  to {
    transform: translate(38.63385vw, 100vh) scale(0.268);
  }
}
.snow:nth-child(190) {
  opacity: 0.3575;
  transform: translate(29.2191vw, -10px) scale(0.9066);
  animation: fall-190 20s -22s linear infinite;
}
@keyframes fall-190 {
  58.948% {
    transform: translate(38.6868vw, 58.948vh) scale(0.9066);
  }
  to {
    transform: translate(33.95295vw, 100vh) scale(0.9066);
  }
}
.snow:nth-child(191) {
  opacity: 0.7224;
  transform: translate(70.4804vw, -10px) scale(0.7325);
  animation: fall-191 22s -13s linear infinite;
}
@keyframes fall-191 {
  43.953% {
    transform: translate(68.0013vw, 43.953vh) scale(0.7325);
  }
  to {
    transform: translate(69.24085vw, 100vh) scale(0.7325);
  }
}
.snow:nth-child(192) {
  opacity: 0.4841;
  transform: translate(59.1425vw, -10px) scale(0.3359);
  animation: fall-192 18s -9s linear infinite;
}
@keyframes fall-192 {
  59.497% {
    transform: translate(58.1412vw, 59.497vh) scale(0.3359);
  }
  to {
    transform: translate(58.64185vw, 100vh) scale(0.3359);
  }
}
.snow:nth-child(193) {
  opacity: 0.7643;
  transform: translate(25.679vw, -10px) scale(0.3255);
  animation: fall-193 12s -24s linear infinite;
}
@keyframes fall-193 {
  79.318% {
    transform: translate(28.9063vw, 79.318vh) scale(0.3255);
  }
  to {
    transform: translate(27.29265vw, 100vh) scale(0.3255);
  }
}
.snow:nth-child(194) {
  opacity: 0.2453;
  transform: translate(8.7969vw, -10px) scale(0.1547);
  animation: fall-194 30s -24s linear infinite;
}
@keyframes fall-194 {
  38.544% {
    transform: translate(8.6085vw, 38.544vh) scale(0.1547);
  }
  to {
    transform: translate(8.7027vw, 100vh) scale(0.1547);
  }
}
.snow:nth-child(195) {
  opacity: 0.8633;
  transform: translate(55.5534vw, -10px) scale(0.7016);
  animation: fall-195 17s -27s linear infinite;
}
@keyframes fall-195 {
  76.128% {
    transform: translate(47.8342vw, 76.128vh) scale(0.7016);
  }
  to {
    transform: translate(51.6938vw, 100vh) scale(0.7016);
  }
}
.snow:nth-child(196) {
  opacity: 0.7937;
  transform: translate(58.7275vw, -10px) scale(0.4526);
  animation: fall-196 19s -27s linear infinite;
}
@keyframes fall-196 {
  34.011% {
    transform: translate(62.0226vw, 34.011vh) scale(0.4526);
  }
  to {
    transform: translate(60.37505vw, 100vh) scale(0.4526);
  }
}
.snow:nth-child(197) {
  opacity: 0.8605;
  transform: translate(7.086vw, -10px) scale(0.0445);
  animation: fall-197 24s -12s linear infinite;
}
@keyframes fall-197 {
  35.579% {
    transform: translate(15.0127vw, 35.579vh) scale(0.0445);
  }
  to {
    transform: translate(11.04935vw, 100vh) scale(0.0445);
  }
}
.snow:nth-child(198) {
  opacity: 0.1471;
  transform: translate(46.2527vw, -10px) scale(0.4934);
  animation: fall-198 13s -10s linear infinite;
}
@keyframes fall-198 {
  70.657% {
    transform: translate(41.8611vw, 70.657vh) scale(0.4934);
  }
  to {
    transform: translate(44.0569vw, 100vh) scale(0.4934);
  }
}
.snow:nth-child(199) {
  opacity: 0.5405;
  transform: translate(71.7513vw, -10px) scale(0.764);
  animation: fall-199 14s -11s linear infinite;
}
@keyframes fall-199 {
  33.537% {
    transform: translate(81.5594vw, 33.537vh) scale(0.764);
  }
  to {
    transform: translate(76.65535vw, 100vh) scale(0.764);
  }
}
.snow:nth-child(200) {
  opacity: 0.7633;
  transform: translate(26.7761vw, -10px) scale(0.4555);
  animation: fall-200 19s -2s linear infinite;
}
@keyframes fall-200 {
  75.674% {
    transform: translate(25.8091vw, 75.674vh) scale(0.4555);
  }
  to {
    transform: translate(26.2926vw, 100vh) scale(0.4555);
  }
}


/* snow end */
#loading{bottom:0;left:0;position:fixed;right:0;top:0;z-index:9999;background-color:#f4f5f5;pointer-events:none;}.loader-inner{will-change:transform;width:40px;height:40px;position:absolute;top:50%;left:50%;margin:-20px 0 0 -20px;background-color:#3742fa;border-radius:50%;animation:scaleout 0.6s infinite ease-in-out forwards;text-indent:-99999px;z-index:999991;}@keyframes scaleout{0%{transform:scale(0);opacity:0;}40%{opacity:1;}100%{transform:scale(1);opacity:0;}}

html {overflow-x: initial !important;}:root { --bg-color:#ffffff; --text-color:#333333; --select-text-bg-color:#B5D6FC; --select-text-font-color:auto; --monospace:"Lucida Console",Consolas,"Courier",monospace; --title-bar-height:20px; }
.mac-os-11 { --title-bar-height:28px; }
html { font-size: 14px; background-color: var(--bg-color); color: var(--text-color); font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; }
body { margin: 0px; padding: 0px; height: auto; inset: 0px; font-size: 1rem; line-height: 1.42857; overflow-x: hidden; background: inherit; tab-size: 4; }
iframe { margin: auto; }
a.url { word-break: break-all; }
a:active, a:hover { outline: 0px; }
.in-text-selection, ::selection { text-shadow: none; background: var(--select-text-bg-color); color: var(--select-text-font-color); }
#write { margin: 0px auto; height: auto; width: inherit; word-break: normal; overflow-wrap: break-word; position: relative; white-space: normal; overflow-x: visible; padding-top: 36px; }
#write.first-line-indent p { text-indent: 2em; }
#write.first-line-indent li p, #write.first-line-indent p * { text-indent: 0px; }
#write.first-line-indent li { margin-left: 2em; }
.for-image #write { padding-left: 8px; padding-right: 8px; }
body.typora-export { padding-left: 30px; padding-right: 30px; }
.typora-export .footnote-line, .typora-export li, .typora-export p { white-space: pre-wrap; }
.typora-export .task-list-item input { pointer-events: none; }
@media screen and (max-width: 500px) {
  body.typora-export { padding-left: 0px; padding-right: 0px; }
  #write { padding-left: 20px; padding-right: 20px; }
  .CodeMirror-sizer { margin-left: 0px !important; }
  .CodeMirror-gutters { display: none !important; }
}
#write li > figure:last-child { margin-bottom: 0.5rem; }
#write ol, #write ul { position: relative; }
img { max-width: 100%; vertical-align: middle; image-orientation: from-image; }
button, input, select, textarea { color: inherit; font: inherit; }
input[type="checkbox"], input[type="radio"] { line-height: normal; padding: 0px; }
*, ::after, ::before { box-sizing: border-box; }
#write h1, #write h2, #write h3, #write h4, #write h5, #write h6, #write p, #write pre { width: inherit; }
#write h1, #write h2, #write h3, #write h4, #write h5, #write h6, #write p { position: relative; }
p { line-height: inherit; }
h1, h2, h3, h4, h5, h6 { break-after: avoid-page; break-inside: avoid; orphans: 4; }
p { orphans: 4; }
h1 { font-size: 2rem; }
h2 { font-size: 1.8rem; }
h3 { font-size: 1.6rem; }
h4 { font-size: 1.4rem; }
h5 { font-size: 1.2rem; }
h6 { font-size: 1rem; }
.md-math-block, .md-rawblock, h1, h2, h3, h4, h5, h6, p { margin-top: 1rem; margin-bottom: 1rem; }
.hidden { display: none; }
.md-blockmeta { color: rgb(204, 204, 204); font-weight: 700; font-style: italic; }
a { cursor: pointer; }
sup.md-footnote { padding: 2px 4px; background-color: rgba(238, 238, 238, 0.7); color: rgb(85, 85, 85); border-radius: 4px; cursor: pointer; }
sup.md-footnote a, sup.md-footnote a:hover { color: inherit; text-transform: inherit; text-decoration: inherit; }
#write input[type="checkbox"] { cursor: pointer; width: inherit; height: inherit; }
figure { overflow-x: auto; margin: 1.2em 0px; max-width: calc(100% + 16px); padding: 0px; }
figure > table { margin: 0px; }
tr { break-inside: avoid; break-after: auto; }
thead { display: table-header-group; }
table { border-collapse: collapse; border-spacing: 0px; width: 100%; overflow: auto; break-inside: auto; text-align: left; }
table.md-table td { min-width: 32px; }
.CodeMirror-gutters { border-right: 0px; background-color: inherit; }
.CodeMirror-linenumber { user-select: none; }
.CodeMirror { text-align: left; }
.CodeMirror-placeholder { opacity: 0.3; }
.CodeMirror pre { padding: 0px 4px; }
.CodeMirror-lines { padding: 0px; }
div.hr:focus { cursor: none; }
#write pre { white-space: pre-wrap; }
#write.fences-no-line-wrapping pre { white-space: pre; }
#write pre.ty-contain-cm { white-space: normal; }
.CodeMirror-gutters { margin-right: 4px; }
.md-fences { font-size: 0.9rem; display: block; break-inside: avoid; text-align: left; overflow: visible; white-space: pre; background: inherit; position: relative !important; }
.md-fences-adv-panel { width: 100%; margin-top: 10px; text-align: center; padding-top: 0px; padding-bottom: 8px; overflow-x: auto; }
#write .md-fences.mock-cm { white-space: pre-wrap; }
.md-fences.md-fences-with-lineno { padding-left: 0px; }
#write.fences-no-line-wrapping .md-fences.mock-cm { white-space: pre; overflow-x: auto; }
.md-fences.mock-cm.md-fences-with-lineno { padding-left: 8px; }
.CodeMirror-line, twitterwidget { break-inside: avoid; }
.footnotes { opacity: 0.8; font-size: 0.9rem; margin-top: 1em; margin-bottom: 1em; }
.footnotes + .footnotes { margin-top: 0px; }
.md-reset { margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: top; background: 0px 0px; text-decoration: none; text-shadow: none; float: none; position: static; width: auto; height: auto; white-space: nowrap; cursor: inherit; -webkit-tap-highlight-color: transparent; line-height: normal; font-weight: 400; text-align: left; box-sizing: content-box; direction: ltr; }
li div { padding-top: 0px; }
blockquote { margin: 1rem 0px; }
li .mathjax-block, li p { margin: 0.5rem 0px; }
li blockquote { margin: 1rem 0px; }
li { margin: 0px; position: relative; }
blockquote > :last-child { margin-bottom: 0px; }
blockquote > :first-child, li > :first-child { margin-top: 0px; }
.footnotes-area { color: rgb(136, 136, 136); margin-top: 0.714rem; padding-bottom: 0.143rem; white-space: normal; }
#write .footnote-line { white-space: pre-wrap; }
@media print {
  body, html { border: 1px solid transparent; height: 99%; break-after: avoid; break-before: avoid; font-variant-ligatures: no-common-ligatures; }
  #write { margin-top: 0px; padding-top: 0px; border-color: transparent !important; }
  .typora-export * { -webkit-print-color-adjust: exact; }
  .typora-export #write { break-after: avoid; }
  .typora-export #write::after { height: 0px; }
  .is-mac table { break-inside: avoid; }
  .typora-export-show-outline .typora-export-sidebar { display: none; }
}
.footnote-line { margin-top: 0.714em; font-size: 0.7em; }
a img, img a { cursor: pointer; }
pre.md-meta-block { font-size: 0.8rem; min-height: 0.8rem; white-space: pre-wrap; background: rgb(204, 204, 204); display: block; overflow-x: hidden; }
p > .md-image:only-child:not(.md-img-error) img, p > img:only-child { display: block; margin: auto; }
#write.first-line-indent p > .md-image:only-child:not(.md-img-error) img { left: -2em; position: relative; }
p > .md-image:only-child { display: inline-block; width: 100%; }
#write .MathJax_Display { margin: 0.8em 0px 0px; }
.md-math-block { width: 100%; }
.md-math-block:not(:empty)::after { display: none; }
.MathJax_ref { fill: currentcolor; }
[contenteditable="true"]:active, [contenteditable="true"]:focus, [contenteditable="false"]:active, [contenteditable="false"]:focus { outline: 0px; box-shadow: none; }
.md-task-list-item { position: relative; list-style-type: none; }
.task-list-item.md-task-list-item { padding-left: 0px; }
.md-task-list-item > input { position: absolute; top: 0px; left: 0px; margin-left: -1.2em; margin-top: calc(1em - 10px); border: none; }
.math { font-size: 1rem; }
.md-toc { min-height: 3.58rem; position: relative; font-size: 0.9rem; border-radius: 10px; }
.md-toc-content { position: relative; margin-left: 0px; }
.md-toc-content::after, .md-toc::after { display: none; }
.md-toc-item { display: block; color: rgb(65, 131, 196); }
.md-toc-item a { text-decoration: none; }
.md-toc-inner:hover { text-decoration: underline; }
.md-toc-inner { display: inline-block; cursor: pointer; }
.md-toc-h1 .md-toc-inner { margin-left: 0px; font-weight: 700; }
.md-toc-h2 .md-toc-inner { margin-left: 2em; }
.md-toc-h3 .md-toc-inner { margin-left: 4em; }
.md-toc-h4 .md-toc-inner { margin-left: 6em; }
.md-toc-h5 .md-toc-inner { margin-left: 8em; }
.md-toc-h6 .md-toc-inner { margin-left: 10em; }
@media screen and (max-width: 48em) {
  .md-toc-h3 .md-toc-inner { margin-left: 3.5em; }
  .md-toc-h4 .md-toc-inner { margin-left: 5em; }
  .md-toc-h5 .md-toc-inner { margin-left: 6.5em; }
  .md-toc-h6 .md-toc-inner { margin-left: 8em; }
}
a.md-toc-inner { font-size: inherit; font-style: inherit; font-weight: inherit; line-height: inherit; }
.footnote-line a:not(.reversefootnote) { color: inherit; }
.md-attr { display: none; }
.md-fn-count::after { content: "."; }
code, pre, samp, tt { font-family: var(--monospace); }
kbd { margin: 0px 0.1em; padding: 0.1em 0.6em; font-size: 0.8em; color: rgb(36, 39, 41); background: rgb(255, 255, 255); border: 1px solid rgb(173, 179, 185); border-radius: 3px; box-shadow: rgba(12, 13, 14, 0.2) 0px 1px 0px, rgb(255, 255, 255) 0px 0px 0px 2px inset; white-space: nowrap; vertical-align: middle; }
.md-comment { color: rgb(162, 127, 3); opacity: 0.6; font-family: var(--monospace); }
code { text-align: left; vertical-align: initial; }
a.md-print-anchor { white-space: pre !important; border-width: initial !important; border-style: none !important; border-color: initial !important; display: inline-block !important; position: absolute !important; width: 1px !important; right: 0px !important; outline: 0px !important; background: 0px 0px !important; text-decoration: initial !important; text-shadow: initial !important; }
.os-windows.monocolor-emoji .md-emoji { font-family: "Segoe UI Symbol", sans-serif; }
.md-diagram-panel > svg { max-width: 100%; }
[lang="flow"] svg, [lang="mermaid"] svg { max-width: 100%; height: auto; }
[lang="mermaid"] .node text { font-size: 1rem; }
table tr th { border-bottom: 0px; }
video { max-width: 100%; display: block; margin: 0px auto; }
iframe { max-width: 100%; width: 100%; border: none; }
.highlight td, .highlight tr { border: 0px; }
mark { background: rgb(255, 255, 0); color: rgb(0, 0, 0); }
.md-html-inline .md-plain, .md-html-inline strong, mark .md-inline-math, mark strong { color: inherit; }
.md-expand mark .md-meta { opacity: 0.3 !important; }
mark .md-meta { color: rgb(0, 0, 0); }
@media print {
  .typora-export h1, .typora-export h2, .typora-export h3, .typora-export h4, .typora-export h5, .typora-export h6 { break-inside: avoid; }
}
.md-diagram-panel .messageText { stroke: none !important; }
.md-diagram-panel .start-state { fill: var(--node-fill); }
.md-diagram-panel .edgeLabel rect { opacity: 1 !important; }
.md-fences.md-fences-math { font-size: 1em; }
.md-fences-advanced:not(.md-focus) { padding: 0px; white-space: nowrap; border: 0px; }
.md-fences-advanced:not(.md-focus) { background: inherit; }
.typora-export-show-outline .typora-export-content { max-width: 1440px; margin: auto; display: flex; flex-direction: row; }
.typora-export-sidebar { width: 300px; font-size: 0.8rem; margin-top: 80px; margin-right: 18px; }
.typora-export-show-outline #write { --webkit-flex:2; flex: 2 1 0%; }
.typora-export-sidebar .outline-content { position: fixed; top: 0px; max-height: 100%; overflow: hidden auto; padding-bottom: 30px; padding-top: 60px; width: 300px; }
@media screen and (max-width: 1024px) {
  .typora-export-sidebar, .typora-export-sidebar .outline-content { width: 240px; }
}
@media screen and (max-width: 800px) {
  .typora-export-sidebar { display: none; }
}
.outline-content li, .outline-content ul { margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; list-style: none; }
.outline-content ul { margin-top: 0px; margin-bottom: 0px; }
.outline-content strong { font-weight: 400; }
.outline-expander { width: 1rem; height: 1.42857rem; position: relative; display: table-cell; vertical-align: middle; cursor: pointer; padding-left: 4px; }
.outline-expander::before { content: ""; position: relative; font-family: Ionicons; display: inline-block; font-size: 8px; vertical-align: middle; }
.outline-item { padding-top: 3px; padding-bottom: 3px; cursor: pointer; }
.outline-expander:hover::before { content: ""; }
.outline-h1 > .outline-item { padding-left: 0px; }
.outline-h2 > .outline-item { padding-left: 1em; }
.outline-h3 > .outline-item { padding-left: 2em; }
.outline-h4 > .outline-item { padding-left: 3em; }
.outline-h5 > .outline-item { padding-left: 4em; }
.outline-h6 > .outline-item { padding-left: 5em; }
.outline-label { cursor: pointer; display: table-cell; vertical-align: middle; text-decoration: none; color: inherit; }
.outline-label:hover { text-decoration: underline; }
.outline-item:hover { border-color: rgb(245, 245, 245); background-color: var(--item-hover-bg-color); }
.outline-item:hover { margin-left: -28px; margin-right: -28px; border-left: 28px solid transparent; border-right: 28px solid transparent; }
.outline-item-single .outline-expander::before, .outline-item-single .outline-expander:hover::before { display: none; }
.outline-item-open > .outline-item > .outline-expander::before { content: ""; }
.outline-children { display: none; }
.info-panel-tab-wrapper { display: none; }
.outline-item-open > .outline-children { display: block; }
.typora-export .outline-item { padding-top: 1px; padding-bottom: 1px; }
.typora-export .outline-item:hover { margin-right: -8px; border-right: 8px solid transparent; }
.typora-export .outline-expander::before { content: "+"; font-family: inherit; top: -1px; }
.typora-export .outline-expander:hover::before, .typora-export .outline-item-open > .outline-item > .outline-expander::before { content: "−"; }
.typora-export-collapse-outline .outline-children { display: none; }
.typora-export-collapse-outline .outline-item-open > .outline-children, .typora-export-no-collapse-outline .outline-children { display: block; }
.typora-export-no-collapse-outline .outline-expander::before { content: "" !important; }
.typora-export-show-outline .outline-item-active > .outline-item .outline-label { font-weight: 700; }
.md-inline-math-container mjx-container { zoom: 0.95; }


:root {
    --side-bar-bg-color: #d9ede5;
	--control-text-color: #6B6B6B;
	--active-file-bg-color: #ecf6f2;
	--active-file-border-color: #6B6B6B;
	--active-file-text-color: #202020;
	--table-even-row-color:#f8fcfa;
	--table-head-color:#d9ede5;
	--deep-theme-color: #4eb289;
	--code-block-bg-color: #0F111A;
}

/*serif*/
/*monospace*/
/*Chinese*/
html{
	font-size: 16px;
}

body {
  font-family: 'Lexend','Helvetica','SourceCodePro','NotoSansSC';
	font-weight: normal;
	line-height: 1.5rem;
	letter-spacing: 0;
  margin: 0;
}

#write {
	max-width: 900px;
  padding: 30px 50px 20px;
}

#write p{
	text-align:left;
}

#write pre.md-meta-block {
	padding: 1rem;
	font-size: 85%;
	line-height: 1.45;
	background-color: #f7f7f7;
	border: 0;
	border-radius: 3px;
	color: #777777;
	margin-top: 0 !important;
}

.md-image>.md-meta {
  color: #777777;
  font-size: 0.9rem;
	font-family: 'Lexend';
  padding: 4px 0;
}


@media print {
  html,body {
    font-size: 14px;
  }
  
  .md-fences {
    line-height: 1.2rem;
  }


  table,
  pre {
    page-break-inside: avoid;
  }

  pre {
    word-wrap: break-word;
  }
  
}
@page {
  size: A4; 
  margin: 8mm 0mm;
}

/*toc*/
.md-toc { 
  margin-top:20px;
  padding-bottom:20px;
	color: var(--deep-theme-color);
}

a {
	color: var(--deep-theme-color);
	text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

/*headers*/
h1,h2,h3,h4,h5,h6 {
	display: block;
	font-weight:bold;
}

h1 {
	font-size: 1.8em;
  line-height: 110%;
	margin-top: 0.67em;
	margin-bottom: 0.67em;
}

h2 {
	font-size: 1.5em;
	margin-top: 0.83em;
	margin-bottom: 0.83em;
}

h3 {
	font-size: 1.17em;
	margin-top: 1em;
	margin-bottom: 1em;
}

h4 {
	font-size: 1em;
	margin-top: 1.33em;
	margin-bottom: 1.33em;
}

h5 {
	font-size: 1em;
	margin-top: 1.33em;
	margin-bottom: 1.33em;
	color: #777777;
}

h6 {
	font-size: 1em;
	margin-top: 1.33em;
	margin-bottom: 1.33em;
	color: #adadad;
}

p,
blockquote,
ul,
ol,
dl,
table {
	margin: 0.5rem 0;
}

/*table*/
table {
	border-collapse: collapse;
	padding: 0;
  word-break: initial;
	width: 100%;
}

table tr:nth-child(even){
    background-color: var(--table-even-row-color);
}

thead{
	background-color: var(--table-head-color);
}

table th{
	text-align: center;
	padding:6px 13px;
	border: 1px solid var(--table-head-color);
}

table td{
	padding:6px 13px;
	border: 1px solid var(--table-head-color);
}
table tr{
	padding:6px 13px;
	border: 1px solid var(--table-head-color);
}

/*blockquote*/
blockquote {
	border-left: 0.2rem solid var(--side-bar-bg-color);
	color: #777777;
	font-family: 'Lexend','NotoSansSC';
	font-size: 0.9rem;
	padding-left: 2rem;
}


/*list*/

li p.first {
  display: inline-block;
}
ul,
ol {
  padding-left: 30px;
}
ul:first-child,
ol:first-child {
  margin-top: 0;
}
ul:last-child,
ol:last-child {
  margin-bottom: 0;
}

.md-task-list-item:hover > input:before,
input[type='checkbox']:hover:before {
	opacity: 1;
	transition: 0.5s;
	background-color: var(--side-bar-bg-color);
}

.task-list-item input::before {
  content: "";
  display: inline-block;
  border-radius: 1.1rem;
  vertical-align: middle;
  border: 1.2px solid var(--deep-theme-color);
  background-color: #ffffff;
  width: 1.1rem;
  height: 1.1rem;
  margin-left: -0.13rem;
  margin-right: 0.1rem;
  margin-top: -0.67rem;  
}

.task-list-item input:checked::before {
  padding-left: 0.125em;
  content: '✔';
  color:white;
  background-color: var(--deep-theme-color);
  font-size: 0.8rem;
  line-height: 0.95rem;
  margin-left: -0.13rem;
  margin-right: 0.1rem;
  margin-top: -0.67rem; 
  transition: background-color 200ms ease-in-out;
}

.task-list-done {
    text-decoration: line-through;
    color: #adadad;
}

hr {
	border-style: none;
  border-top-style: solid;
  border-color: #e7e7e7;
  border-width: 1px;
	margin: 2rem 0;
}

/*highlight*/
#write mark {
	background-color: #c7ffe8;
	border-radius: 2px;
	color: black;
	padding: 0 4px;
	margin: 0 2px;
}

/*inline code*/
#write code,tt {
	padding: 0.6px 4px;
	border-radius: 2px;
	background-color: #f1f1f1;
	font-family: 'SourceCodePro',Consolas,Courier,'NotoSansSC';
	font-size: 0.9rem;
	color: var(--code-block-bg-color);
	margin: 0 2px;
}

/*footnote*/
#write .md-footnote {
	color: #777777;
	background-color: #f7f7f7;
}

/*source code mode*/
.cm-s-typora-default .cm-header {
	color:var(--code-block-bg-color);
}
.cm-s-typora-default .cm-link {
	color:var(--deep-theme-color);

}


/*code block*/
#write .md-fences {
  font-size: 1rem;
  margin: 0.2em 0;
  padding: 0.5em;
  border-radius: 3px;
	font-size: 0.9em;
  font-family: 'SourceCodePro',Consolas,Courier,'NotoSansSC';
  background-color: var(--code-block-bg-color);
  color: #A9B7C6;
  border: none;
	text-shadow: none;
}

.md-fences .code-tooltip {
	background-color: var(--code-block-bg-color);
}

/*
  Name:       material-ocean
  Author:     Mattia Astorino (https://github.com/equinusocio)
  Website:    https://material-theme.site/
*/

.cm-s-inner.CodeMirror {
  background-color: #0F111A;
  color: #8F93A2;
}

.cm-s-inner .CodeMirror-gutters {
  background: #0F111A;
  color: #464B5D;
  border: none;
}

.cm-s-inner .CodeMirror-linenumber {color: #464B5D;}
.cm-s-inner .CodeMirror-guttermarker { color: #FFEE80; }
.cm-s-inner .CodeMirror-guttermarker-subtle { color: #D0D0D0; }

/*
.cm-s-inner .CodeMirror-cursor {
  border-left: 1px solid #FFCC00;
}
.cm-s-inner.cm-fat-cursor .CodeMirror-cursor {
  background-color: #FFCC00 !important;
}
.cm-s-inner .cm-animate-fat-cursor {
  background-color: #FFCC00 !important;
}
*/

.cm-s-inner .CodeMirror-cursor { border-left: 1px solid #A9B7C6; }
.cm-s-inner div.CodeMirror-cursor { border-left: 1px solid #ffffff; }
.cm-s-inner div.CodeMirror-selected {
  background: rgba(113, 124, 180, 0.2);
}

.cm-s-inner.CodeMirror-focused div.CodeMirror-selected {
  background: rgba(113, 124, 180, 0.2);
}

.cm-s-inner .CodeMirror-selected{ background: #214283 !important; }
.cm-s-inner .CodeMirror-selectedtext { background: #214283 !important; }
.cm-overlay.CodeMirror-selectedtext { background: #B5D6FC !important; }

.cm-s-inner .CodeMirror-line::selection,
.cm-s-inner .CodeMirror-line>span::selection,
.cm-s-inner .CodeMirror-line>span>span::selection {
  background: rgba(128, 203, 196, 0.2);
}

.cm-s-inner .CodeMirror-line::-moz-selection,
.cm-s-inner .CodeMirror-line>span::-moz-selection,
.cm-s-inner .CodeMirror-line>span>span::-moz-selection {
  background: rgba(128, 203, 196, 0.2);
}

/* .cm-s-inner .CodeMirror-activeline-background {
  background: rgba(0, 0, 0, 0.5);
} */

.cm-s-inner .cm-keyword {
  color: #C792EA;
}

.cm-s-inner .cm-operator {
  color: #89DDFF;
}

.cm-s-inner .cm-variable-2 {
  color: #EEFFFF;
}

.cm-s-inner .cm-variable-3,
.cm-s-inner .cm-type {
  color: #f07178;
}

.cm-s-inner .cm-builtin {
  color: #FFCB6B;
}

.cm-s-inner .cm-atom {
  color: #F78C6C;
}

.cm-s-inner .cm-number {
  color: #FF5370;
}

.cm-s-inner .cm-def {
  color: #82AAFF;
}

.cm-s-inner .cm-string {
  color: #C3E88D;
}

.cm-s-inner .cm-string-2 {
  color: #f07178;
}

.cm-s-inner .cm-comment {
  color: #585d6d;
}

.cm-s-inner .cm-variable {
  color: #f07178;
}

.cm-s-inner .cm-tag {
  color: #FF5370;
}

.cm-s-inner .cm-meta {
  color: #FFCB6B;
}

.cm-s-inner .cm-attribute {
  color: #C792EA;
}

.cm-s-inner .cm-property {
  color: #C792EA;
}

.cm-s-inner .cm-qualifier {
  color: #DECB6B;
}

.cm-s-inner .cm-variable-3,
.cm-s-inner .cm-type {
  color: #DECB6B;
}


.cm-s-inner .cm-error {
  color: rgba(255, 255, 255, 1.0);
  background-color: #FF5370;
}

.cm-s-inner .CodeMirror-matchingbracket {
  text-decoration: underline;
  color: white !important;
}




 .typora-export li, .typora-export p, .typora-export,  .footnote-line {white-space: normal;}