.snow {
  position: absolute;
  pointer-events: none;
  z-index: 4;
  width: 100%;
  height: 100%;
  filter: drop-shadow(0 0 10px white);
  overflow: hidden
}

.snow .dot {
  position: absolute;
  width: 10px;
  height: 10px;
  background: white;
  border-radius: 50%
}

.snow .dot:nth-child(1) {
  opacity: .8745;
  transform: translate(81.6272vw, -10px) scale(.5066);
  animation: fall-1 17s -6s linear infinite
}

@keyframes fall-1 {
  75.47% {
    transform: translate(77.5709vw, 75.47vh) scale(.5066)
  }

  to {
    transform: translate(79.59905vw, 100vh) scale(.5066)
  }
}

.snow .dot:nth-child(2) {
  opacity: .0152;
  transform: translate(23.9558vw, -10px) scale(.7799);
  animation: fall-2 19s -3s linear infinite
}

@keyframes fall-2 {
  48.372% {
    transform: translate(28.6642vw, 48.372vh) scale(.7799)
  }

  to {
    transform: translate(26.31vw, 100vh) scale(.7799)
  }
}

.snow .dot:nth-child(3) {
  opacity: .0677;
  transform: translate(63.6783vw, -10px) scale(.5659);
  animation: fall-3 19s -25s linear infinite
}

@keyframes fall-3 {
  52.865% {
    transform: translate(73.4856vw, 52.865vh) scale(.5659)
  }

  to {
    transform: translate(68.58195vw, 100vh) scale(.5659)
  }
}

.snow .dot:nth-child(4) {
  opacity: .574;
  transform: translate(87.6832vw, -10px) scale(.94);
  animation: fall-4 26s -21s linear infinite
}

@keyframes fall-4 {
  44.359% {
    transform: translate(89.6429vw, 44.359vh) scale(.94)
  }

  to {
    transform: translate(88.66305vw, 100vh) scale(.94)
  }
}

.snow .dot:nth-child(5) {
  opacity: .0957;
  transform: translate(15.2465vw, -10px) scale(.4022);
  animation: fall-5 16s -17s linear infinite
}

@keyframes fall-5 {
  37.476% {
    transform: translate(21.5509vw, 37.476vh) scale(.4022)
  }

  to {
    transform: translate(18.3987vw, 100vh) scale(.4022)
  }
}

.snow .dot:nth-child(6) {
  opacity: .9792;
  transform: translate(60.4926vw, -10px) scale(.2088);
  animation: fall-6 18s -26s linear infinite
}

@keyframes fall-6 {
  62.929% {
    transform: translate(60.5463vw, 62.929vh) scale(.2088)
  }

  to {
    transform: translate(60.51945vw, 100vh) scale(.2088)
  }
}

.snow .dot:nth-child(7) {
  opacity: .647;
  transform: translate(63.8088vw, -10px) scale(.2101);
  animation: fall-7 11s -17s linear infinite
}

@keyframes fall-7 {
  48.051% {
    transform: translate(54.6148vw, 48.051vh) scale(.2101)
  }

  to {
    transform: translate(59.2118vw, 100vh) scale(.2101)
  }
}

.snow .dot:nth-child(8) {
  opacity: .5399;
  transform: translate(23.2129vw, -10px) scale(.0266);
  animation: fall-8 24s -10s linear infinite
}

@keyframes fall-8 {
  37.161% {
    transform: translate(27.3057vw, 37.161vh) scale(.0266)
  }

  to {
    transform: translate(25.2593vw, 100vh) scale(.0266)
  }
}

.snow .dot:nth-child(9) {
  opacity: .9441;
  transform: translate(91.206vw, -10px) scale(.5446);
  animation: fall-9 20s -3s linear infinite
}

@keyframes fall-9 {
  76.229% {
    transform: translate(88.2374vw, 76.229vh) scale(.5446)
  }

  to {
    transform: translate(89.7217vw, 100vh) scale(.5446)
  }
}

.snow .dot:nth-child(10) {
  opacity: .9541;
  transform: translate(73.0505vw, -10px) scale(.6081);
  animation: fall-10 13s -12s linear infinite
}

@keyframes fall-10 {
  63.988% {
    transform: translate(79.2746vw, 63.988vh) scale(.6081)
  }

  to {
    transform: translate(76.16255vw, 100vh) scale(.6081)
  }
}

.snow .dot:nth-child(11) {
  opacity: .7038;
  transform: translate(95.4309vw, -10px) scale(.6865);
  animation: fall-11 21s -17s linear infinite
}

@keyframes fall-11 {
  30.786% {
    transform: translate(101.1462vw, 30.786vh) scale(.6865)
  }

  to {
    transform: translate(98.28855vw, 100vh) scale(.6865)
  }
}

.snow .dot:nth-child(12) {
  opacity: .1942;
  transform: translate(95.2827vw, -10px) scale(.4475);
  animation: fall-12 27s -4s linear infinite
}

@keyframes fall-12 {
  51.761% {
    transform: translate(87.2674vw, 51.761vh) scale(.4475)
  }

  to {
    transform: translate(91.27505vw, 100vh) scale(.4475)
  }
}

.snow .dot:nth-child(13) {
  opacity: .7433;
  transform: translate(60.6417vw, -10px) scale(.5584);
  animation: fall-13 16s -27s linear infinite
}

@keyframes fall-13 {
  48.24% {
    transform: translate(50.9832vw, 48.24vh) scale(.5584)
  }

  to {
    transform: translate(55.81245vw, 100vh) scale(.5584)
  }
}

.snow .dot:nth-child(14) {
  opacity: .0206;
  transform: translate(20.6812vw, -10px) scale(.1117);
  animation: fall-14 10s -14s linear infinite
}

@keyframes fall-14 {
  63.469% {
    transform: translate(29.1521vw, 63.469vh) scale(.1117)
  }

  to {
    transform: translate(24.91665vw, 100vh) scale(.1117)
  }
}

.snow .dot:nth-child(15) {
  opacity: .7308;
  transform: translate(.5444vw, -10px) scale(.3138);
  animation: fall-15 15s -22s linear infinite
}

@keyframes fall-15 {
  48.855% {
    transform: translate(-5.6736vw, 48.855vh) scale(.3138)
  }

  to {
    transform: translate(-2.5646vw, 100vh) scale(.3138)
  }
}

.snow .dot:nth-child(16) {
  opacity: .7505;
  transform: translate(57.5853vw, -10px) scale(.5416);
  animation: fall-16 18s -6s linear infinite
}

@keyframes fall-16 {
  70.71% {
    transform: translate(49.3612vw, 70.71vh) scale(.5416)
  }

  to {
    transform: translate(53.47325vw, 100vh) scale(.5416)
  }
}

.snow .dot:nth-child(17) {
  opacity: .4249;
  transform: translate(91.9328vw, -10px) scale(.9264);
  animation: fall-17 20s -4s linear infinite
}

@keyframes fall-17 {
  38.034% {
    transform: translate(87.5806vw, 38.034vh) scale(.9264)
  }

  to {
    transform: translate(89.7567vw, 100vh) scale(.9264)
  }
}

.snow .dot:nth-child(18) {
  opacity: .4397;
  transform: translate(79.3516vw, -10px) scale(.0403);
  animation: fall-18 11s -10s linear infinite
}

@keyframes fall-18 {
  32.789% {
    transform: translate(88.3931vw, 32.789vh) scale(.0403)
  }

  to {
    transform: translate(83.87235vw, 100vh) scale(.0403)
  }
}

.snow .dot:nth-child(19) {
  opacity: .1851;
  transform: translate(77.8569vw, -10px) scale(.7745);
  animation: fall-19 20s -15s linear infinite
}

@keyframes fall-19 {
  75.738% {
    transform: translate(84.6276vw, 75.738vh) scale(.7745)
  }

  to {
    transform: translate(81.24225vw, 100vh) scale(.7745)
  }
}

.snow .dot:nth-child(20) {
  opacity: .6687;
  transform: translate(25.408vw, -10px) scale(.6475);
  animation: fall-20 24s -13s linear infinite
}

@keyframes fall-20 {
  48.56% {
    transform: translate(32.0667vw, 48.56vh) scale(.6475)
  }

  to {
    transform: translate(28.73735vw, 100vh) scale(.6475)
  }
}

.snow .dot:nth-child(21) {
  opacity: .7034;
  transform: translate(16.9468vw, -10px) scale(.0712);
  animation: fall-21 19s -28s linear infinite
}

@keyframes fall-21 {
  35.331% {
    transform: translate(23.9077vw, 35.331vh) scale(.0712)
  }

  to {
    transform: translate(20.42725vw, 100vh) scale(.0712)
  }
}

.snow .dot:nth-child(22) {
  opacity: .1131;
  transform: translate(69.3196vw, -10px) scale(.1834);
  animation: fall-22 19s -18s linear infinite
}

@keyframes fall-22 {
  77.381% {
    transform: translate(71.7631vw, 77.381vh) scale(.1834)
  }

  to {
    transform: translate(70.54135vw, 100vh) scale(.1834)
  }
}

.snow .dot:nth-child(23) {
  opacity: .5326;
  transform: translate(51.212vw, -10px) scale(.151);
  animation: fall-23 25s -7s linear infinite
}

@keyframes fall-23 {
  45.468% {
    transform: translate(59.296vw, 45.468vh) scale(.151)
  }

  to {
    transform: translate(55.254vw, 100vh) scale(.151)
  }
}

.snow .dot:nth-child(24) {
  opacity: .0074;
  transform: translate(48.434vw, -10px) scale(.1456);
  animation: fall-24 20s -13s linear infinite
}

@keyframes fall-24 {
  71.347% {
    transform: translate(48.4024vw, 71.347vh) scale(.1456)
  }

  to {
    transform: translate(48.4182vw, 100vh) scale(.1456)
  }
}

.snow .dot:nth-child(25) {
  opacity: .6406;
  transform: translate(31.3034vw, -10px) scale(.2048);
  animation: fall-25 11s -9s linear infinite
}

@keyframes fall-25 {
  34.331% {
    transform: translate(21.9147vw, 34.331vh) scale(.2048)
  }

  to {
    transform: translate(26.60905vw, 100vh) scale(.2048)
  }
}

.snow .dot:nth-child(26) {
  opacity: .2689;
  transform: translate(88.1584vw, -10px) scale(.4312);
  animation: fall-26 11s -17s linear infinite
}

@keyframes fall-26 {
  44.405% {
    transform: translate(85.8639vw, 44.405vh) scale(.4312)
  }

  to {
    transform: translate(87.01115vw, 100vh) scale(.4312)
  }
}

.snow .dot:nth-child(27) {
  opacity: .2572;
  transform: translate(23.2393vw, -10px) scale(.0575);
  animation: fall-27 18s -15s linear infinite
}

@keyframes fall-27 {
  56.629% {
    transform: translate(23.737vw, 56.629vh) scale(.0575)
  }

  to {
    transform: translate(23.48815vw, 100vh) scale(.0575)
  }
}

.snow .dot:nth-child(28) {
  opacity: .5649;
  transform: translate(84.7663vw, -10px) scale(.7408);
  animation: fall-28 18s -20s linear infinite
}

@keyframes fall-28 {
  43.224% {
    transform: translate(92.1992vw, 43.224vh) scale(.7408)
  }

  to {
    transform: translate(88.48275vw, 100vh) scale(.7408)
  }
}

.snow .dot:nth-child(29) {
  opacity: .7885;
  transform: translate(26.2572vw, -10px) scale(.1752);
  animation: fall-29 22s -5s linear infinite
}

@keyframes fall-29 {
  79.913% {
    transform: translate(19.9688vw, 79.913vh) scale(.1752)
  }

  to {
    transform: translate(23.113vw, 100vh) scale(.1752)
  }
}

.snow .dot:nth-child(30) {
  opacity: .7698;
  transform: translate(70.2361vw, -10px) scale(.7701);
  animation: fall-30 13s -10s linear infinite
}

@keyframes fall-30 {
  49.032% {
    transform: translate(70.0049vw, 49.032vh) scale(.7701)
  }

  to {
    transform: translate(70.1205vw, 100vh) scale(.7701)
  }
}

.snow .dot:nth-child(31) {
  opacity: .5073;
  transform: translate(45.3709vw, -10px) scale(.2517);
  animation: fall-31 28s -1s linear infinite
}

@keyframes fall-31 {
  67.206% {
    transform: translate(37.578vw, 67.206vh) scale(.2517)
  }

  to {
    transform: translate(41.47445vw, 100vh) scale(.2517)
  }
}

.snow .dot:nth-child(32) {
  opacity: .4221;
  transform: translate(3.1182vw, -10px) scale(.1998);
  animation: fall-32 29s -13s linear infinite
}

@keyframes fall-32 {
  75.093% {
    transform: translate(10.8151vw, 75.093vh) scale(.1998)
  }

  to {
    transform: translate(6.96665vw, 100vh) scale(.1998)
  }
}

.snow .dot:nth-child(33) {
  opacity: .6293;
  transform: translate(49.6349vw, -10px) scale(.7512);
  animation: fall-33 25s -23s linear infinite
}

@keyframes fall-33 {
  53.108% {
    transform: translate(48.6776vw, 53.108vh) scale(.7512)
  }

  to {
    transform: translate(49.15625vw, 100vh) scale(.7512)
  }
}

.snow .dot:nth-child(34) {
  opacity: .0262;
  transform: translate(88.7705vw, -10px) scale(.61);
  animation: fall-34 21s -1s linear infinite
}

@keyframes fall-34 {
  51.466% {
    transform: translate(96.1516vw, 51.466vh) scale(.61)
  }

  to {
    transform: translate(92.46105vw, 100vh) scale(.61)
  }
}

.snow .dot:nth-child(35) {
  opacity: .2353;
  transform: translate(3.8034vw, -10px) scale(.9817);
  animation: fall-35 14s -22s linear infinite
}

@keyframes fall-35 {
  47.28% {
    transform: translate(13.055vw, 47.28vh) scale(.9817)
  }

  to {
    transform: translate(8.4292vw, 100vh) scale(.9817)
  }
}

.snow .dot:nth-child(36) {
  opacity: .8276;
  transform: translate(12.9007vw, -10px) scale(.0177);
  animation: fall-36 27s -11s linear infinite
}

@keyframes fall-36 {
  43.171% {
    transform: translate(8.6117vw, 43.171vh) scale(.0177)
  }

  to {
    transform: translate(10.7562vw, 100vh) scale(.0177)
  }
}

.snow .dot:nth-child(37) {
  opacity: .7681;
  transform: translate(65.1925vw, -10px) scale(.3696);
  animation: fall-37 10s -25s linear infinite
}

@keyframes fall-37 {
  31.326% {
    transform: translate(69.2801vw, 31.326vh) scale(.3696)
  }

  to {
    transform: translate(67.2363vw, 100vh) scale(.3696)
  }
}

.snow .dot:nth-child(38) {
  opacity: .5296;
  transform: translate(23.4598vw, -10px) scale(.2345);
  animation: fall-38 11s -12s linear infinite
}

@keyframes fall-38 {
  78.715% {
    transform: translate(28.8621vw, 78.715vh) scale(.2345)
  }

  to {
    transform: translate(26.16095vw, 100vh) scale(.2345)
  }
}

.snow .dot:nth-child(39) {
  opacity: .4645;
  transform: translate(68.0441vw, -10px) scale(.6345);
  animation: fall-39 29s -16s linear infinite
}

@keyframes fall-39 {
  42.819% {
    transform: translate(69.4194vw, 42.819vh) scale(.6345)
  }

  to {
    transform: translate(68.73175vw, 100vh) scale(.6345)
  }
}

.snow .dot:nth-child(40) {
  opacity: .4072;
  transform: translate(93.7283vw, -10px) scale(.1785);
  animation: fall-40 15s -8s linear infinite
}

@keyframes fall-40 {
  62.837% {
    transform: translate(96.5776vw, 62.837vh) scale(.1785)
  }

  to {
    transform: translate(95.15295vw, 100vh) scale(.1785)
  }
}

.snow .dot:nth-child(41) {
  opacity: .7994;
  transform: translate(19.6367vw, -10px) scale(.2782);
  animation: fall-41 14s -7s linear infinite
}

@keyframes fall-41 {
  33.041% {
    transform: translate(22.9607vw, 33.041vh) scale(.2782)
  }

  to {
    transform: translate(21.2987vw, 100vh) scale(.2782)
  }
}

.snow .dot:nth-child(42) {
  opacity: .0214;
  transform: translate(51.2553vw, -10px) scale(.2743);
  animation: fall-42 29s -11s linear infinite
}

@keyframes fall-42 {
  39.708% {
    transform: translate(52.7632vw, 39.708vh) scale(.2743)
  }

  to {
    transform: translate(52.00925vw, 100vh) scale(.2743)
  }
}

.snow .dot:nth-child(43) {
  opacity: .9588;
  transform: translate(83.9391vw, -10px) scale(.3373);
  animation: fall-43 14s -23s linear infinite
}

@keyframes fall-43 {
  33.16% {
    transform: translate(90.4718vw, 33.16vh) scale(.3373)
  }

  to {
    transform: translate(87.20545vw, 100vh) scale(.3373)
  }
}

.snow .dot:nth-child(44) {
  opacity: .382;
  transform: translate(50.7162vw, -10px) scale(.6698);
  animation: fall-44 29s -15s linear infinite
}

@keyframes fall-44 {
  43.807% {
    transform: translate(55.2205vw, 43.807vh) scale(.6698)
  }

  to {
    transform: translate(52.96835vw, 100vh) scale(.6698)
  }
}

.snow .dot:nth-child(45) {
  opacity: .8759;
  transform: translate(16.3864vw, -10px) scale(.2422);
  animation: fall-45 15s -11s linear infinite
}

@keyframes fall-45 {
  56.23% {
    transform: translate(15.4694vw, 56.23vh) scale(.2422)
  }

  to {
    transform: translate(15.9279vw, 100vh) scale(.2422)
  }
}

.snow .dot:nth-child(46) {
  opacity: .5552;
  transform: translate(93.4746vw, -10px) scale(.2069);
  animation: fall-46 12s -15s linear infinite
}

@keyframes fall-46 {
  44.307% {
    transform: translate(98.1286vw, 44.307vh) scale(.2069)
  }

  to {
    transform: translate(95.8016vw, 100vh) scale(.2069)
  }
}

.snow .dot:nth-child(47) {
  opacity: .5113;
  transform: translate(13.9597vw, -10px) scale(.0158);
  animation: fall-47 14s -28s linear infinite
}

@keyframes fall-47 {
  76.16% {
    transform: translate(14.3504vw, 76.16vh) scale(.0158)
  }

  to {
    transform: translate(14.15505vw, 100vh) scale(.0158)
  }
}

.snow .dot:nth-child(48) {
  opacity: .3974;
  transform: translate(12.7214vw, -10px) scale(.6069);
  animation: fall-48 28s -17s linear infinite
}

@keyframes fall-48 {
  79.208% {
    transform: translate(8.6134vw, 79.208vh) scale(.6069)
  }

  to {
    transform: translate(10.6674vw, 100vh) scale(.6069)
  }
}

.snow .dot:nth-child(49) {
  opacity: .242;
  transform: translate(39.1418vw, -10px) scale(.6365);
  animation: fall-49 15s -1s linear infinite
}

@keyframes fall-49 {
  64.468% {
    transform: translate(31.8421vw, 64.468vh) scale(.6365)
  }

  to {
    transform: translate(35.49195vw, 100vh) scale(.6365)
  }
}

.snow .dot:nth-child(50) {
  opacity: .603;
  transform: translate(9.9709vw, -10px) scale(.1736);
  animation: fall-50 23s -22s linear infinite
}

@keyframes fall-50 {
  57.933% {
    transform: translate(15.275vw, 57.933vh) scale(.1736)
  }

  to {
    transform: translate(12.62295vw, 100vh) scale(.1736)
  }
}

.snow .dot:nth-child(51) {
  opacity: .0535;
  transform: translate(34.9015vw, -10px) scale(.1867);
  animation: fall-51 29s -12s linear infinite
}

@keyframes fall-51 {
  74.354% {
    transform: translate(44.6035vw, 74.354vh) scale(.1867)
  }

  to {
    transform: translate(39.7525vw, 100vh) scale(.1867)
  }
}

.snow .dot:nth-child(52) {
  opacity: .9003;
  transform: translate(92.2906vw, -10px) scale(.7661);
  animation: fall-52 25s -5s linear infinite
}

@keyframes fall-52 {
  53.338% {
    transform: translate(95.9537vw, 53.338vh) scale(.7661)
  }

  to {
    transform: translate(94.12215vw, 100vh) scale(.7661)
  }
}

.snow .dot:nth-child(53) {
  opacity: .478;
  transform: translate(43.4199vw, -10px) scale(.9323);
  animation: fall-53 26s -18s linear infinite
}

@keyframes fall-53 {
  51.617% {
    transform: translate(33.8245vw, 51.617vh) scale(.9323)
  }

  to {
    transform: translate(38.6222vw, 100vh) scale(.9323)
  }
}

.snow .dot:nth-child(54) {
  opacity: .4385;
  transform: translate(77.5594vw, -10px) scale(.014);
  animation: fall-54 19s -27s linear infinite
}

@keyframes fall-54 {
  68.951% {
    transform: translate(80.9689vw, 68.951vh) scale(.014)
  }

  to {
    transform: translate(79.26415vw, 100vh) scale(.014)
  }
}

.snow .dot:nth-child(55) {
  opacity: .6685;
  transform: translate(29.9572vw, -10px) scale(.0165);
  animation: fall-55 13s -13s linear infinite
}

@keyframes fall-55 {
  44.004% {
    transform: translate(39.7613vw, 44.004vh) scale(.0165)
  }

  to {
    transform: translate(34.85925vw, 100vh) scale(.0165)
  }
}

.snow .dot:nth-child(56) {
  opacity: .64;
  transform: translate(68.9595vw, -10px) scale(.5381);
  animation: fall-56 24s -26s linear infinite
}

@keyframes fall-56 {
  45.394% {
    transform: translate(59.9128vw, 45.394vh) scale(.5381)
  }

  to {
    transform: translate(64.43615vw, 100vh) scale(.5381)
  }
}

.snow .dot:nth-child(57) {
  opacity: .6973;
  transform: translate(54.0986vw, -10px) scale(.8962);
  animation: fall-57 27s -3s linear infinite
}

@keyframes fall-57 {
  35.37% {
    transform: translate(52.1597vw, 35.37vh) scale(.8962)
  }

  to {
    transform: translate(53.12915vw, 100vh) scale(.8962)
  }
}

.snow .dot:nth-child(58) {
  opacity: .5447;
  transform: translate(56.3991vw, -10px) scale(.6221);
  animation: fall-58 12s -30s linear infinite
}

@keyframes fall-58 {
  70.616% {
    transform: translate(62.3426vw, 70.616vh) scale(.6221)
  }

  to {
    transform: translate(59.37085vw, 100vh) scale(.6221)
  }
}

.snow .dot:nth-child(59) {
  opacity: .3273;
  transform: translate(82.0166vw, -10px) scale(.8784);
  animation: fall-59 16s -8s linear infinite
}

@keyframes fall-59 {
  52.779% {
    transform: translate(91.9982vw, 52.779vh) scale(.8784)
  }

  to {
    transform: translate(87.0074vw, 100vh) scale(.8784)
  }
}

.snow .dot:nth-child(60) {
  opacity: .0745;
  transform: translate(31.7822vw, -10px) scale(.2096);
  animation: fall-60 12s -21s linear infinite
}

@keyframes fall-60 {
  44.246% {
    transform: translate(26.723vw, 44.246vh) scale(.2096)
  }

  to {
    transform: translate(29.2526vw, 100vh) scale(.2096)
  }
}

.snow .dot:nth-child(61) {
  opacity: .5859;
  transform: translate(2.1278vw, -10px) scale(.8689);
  animation: fall-61 24s -18s linear infinite
}

@keyframes fall-61 {
  48.355% {
    transform: translate(8.0688vw, 48.355vh) scale(.8689)
  }

  to {
    transform: translate(5.0983vw, 100vh) scale(.8689)
  }
}

.snow .dot:nth-child(62) {
  opacity: .2638;
  transform: translate(9.2975vw, -10px) scale(.1847);
  animation: fall-62 22s -15s linear infinite
}

@keyframes fall-62 {
  76.515% {
    transform: translate(2.476vw, 76.515vh) scale(.1847)
  }

  to {
    transform: translate(5.88675vw, 100vh) scale(.1847)
  }
}

.snow .dot:nth-child(63) {
  opacity: .7617;
  transform: translate(51.7545vw, -10px) scale(.6626);
  animation: fall-63 10s -26s linear infinite
}

@keyframes fall-63 {
  73.424% {
    transform: translate(56.8055vw, 73.424vh) scale(.6626)
  }

  to {
    transform: translate(54.28vw, 100vh) scale(.6626)
  }
}

.snow .dot:nth-child(64) {
  opacity: .1099;
  transform: translate(78.5338vw, -10px) scale(.9536);
  animation: fall-64 15s -18s linear infinite
}

@keyframes fall-64 {
  34.471% {
    transform: translate(84.5989vw, 34.471vh) scale(.9536)
  }

  to {
    transform: translate(81.56635vw, 100vh) scale(.9536)
  }
}

.snow .dot:nth-child(65) {
  opacity: .9898;
  transform: translate(74.4506vw, -10px) scale(.3468);
  animation: fall-65 29s -8s linear infinite
}

@keyframes fall-65 {
  62.147% {
    transform: translate(77.2356vw, 62.147vh) scale(.3468)
  }

  to {
    transform: translate(75.8431vw, 100vh) scale(.3468)
  }
}

.snow .dot:nth-child(66) {
  opacity: .8983;
  transform: translate(85.023vw, -10px) scale(.0136);
  animation: fall-66 13s -15s linear infinite
}

@keyframes fall-66 {
  60.937% {
    transform: translate(91.9815vw, 60.937vh) scale(.0136)
  }

  to {
    transform: translate(88.50225vw, 100vh) scale(.0136)
  }
}

.snow .dot:nth-child(67) {
  opacity: .4634;
  transform: translate(7.7855vw, -10px) scale(.355);
  animation: fall-67 30s -8s linear infinite
}

@keyframes fall-67 {
  41.509% {
    transform: translate(13.6076vw, 41.509vh) scale(.355)
  }

  to {
    transform: translate(10.69655vw, 100vh) scale(.355)
  }
}

.snow .dot:nth-child(68) {
  opacity: .0529;
  transform: translate(19.7538vw, -10px) scale(.5511);
  animation: fall-68 30s -23s linear infinite
}

@keyframes fall-68 {
  35.083% {
    transform: translate(25.675vw, 35.083vh) scale(.5511)
  }

  to {
    transform: translate(22.7144vw, 100vh) scale(.5511)
  }
}

.snow .dot:nth-child(69) {
  opacity: .9762;
  transform: translate(13.8635vw, -10px) scale(.4769);
  animation: fall-69 23s -22s linear infinite
}

@keyframes fall-69 {
  31.688% {
    transform: translate(23.5064vw, 31.688vh) scale(.4769)
  }

  to {
    transform: translate(18.68495vw, 100vh) scale(.4769)
  }
}

.snow .dot:nth-child(70) {
  opacity: .8974;
  transform: translate(46.4353vw, -10px) scale(.8127);
  animation: fall-70 14s -17s linear infinite
}

@keyframes fall-70 {
  60.658% {
    transform: translate(36.7292vw, 60.658vh) scale(.8127)
  }

  to {
    transform: translate(41.58225vw, 100vh) scale(.8127)
  }
}

.snow .dot:nth-child(71) {
  opacity: .5614;
  transform: translate(74.4427vw, -10px) scale(.7496);
  animation: fall-71 20s -13s linear infinite
}

@keyframes fall-71 {
  46.179% {
    transform: translate(73.7866vw, 46.179vh) scale(.7496)
  }

  to {
    transform: translate(74.11465vw, 100vh) scale(.7496)
  }
}

.snow .dot:nth-child(72) {
  opacity: .1413;
  transform: translate(27.2262vw, -10px) scale(.2215);
  animation: fall-72 18s -24s linear infinite
}

@keyframes fall-72 {
  30.7% {
    transform: translate(22.6vw, 30.7vh) scale(.2215)
  }

  to {
    transform: translate(24.9131vw, 100vh) scale(.2215)
  }
}

.snow .dot:nth-child(73) {
  opacity: .7378;
  transform: translate(52.2156vw, -10px) scale(.8141);
  animation: fall-73 18s -23s linear infinite
}

@keyframes fall-73 {
  32.071% {
    transform: translate(47.4259vw, 32.071vh) scale(.8141)
  }

  to {
    transform: translate(49.82075vw, 100vh) scale(.8141)
  }
}

.snow .dot:nth-child(74) {
  opacity: .1498;
  transform: translate(8.1983vw, -10px) scale(.4769);
  animation: fall-74 17s -19s linear infinite
}

@keyframes fall-74 {
  40.597% {
    transform: translate(6.8461vw, 40.597vh) scale(.4769)
  }

  to {
    transform: translate(7.5222vw, 100vh) scale(.4769)
  }
}

.snow .dot:nth-child(75) {
  opacity: .2852;
  transform: translate(17.9688vw, -10px) scale(.7436);
  animation: fall-75 27s -29s linear infinite
}

@keyframes fall-75 {
  44.593% {
    transform: translate(17.5426vw, 44.593vh) scale(.7436)
  }

  to {
    transform: translate(17.7557vw, 100vh) scale(.7436)
  }
}

.snow .dot:nth-child(76) {
  opacity: .2534;
  transform: translate(44.9316vw, -10px) scale(.1112);
  animation: fall-76 20s -7s linear infinite
}

@keyframes fall-76 {
  52.272% {
    transform: translate(40.9128vw, 52.272vh) scale(.1112)
  }

  to {
    transform: translate(42.9222vw, 100vh) scale(.1112)
  }
}

.snow .dot:nth-child(77) {
  opacity: .4147;
  transform: translate(98.8463vw, -10px) scale(.9834);
  animation: fall-77 19s -11s linear infinite
}

@keyframes fall-77 {
  32.217% {
    transform: translate(94.1892vw, 32.217vh) scale(.9834)
  }

  to {
    transform: translate(96.51775vw, 100vh) scale(.9834)
  }
}

.snow .dot:nth-child(78) {
  opacity: .4154;
  transform: translate(70.8952vw, -10px) scale(.5604);
  animation: fall-78 30s -5s linear infinite
}

@keyframes fall-78 {
  33.189% {
    transform: translate(64.2855vw, 33.189vh) scale(.5604)
  }

  to {
    transform: translate(67.59035vw, 100vh) scale(.5604)
  }
}

.snow .dot:nth-child(79) {
  opacity: .5105;
  transform: translate(77.5899vw, -10px) scale(.4609);
  animation: fall-79 18s -5s linear infinite
}

@keyframes fall-79 {
  55.697% {
    transform: translate(76.1832vw, 55.697vh) scale(.4609)
  }

  to {
    transform: translate(76.88655vw, 100vh) scale(.4609)
  }
}

.snow .dot:nth-child(80) {
  opacity: .9019;
  transform: translate(36.7225vw, -10px) scale(.1885);
  animation: fall-80 26s -22s linear infinite
}

@keyframes fall-80 {
  55.876% {
    transform: translate(27.02vw, 55.876vh) scale(.1885)
  }

  to {
    transform: translate(31.87125vw, 100vh) scale(.1885)
  }
}

body[data-theme=light] .snow {
  filter: drop-shadow(0 0 10px #bccde0)
}

body[data-theme=light] .snow .dot {
  opacity: 1 !important
}