@import url('https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700,800,900&display=swap');

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Poppins', sans-serif;
}

:root {
  --white: oklch(100% 0 0);
}

* {
  box-sizing: border-box;
}

.showcase video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.8;
  filter: blur(0px);
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  mix-blend-mode: overlay;
  z-index: -1;
  filter: blur(0px);
  background: radial-gradient(ellipse at bottom, #1b2735 0%, #090a0f 100%);
  overflow: hidden;
}
.snow {
  position: absolute;
  top: -10px;
  width: 8px;
  height: 8px;
  background: white;
  border-radius: 50%;
  opacity: 0.8;
  filter: drop-shadow(0 0 10px white);
  pointer-events: none;
  animation-name: fall;
  animation-timing-function: linear;
}

@keyframes rainbowAnimation {
  0% {
    background-color: #ee82ee0a;
  }
  10% {
    background-color: #4b00800a;
  }
  20% {
    background-color: #0000ff0a;
  }
  30% {
    background-color: #0080000a;
  }
  40% {
    background-color: #ffff000a;
  }
  50% {
    background-color: #ff00000a;
  }
  60% {
    background-color: #ffff000a;
  }
  70% {
    background-color: #0080000a;
  }
  80% {
    background-color: #0000ff0a;
  }
  90% {
    background-color: #4b00800a;
  }
  100% {
    background-color: #ee82ee0a;
  }
}

body {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  width: 100vw;
  overflow-x: hidden;
}

.showcase {
  width: 100vw;
  height: 100vh;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.slider {
  padding: 1em 0;
  font-size: 2.5vw;
  min-width: 0;
  flex-wrap: wrap;
  justify-content: center;
}

#slider {
  display: flex;
  gap: 15px;
  font-size: 30px;
}

#sliderValue {
  display: flex;
  color: #0077eeb4;
  font-family: 'Ubuntu', sans-serif;
  font-size: 2.5vw;
  min-width: 0;
  
  justify-content: center;
}

.start {
  opacity: 0;
}

.animation {
  animation: fade .3s forwards;
}

@keyframes fade {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}

.holder-animation {
  animation: holder 0s;
}

@keyframes holder {
  0% {
    opacity: 1;
  }
  95% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}


.gradient-box {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  width: 96vw;
  max-width: 1400px;
  min-height: 40vh;
  margin: 0 auto;
  padding: 0 2em;
  font-size: 2vw;
  border-radius: 2em;
  box-sizing: border-box;
  color: #FFF;
  background: #000000de;
  background-clip: padding-box;
  border: solid 5px transparent;
  animation: test 5s forwards;
}

/* Responsywność dla mniejszych ekranów */
@media (max-width: 800px) {
  .gradient-box {
    width: 98vw;
    max-width: 98vw;
    padding: 5vw 2vw;
    font-size: 4vw;
    border-radius: 1em;
  }
}

@keyframes test {
  0% {
  min-height: 40vh;
  }
  40% {
  min-height: 40vh;
  }
  100% {
  min-height: 70vh;
  }
}

.gradient-box:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  margin: -10px;
  border-radius: inherit;
  animation: rainbowAnimation 30s infinite;
  filter: blur(2px);
}

.snow {
  position: absolute;
  top: -10px;
  width: 8px;
  height: 8px;
  background: white;
  border-radius: 50%;
  opacity: 0.8;
  filter: drop-shadow(0 0 10px white);
  pointer-events: none;
  animation-name: fall;
  animation-timing-function: linear;
}

/* Uniwersalna animacja opadania */
@keyframes fall {
  to {
    transform: translateY(100vh);
    opacity: 0.7;
  }
}
.gradient-header {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  text-align: center;
  padding: 0.5em 0 0.5em 0;
}
#gradient-title {
  font-size: 3vw;
  color: #fff;
  font-family: 'Ubuntu', sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
  margin: 0 auto;
}


.snow:nth-child(1) {
  opacity: 0.5613;
  transform: translate(25.9066vw, -10px) scale(0.8625);
  animation: fall-1 20s -15s linear infinite;
}
@keyframes fall-1 {
  47.68% {
    transform: translate(29.7125vw, 47.68vh) scale(0.8625);
  }
  to {
    transform: translate(27.80955vw, 100vh) scale(0.8625);
  }
}
.snow:nth-child(2) {
  opacity: 0.5481;
  transform: translate(39.529vw, -10px) scale(0.378);
  animation: fall-2 29s -8s linear infinite;
}
@keyframes fall-2 {
  77.395% {
    transform: translate(40.4483vw, 77.395vh) scale(0.378);
  }
  to {
    transform: translate(39.98865vw, 100vh) scale(0.378);
  }
}
.snow:nth-child(3) {
  opacity: 0.8941;
  transform: translate(70.9325vw, -10px) scale(0.0066);
  animation: fall-3 27s -7s linear infinite;
}
@keyframes fall-3 {
  61.609% {
    transform: translate(64.7182vw, 61.609vh) scale(0.0066);
  }
  to {
    transform: translate(67.82535vw, 100vh) scale(0.0066);
  }
}
.snow:nth-child(4) {
  opacity: 0.4899;
  transform: translate(77.9988vw, -10px) scale(0.9069);
  animation: fall-4 19s -13s linear infinite;
}
@keyframes fall-4 {
  78.758% {
    transform: translate(85.7828vw, 78.758vh) scale(0.9069);
  }
  to {
    transform: translate(81.8908vw, 100vh) scale(0.9069);
  }
}
.snow:nth-child(5) {
  opacity: 0.5461;
  transform: translate(44.4696vw, -10px) scale(0.3572);
  animation: fall-5 17s -21s linear infinite;
}
@keyframes fall-5 {
  75.632% {
    transform: translate(37.0914vw, 75.632vh) scale(0.3572);
  }
  to {
    transform: translate(40.7805vw, 100vh) scale(0.3572);
  }
}
.snow:nth-child(6) {
  opacity: 0.6581;
  transform: translate(67.9152vw, -10px) scale(0.5917);
  animation: fall-6 14s -14s linear infinite;
}
@keyframes fall-6 {
  42.218% {
    transform: translate(76.8126vw, 42.218vh) scale(0.5917);
  }
  to {
    transform: translate(72.3639vw, 100vh) scale(0.5917);
  }
}
.snow:nth-child(7) {
  opacity: 0.1494;
  transform: translate(53.588vw, -10px) scale(0.9287);
  animation: fall-7 24s -8s linear infinite;
}
@keyframes fall-7 {
  31.976% {
    transform: translate(57.985vw, 31.976vh) scale(0.9287);
  }
  to {
    transform: translate(55.7865vw, 100vh) scale(0.9287);
  }
}
.snow:nth-child(8) {
  opacity: 0.98;
  transform: translate(87.8463vw, -10px) scale(0.9065);
  animation: fall-8 13s -3s linear infinite;
}
@keyframes fall-8 {
  48.505% {
    transform: translate(86.2371vw, 48.505vh) scale(0.9065);
  }
  to {
    transform: translate(87.0417vw, 100vh) scale(0.9065);
  }
}
.snow:nth-child(9) {
  opacity: 0.3112;
  transform: translate(77.4736vw, -10px) scale(0.691);
  animation: fall-9 15s -3s linear infinite;
}
@keyframes fall-9 {
  60.664% {
    transform: translate(68.3255vw, 60.664vh) scale(0.691);
  }
  to {
    transform: translate(72.89955vw, 100vh) scale(0.691);
  }
}
.snow:nth-child(10) {
  opacity: 0.8662;
  transform: translate(66.5462vw, -10px) scale(0.4049);
  animation: fall-10 21s -28s linear infinite;
}
@keyframes fall-10 {
  72.743% {
    transform: translate(58.3535vw, 72.743vh) scale(0.4049);
  }
  to {
    transform: translate(62.44985vw, 100vh) scale(0.4049);
  }
}
.snow:nth-child(11) {
  opacity: 0.62;
  transform: translate(18.645vw, -10px) scale(0.7815);
  animation: fall-11 27s -12s linear infinite;
}
@keyframes fall-11 {
  49.194% {
    transform: translate(18.4271vw, 49.194vh) scale(0.7815);
  }
  to {
    transform: translate(18.53605vw, 100vh) scale(0.7815);
  }
}
.snow:nth-child(12) {
  opacity: 0.096;
  transform: translate(89.074vw, -10px) scale(0.587);
  animation: fall-12 11s -11s linear infinite;
}
@keyframes fall-12 {
  52.144% {
    transform: translate(97.8176vw, 52.144vh) scale(0.587);
  }
  to {
    transform: translate(93.4458vw, 100vh) scale(0.587);
  }
}
.snow:nth-child(13) {
  opacity: 0.3158;
  transform: translate(36.0564vw, -10px) scale(0.3698);
  animation: fall-13 28s -6s linear infinite;
}
@keyframes fall-13 {
  73.589% {
    transform: translate(40.557vw, 73.589vh) scale(0.3698);
  }
  to {
    transform: translate(38.3067vw, 100vh) scale(0.3698);
  }
}
.snow:nth-child(14) {
  opacity: 0.5929;
  transform: translate(83.1754vw, -10px) scale(0.3436);
  animation: fall-14 21s -30s linear infinite;
}
@keyframes fall-14 {
  33.802% {
    transform: translate(74.7637vw, 33.802vh) scale(0.3436);
  }
  to {
    transform: translate(78.96955vw, 100vh) scale(0.3436);
  }
}
.snow:nth-child(15) {
  opacity: 0.1302;
  transform: translate(82.4061vw, -10px) scale(0.5678);
  animation: fall-15 12s -8s linear infinite;
}
@keyframes fall-15 {
  34.143% {
    transform: translate(85.0633vw, 34.143vh) scale(0.5678);
  }
  to {
    transform: translate(83.7347vw, 100vh) scale(0.5678);
  }
}
.snow:nth-child(16) {
  opacity: 0.4247;
  transform: translate(78.6063vw, -10px) scale(0.7366);
  animation: fall-16 25s -27s linear infinite;
}
@keyframes fall-16 {
  32.913% {
    transform: translate(74.7043vw, 32.913vh) scale(0.7366);
  }
  to {
    transform: translate(76.6553vw, 100vh) scale(0.7366);
  }
}
.snow:nth-child(17) {
  opacity: 0.0674;
  transform: translate(36.9333vw, -10px) scale(0.5829);
  animation: fall-17 25s -15s linear infinite;
}
@keyframes fall-17 {
  60.292% {
    transform: translate(34.8816vw, 60.292vh) scale(0.5829);
  }
  to {
    transform: translate(35.90745vw, 100vh) scale(0.5829);
  }
}
.snow:nth-child(18) {
  opacity: 0.7618;
  transform: translate(65.7245vw, -10px) scale(0.1874);
  animation: fall-18 12s -3s linear infinite;
}
@keyframes fall-18 {
  45.322% {
    transform: translate(68.4417vw, 45.322vh) scale(0.1874);
  }
  to {
    transform: translate(67.0831vw, 100vh) scale(0.1874);
  }
}
.snow:nth-child(19) {
  opacity: 0.963;
  transform: translate(99.6393vw, -10px) scale(0.2551);
  animation: fall-19 24s -11s linear infinite;
}
@keyframes fall-19 {
  49.523% {
    transform: translate(105.9893vw, 49.523vh) scale(0.2551);
  }
  to {
    transform: translate(102.8143vw, 100vh) scale(0.2551);
  }
}
.snow:nth-child(20) {
  opacity: 0.8028;
  transform: translate(11.9195vw, -10px) scale(0.2415);
  animation: fall-20 29s -30s linear infinite;
}
@keyframes fall-20 {
  68.707% {
    transform: translate(20.6703vw, 68.707vh) scale(0.2415);
  }
  to {
    transform: translate(16.2949vw, 100vh) scale(0.2415);
  }
}
.snow:nth-child(21) {
  opacity: 0.0586;
  transform: translate(62.3616vw, -10px) scale(0.209);
  animation: fall-21 27s -4s linear infinite;
}
@keyframes fall-21 {
  72.923% {
    transform: translate(65.4343vw, 72.923vh) scale(0.209);
  }
  to {
    transform: translate(63.89795vw, 100vh) scale(0.209);
  }
}
.snow:nth-child(22) {
  opacity: 0.2855;
  transform: translate(22.5263vw, -10px) scale(0.6596);
  animation: fall-22 30s -30s linear infinite;
}
@keyframes fall-22 {
  58.028% {
    transform: translate(20.0824vw, 58.028vh) scale(0.6596);
  }
  to {
    transform: translate(21.30435vw, 100vh) scale(0.6596);
  }
}
.snow:nth-child(23) {
  opacity: 0.3921;
  transform: translate(55.9444vw, -10px) scale(0.4088);
  animation: fall-23 15s -4s linear infinite;
}
@keyframes fall-23 {
  43.869% {
    transform: translate(56.5265vw, 43.869vh) scale(0.4088);
  }
  to {
    transform: translate(56.23545vw, 100vh) scale(0.4088);
  }
}
.snow:nth-child(24) {
  opacity: 0.3521;
  transform: translate(14.7349vw, -10px) scale(0.377);
  animation: fall-24 26s -22s linear infinite;
}
@keyframes fall-24 {
  38.926% {
    transform: translate(5.5285vw, 38.926vh) scale(0.377);
  }
  to {
    transform: translate(10.1317vw, 100vh) scale(0.377);
  }
}
.snow:nth-child(25) {
  opacity: 0.3882;
  transform: translate(16.9322vw, -10px) scale(0.7442);
  animation: fall-25 14s -26s linear infinite;
}
@keyframes fall-25 {
  79.739% {
    transform: translate(9.5731vw, 79.739vh) scale(0.7442);
  }
  to {
    transform: translate(13.25265vw, 100vh) scale(0.7442);
  }
}
.snow:nth-child(26) {
  opacity: 0.6725;
  transform: translate(47.5554vw, -10px) scale(0.0883);
  animation: fall-26 18s -10s linear infinite;
}
@keyframes fall-26 {
  76.346% {
    transform: translate(40.5119vw, 76.346vh) scale(0.0883);
  }
  to {
    transform: translate(44.03365vw, 100vh) scale(0.0883);
  }
}
.snow:nth-child(27) {
  opacity: 0.6933;
  transform: translate(4.1333vw, -10px) scale(0.4306);
  animation: fall-27 18s -19s linear infinite;
}
@keyframes fall-27 {
  78.855% {
    transform: translate(-2.1861vw, 78.855vh) scale(0.4306);
  }
  to {
    transform: translate(0.9736vw, 100vh) scale(0.4306);
  }
}
.snow:nth-child(28) {
  opacity: 0.9447;
  transform: translate(95.7704vw, -10px) scale(0.5212);
  animation: fall-28 25s -9s linear infinite;
}
@keyframes fall-28 {
  38.426% {
    transform: translate(91.907vw, 38.426vh) scale(0.5212);
  }
  to {
    transform: translate(93.8387vw, 100vh) scale(0.5212);
  }
}
.snow:nth-child(29) {
  opacity: 0.4247;
  transform: translate(85.3736vw, -10px) scale(0.8429);
  animation: fall-29 13s -14s linear infinite;
}
@keyframes fall-29 {
  69.266% {
    transform: translate(85.2258vw, 69.266vh) scale(0.8429);
  }
  to {
    transform: translate(85.2997vw, 100vh) scale(0.8429);
  }
}
.snow:nth-child(30) {
  opacity: 0.9088;
  transform: translate(24.6817vw, -10px) scale(0.4507);
  animation: fall-30 27s -6s linear infinite;
}
@keyframes fall-30 {
  50.437% {
    transform: translate(28.267vw, 50.437vh) scale(0.4507);
  }
  to {
    transform: translate(26.47435vw, 100vh) scale(0.4507);
  }
}
.snow:nth-child(31) {
  opacity: 0.4359;
  transform: translate(41.9873vw, -10px) scale(0.5874);
  animation: fall-31 27s -25s linear infinite;
}
@keyframes fall-31 {
  55.023% {
    transform: translate(32.3777vw, 55.023vh) scale(0.5874);
  }
  to {
    transform: translate(37.1825vw, 100vh) scale(0.5874);
  }
}
.snow:nth-child(32) {
  opacity: 0.8404;
  transform: translate(76.7601vw, -10px) scale(0.3534);
  animation: fall-32 28s -3s linear infinite;
}
@keyframes fall-32 {
  55.261% {
    transform: translate(74.4813vw, 55.261vh) scale(0.3534);
  }
  to {
    transform: translate(75.6207vw, 100vh) scale(0.3534);
  }
}
.snow:nth-child(33) {
  opacity: 0.5326;
  transform: translate(51.7209vw, -10px) scale(0.0254);
  animation: fall-33 26s -10s linear infinite;
}
@keyframes fall-33 {
  33.554% {
    transform: translate(42.3396vw, 33.554vh) scale(0.0254);
  }
  to {
    transform: translate(47.03025vw, 100vh) scale(0.0254);
  }
}
.snow:nth-child(34) {
  opacity: 0.4359;
  transform: translate(55.1182vw, -10px) scale(0.7174);
  animation: fall-34 20s -20s linear infinite;
}
@keyframes fall-34 {
  34.371% {
    transform: translate(60.4093vw, 34.371vh) scale(0.7174);
  }
  to {
    transform: translate(57.76375vw, 100vh) scale(0.7174);
  }
}
.snow:nth-child(35) {
  opacity: 0.2145;
  transform: translate(20.9985vw, -10px) scale(0.1557);
  animation: fall-35 29s -9s linear infinite;
}
@keyframes fall-35 {
  30.991% {
    transform: translate(25.6498vw, 30.991vh) scale(0.1557);
  }
  to {
    transform: translate(23.32415vw, 100vh) scale(0.1557);
  }
}
.snow:nth-child(36) {
  opacity: 0.3843;
  transform: translate(4.0076vw, -10px) scale(0.7904);
  animation: fall-36 22s -28s linear infinite;
}
@keyframes fall-36 {
  55.351% {
    transform: translate(-3.3238vw, 55.351vh) scale(0.7904);
  }
  to {
    transform: translate(0.3419vw, 100vh) scale(0.7904);
  }
}
.snow:nth-child(37) {
  opacity: 0.9264;
  transform: translate(89.8836vw, -10px) scale(0.8533);
  animation: fall-37 21s -28s linear infinite;
}
@keyframes fall-37 {
  79.063% {
    transform: translate(79.992vw, 79.063vh) scale(0.8533);
  }
  to {
    transform: translate(84.9378vw, 100vh) scale(0.8533);
  }
}
.snow:nth-child(38) {
  opacity: 0.6623;
  transform: translate(98.7775vw, -10px) scale(0.9387);
  animation: fall-38 14s -29s linear infinite;
}
@keyframes fall-38 {
  38.868% {
    transform: translate(102.9838vw, 38.868vh) scale(0.9387);
  }
  to {
    transform: translate(100.88065vw, 100vh) scale(0.9387);
  }
}
.snow:nth-child(39) {
  opacity: 0.0417;
  transform: translate(41.192vw, -10px) scale(0.8621);
  animation: fall-39 29s -21s linear infinite;
}
@keyframes fall-39 {
  45.372% {
    transform: translate(35.8585vw, 45.372vh) scale(0.8621);
  }
  to {
    transform: translate(38.52525vw, 100vh) scale(0.8621);
  }
}
.snow:nth-child(40) {
  opacity: 0.62;
  transform: translate(49.1399vw, -10px) scale(0.0797);
  animation: fall-40 19s -19s linear infinite;
}
@keyframes fall-40 {
  31.967% {
    transform: translate(52.2626vw, 31.967vh) scale(0.0797);
  }
  to {
    transform: translate(50.70125vw, 100vh) scale(0.0797);
  }
}
.snow:nth-child(41) {
  opacity: 0.7141;
  transform: translate(58.0351vw, -10px) scale(0.2557);
  animation: fall-41 11s -29s linear infinite;
}
@keyframes fall-41 {
  79.297% {
    transform: translate(54.8241vw, 79.297vh) scale(0.2557);
  }
  to {
    transform: translate(56.4296vw, 100vh) scale(0.2557);
  }
}
.snow:nth-child(42) {
  opacity: 0.1239;
  transform: translate(30.2216vw, -10px) scale(0.0058);
  animation: fall-42 24s -18s linear infinite;
}
@keyframes fall-42 {
  52.886% {
    transform: translate(32.6559vw, 52.886vh) scale(0.0058);
  }
  to {
    transform: translate(31.43875vw, 100vh) scale(0.0058);
  }
}
.snow:nth-child(43) {
  opacity: 0.3914;
  transform: translate(29.2854vw, -10px) scale(0.2613);
  animation: fall-43 29s -13s linear infinite;
}
@keyframes fall-43 {
  63.097% {
    transform: translate(33.8055vw, 63.097vh) scale(0.2613);
  }
  to {
    transform: translate(31.54545vw, 100vh) scale(0.2613);
  }
}
.snow:nth-child(44) {
  opacity: 0.2168;
  transform: translate(7.0601vw, -10px) scale(0.6494);
  animation: fall-44 17s -14s linear infinite;
}
@keyframes fall-44 {
  72.514% {
    transform: translate(10.7934vw, 72.514vh) scale(0.6494);
  }
  to {
    transform: translate(8.92675vw, 100vh) scale(0.6494);
  }
}
.snow:nth-child(45) {
  opacity: 0.7092;
  transform: translate(89.3559vw, -10px) scale(0.7216);
  animation: fall-45 21s -29s linear infinite;
}
@keyframes fall-45 {
  73.94% {
    transform: translate(91.2278vw, 73.94vh) scale(0.7216);
  }
  to {
    transform: translate(90.29185vw, 100vh) scale(0.7216);
  }
}
.snow:nth-child(46) {
  opacity: 0.7132;
  transform: translate(28.1405vw, -10px) scale(0.3064);
  animation: fall-46 11s -10s linear infinite;
}
@keyframes fall-46 {
  77.209% {
    transform: translate(37.9183vw, 77.209vh) scale(0.3064);
  }
  to {
    transform: translate(33.0294vw, 100vh) scale(0.3064);
  }
}
.snow:nth-child(47) {
  opacity: 0.4895;
  transform: translate(7.9004vw, -10px) scale(0.5262);
  animation: fall-47 22s -6s linear infinite;
}
@keyframes fall-47 {
  63.282% {
    transform: translate(10.1853vw, 63.282vh) scale(0.5262);
  }
  to {
    transform: translate(9.04285vw, 100vh) scale(0.5262);
  }
}
.snow:nth-child(48) {
  opacity: 0.4611;
  transform: translate(43.4116vw, -10px) scale(0.4468);
  animation: fall-48 24s -23s linear infinite;
}
@keyframes fall-48 {
  47.665% {
    transform: translate(45.9226vw, 47.665vh) scale(0.4468);
  }
  to {
    transform: translate(44.6671vw, 100vh) scale(0.4468);
  }
}
.snow:nth-child(49) {
  opacity: 0.5315;
  transform: translate(33.7754vw, -10px) scale(0.2711);
  animation: fall-49 13s -10s linear infinite;
}
@keyframes fall-49 {
  37.75% {
    transform: translate(25.1496vw, 37.75vh) scale(0.2711);
  }
  to {
    transform: translate(29.4625vw, 100vh) scale(0.2711);
  }
}
.snow:nth-child(50) {
  opacity: 0.1317;
  transform: translate(84.7vw, -10px) scale(0.0382);
  animation: fall-50 15s -12s linear infinite;
}
@keyframes fall-50 {
  45.744% {
    transform: translate(76.9814vw, 45.744vh) scale(0.0382);
  }
  to {
    transform: translate(80.8407vw, 100vh) scale(0.0382);
  }
}
.snow:nth-child(51) {
  opacity: 0.5809;
  transform: translate(91.6323vw, -10px) scale(0.4087);
  animation: fall-51 20s -1s linear infinite;
}
@keyframes fall-51 {
  62.417% {
    transform: translate(90.894vw, 62.417vh) scale(0.4087);
  }
  to {
    transform: translate(91.26315vw, 100vh) scale(0.4087);
  }
}
.snow:nth-child(52) {
  opacity: 0.616;
  transform: translate(17.5202vw, -10px) scale(0.684);
  animation: fall-52 10s -8s linear infinite;
}
@keyframes fall-52 {
  54.237% {
    transform: translate(24.4668vw, 54.237vh) scale(0.684);
  }
  to {
    transform: translate(20.9935vw, 100vh) scale(0.684);
  }
}
.snow:nth-child(53) {
  opacity: 0.7578;
  transform: translate(78.1149vw, -10px) scale(0.0323);
  animation: fall-53 19s -25s linear infinite;
}
@keyframes fall-53 {
  73.74% {
    transform: translate(80.3394vw, 73.74vh) scale(0.0323);
  }
  to {
    transform: translate(79.22715vw, 100vh) scale(0.0323);
  }
}
.snow:nth-child(54) {
  opacity: 0.2427;
  transform: translate(67.8218vw, -10px) scale(0.0219);
  animation: fall-54 16s -27s linear infinite;
}
@keyframes fall-54 {
  50.076% {
    transform: translate(59.8529vw, 50.076vh) scale(0.0219);
  }
  to {
    transform: translate(63.83735vw, 100vh) scale(0.0219);
  }
}
.snow:nth-child(55) {
  opacity: 0.4242;
  transform: translate(91.0233vw, -10px) scale(0.7639);
  animation: fall-55 15s -2s linear infinite;
}
@keyframes fall-55 {
  58.211% {
    transform: translate(83.7655vw, 58.211vh) scale(0.7639);
  }
  to {
    transform: translate(87.3944vw, 100vh) scale(0.7639);
  }
}
.snow:nth-child(56) {
  opacity: 0.4199;
  transform: translate(22.7559vw, -10px) scale(0.3877);
  animation: fall-56 26s -14s linear infinite;
}
@keyframes fall-56 {
  49.843% {
    transform: translate(14.9282vw, 49.843vh) scale(0.3877);
  }
  to {
    transform: translate(18.84205vw, 100vh) scale(0.3877);
  }
}
.snow:nth-child(57) {
  opacity: 0.1492;
  transform: translate(16.1426vw, -10px) scale(0.3422);
  animation: fall-57 13s -7s linear infinite;
}
@keyframes fall-57 {
  32.878% {
    transform: translate(19.449vw, 32.878vh) scale(0.3422);
  }
  to {
    transform: translate(17.7958vw, 100vh) scale(0.3422);
  }
}
.snow:nth-child(58) {
  opacity: 0.2706;
  transform: translate(47.0829vw, -10px) scale(0.4525);
  animation: fall-58 10s -12s linear infinite;
}
@keyframes fall-58 {
  76.809% {
    transform: translate(57.0159vw, 76.809vh) scale(0.4525);
  }
  to {
    transform: translate(52.0494vw, 100vh) scale(0.4525);
  }
}
.snow:nth-child(59) {
  opacity: 0.8721;
  transform: translate(33.6646vw, -10px) scale(0.4801);
  animation: fall-59 12s -28s linear infinite;
}
@keyframes fall-59 {
  64.399% {
    transform: translate(30.9831vw, 64.399vh) scale(0.4801);
  }
  to {
    transform: translate(32.32385vw, 100vh) scale(0.4801);
  }
}
.snow:nth-child(60) {
  opacity: 0.7157;
  transform: translate(55.5585vw, -10px) scale(0.2841);
  animation: fall-60 12s -25s linear infinite;
}
@keyframes fall-60 {
  37.824% {
    transform: translate(52.8223vw, 37.824vh) scale(0.2841);
  }
  to {
    transform: translate(54.1904vw, 100vh) scale(0.2841);
  }
}
.snow:nth-child(61) {
  opacity: 0.744;
  transform: translate(30.1321vw, -10px) scale(0.6345);
  animation: fall-61 30s -4s linear infinite;
}
@keyframes fall-61 {
  71.592% {
    transform: translate(21.5826vw, 71.592vh) scale(0.6345);
  }
  to {
    transform: translate(25.85735vw, 100vh) scale(0.6345);
  }
}
.snow:nth-child(62) {
  opacity: 0.3863;
  transform: translate(31.7398vw, -10px) scale(0.2406);
  animation: fall-62 29s -9s linear infinite;
}
@keyframes fall-62 {
  77.01% {
    transform: translate(35.9937vw, 77.01vh) scale(0.2406);
  }
  to {
    transform: translate(33.86675vw, 100vh) scale(0.2406);
  }
}
.snow:nth-child(63) {
  opacity: 0.8877;
  transform: translate(12.1392vw, -10px) scale(0.0981);
  animation: fall-63 21s -28s linear infinite;
}
@keyframes fall-63 {
  33.279% {
    transform: translate(3.0814vw, 33.279vh) scale(0.0981);
  }
  to {
    transform: translate(7.6103vw, 100vh) scale(0.0981);
  }
}
.snow:nth-child(64) {
  opacity: 0.7315;
  transform: translate(52.3135vw, -10px) scale(0.1317);
  animation: fall-64 21s -19s linear infinite;
}
@keyframes fall-64 {
  75.692% {
    transform: translate(55.188vw, 75.692vh) scale(0.1317);
  }
  to {
    transform: translate(53.75075vw, 100vh) scale(0.1317);
  }
}
.snow:nth-child(65) {
  opacity: 0.8562;
  transform: translate(32.0537vw, -10px) scale(0.0126);
  animation: fall-65 18s -2s linear infinite;
}
@keyframes fall-65 {
  31.195% {
    transform: translate(22.4911vw, 31.195vh) scale(0.0126);
  }
  to {
    transform: translate(27.2724vw, 100vh) scale(0.0126);
  }
}
.snow:nth-child(66) {
  opacity: 0.5327;
  transform: translate(12.9474vw, -10px) scale(0.4597);
  animation: fall-66 11s -9s linear infinite;
}
@keyframes fall-66 {
  61.744% {
    transform: translate(9.5334vw, 61.744vh) scale(0.4597);
  }
  to {
    transform: translate(11.2404vw, 100vh) scale(0.4597);
  }
}
.snow:nth-child(67) {
  opacity: 0.1343;
  transform: translate(53.0179vw, -10px) scale(0.0834);
  animation: fall-67 15s -5s linear infinite;
}
@keyframes fall-67 {
  32.565% {
    transform: translate(47.0939vw, 32.565vh) scale(0.0834);
  }
  to {
    transform: translate(50.0559vw, 100vh) scale(0.0834);
  }
}
.snow:nth-child(68) {
  opacity: 0.8908;
  transform: translate(91.6248vw, -10px) scale(0.6416);
  animation: fall-68 22s -4s linear infinite;
}
@keyframes fall-68 {
  44.569% {
    transform: translate(93.5708vw, 44.569vh) scale(0.6416);
  }
  to {
    transform: translate(92.5978vw, 100vh) scale(0.6416);
  }
}
.snow:nth-child(69) {
  opacity: 0.3496;
  transform: translate(92.6296vw, -10px) scale(0.8408);
  animation: fall-69 19s -15s linear infinite;
}
@keyframes fall-69 {
  53.905% {
    transform: translate(96.2945vw, 53.905vh) scale(0.8408);
  }
  to {
    transform: translate(94.46205vw, 100vh) scale(0.8408);
  }
}
.snow:nth-child(70) {
  opacity: 0.3757;
  transform: translate(42.671vw, -10px) scale(0.142);
  animation: fall-70 22s -20s linear infinite;
}
@keyframes fall-70 {
  73.859% {
    transform: translate(47.3192vw, 73.859vh) scale(0.142);
  }
  to {
    transform: translate(44.9951vw, 100vh) scale(0.142);
  }
}
.snow:nth-child(71) {
  opacity: 0.1695;
  transform: translate(30.0613vw, -10px) scale(0.1116);
  animation: fall-71 13s -24s linear infinite;
}
@keyframes fall-71 {
  44.765% {
    transform: translate(21.8827vw, 44.765vh) scale(0.1116);
  }
  to {
    transform: translate(25.972vw, 100vh) scale(0.1116);
  }
}
.snow:nth-child(72) {
  opacity: 0.0692;
  transform: translate(38.7589vw, -10px) scale(0.1047);
  animation: fall-72 18s -12s linear infinite;
}
@keyframes fall-72 {
  67.421% {
    transform: translate(41.1699vw, 67.421vh) scale(0.1047);
  }
  to {
    transform: translate(39.9644vw, 100vh) scale(0.1047);
  }
}
.snow:nth-child(73) {
  opacity: 0.72;
  transform: translate(8.5262vw, -10px) scale(0.1527);
  animation: fall-73 30s -18s linear infinite;
}
@keyframes fall-73 {
  79.969% {
    transform: translate(18.2858vw, 79.969vh) scale(0.1527);
  }
  to {
    transform: translate(13.406vw, 100vh) scale(0.1527);
  }
}
.snow:nth-child(74) {
  opacity: 0.4389;
  transform: translate(0.8513vw, -10px) scale(0.6878);
  animation: fall-74 14s -3s linear infinite;
}
@keyframes fall-74 {
  74.398% {
    transform: translate(-3.2846vw, 74.398vh) scale(0.6878);
  }
  to {
    transform: translate(-1.21665vw, 100vh) scale(0.6878);
  }
}
.snow:nth-child(75) {
  opacity: 0.196;
  transform: translate(12.7015vw, -10px) scale(0.3151);
  animation: fall-75 13s -4s linear infinite;
}
@keyframes fall-75 {
  61.121% {
    transform: translate(5.7857vw, 61.121vh) scale(0.3151);
  }
  to {
    transform: translate(9.2436vw, 100vh) scale(0.3151);
  }
}
.snow:nth-child(76) {
  opacity: 0.1066;
  transform: translate(89.2783vw, -10px) scale(0.4189);
  animation: fall-76 19s -20s linear infinite;
}
@keyframes fall-76 {
  49.667% {
    transform: translate(93.1446vw, 49.667vh) scale(0.4189);
  }
  to {
    transform: translate(91.21145vw, 100vh) scale(0.4189);
  }
}
.snow:nth-child(77) {
  opacity: 0.1888;
  transform: translate(45.7261vw, -10px) scale(0.3545);
  animation: fall-77 28s -7s linear infinite;
}
@keyframes fall-77 {
  42.154% {
    transform: translate(50.8799vw, 42.154vh) scale(0.3545);
  }
  to {
    transform: translate(48.303vw, 100vh) scale(0.3545);
  }
}
.snow:nth-child(78) {
  opacity: 0.4324;
  transform: translate(19.175vw, -10px) scale(0.8368);
  animation: fall-78 15s -16s linear infinite;
}
@keyframes fall-78 {
  30.905% {
    transform: translate(15.861vw, 30.905vh) scale(0.8368);
  }
  to {
    transform: translate(17.518vw, 100vh) scale(0.8368);
  }
}
.snow:nth-child(79) {
  opacity: 0.8804;
  transform: translate(94.7665vw, -10px) scale(0.6369);
  animation: fall-79 20s -2s linear infinite;
}
@keyframes fall-79 {
  64.093% {
    transform: translate(92.3311vw, 64.093vh) scale(0.6369);
  }
  to {
    transform: translate(93.5488vw, 100vh) scale(0.6369);
  }
}
.snow:nth-child(80) {
  opacity: 0.0347;
  transform: translate(11.6364vw, -10px) scale(0.8272);
  animation: fall-80 21s -13s linear infinite;
}
@keyframes fall-80 {
  74.945% {
    transform: translate(4.6931vw, 74.945vh) scale(0.8272);
  }
  to {
    transform: translate(8.16475vw, 100vh) scale(0.8272);
  }
}
.snow:nth-child(81) {
  opacity: 0.791;
  transform: translate(28.6215vw, -10px) scale(0.8512);
  animation: fall-81 30s -20s linear infinite;
}
@keyframes fall-81 {
  48.603% {
    transform: translate(19.461vw, 48.603vh) scale(0.8512);
  }
  to {
    transform: translate(24.04125vw, 100vh) scale(0.8512);
  }
}
.snow:nth-child(82) {
  opacity: 0.7706;
  transform: translate(31.254vw, -10px) scale(0.1394);
  animation: fall-82 20s -16s linear infinite;
}
@keyframes fall-82 {
  63.404% {
    transform: translate(21.9641vw, 63.404vh) scale(0.1394);
  }
  to {
    transform: translate(26.60905vw, 100vh) scale(0.1394);
  }
}
.snow:nth-child(83) {
  opacity: 0.6569;
  transform: translate(31.927vw, -10px) scale(0.8639);
  animation: fall-83 15s -25s linear infinite;
}
@keyframes fall-83 {
  45.093% {
    transform: translate(38.4388vw, 45.093vh) scale(0.8639);
  }
  to {
    transform: translate(35.1829vw, 100vh) scale(0.8639);
  }
}
.snow:nth-child(84) {
  opacity: 0.2415;
  transform: translate(51.8292vw, -10px) scale(0.9502);
  animation: fall-84 16s -25s linear infinite;
}
@keyframes fall-84 {
  35.264% {
    transform: translate(51.9467vw, 35.264vh) scale(0.9502);
  }
  to {
    transform: translate(51.88795vw, 100vh) scale(0.9502);
  }
}
.snow:nth-child(85) {
  opacity: 0.081;
  transform: translate(63.1236vw, -10px) scale(0.6073);
  animation: fall-85 30s -4s linear infinite;
}
@keyframes fall-85 {
  66.25% {
    transform: translate(60.5478vw, 66.25vh) scale(0.6073);
  }
  to {
    transform: translate(61.8357vw, 100vh) scale(0.6073);
  }
}
.snow:nth-child(86) {
  opacity: 0.863;
  transform: translate(7.9366vw, -10px) scale(0.8946);
  animation: fall-86 10s -1s linear infinite;
}
@keyframes fall-86 {
  35.239% {
    transform: translate(8.6968vw, 35.239vh) scale(0.8946);
  }
  to {
    transform: translate(8.3167vw, 100vh) scale(0.8946);
  }
}
.snow:nth-child(87) {
  opacity: 0.3154;
  transform: translate(69.1594vw, -10px) scale(0.3902);
  animation: fall-87 15s -1s linear infinite;
}
@keyframes fall-87 {
  42.051% {
    transform: translate(71.4107vw, 42.051vh) scale(0.3902);
  }
  to {
    transform: translate(70.28505vw, 100vh) scale(0.3902);
  }
}
.snow:nth-child(88) {
  opacity: 0.8612;
  transform: translate(80.3902vw, -10px) scale(0.1956);
  animation: fall-88 23s -4s linear infinite;
}
@keyframes fall-88 {
  59.881% {
    transform: translate(89.8806vw, 59.881vh) scale(0.1956);
  }
  to {
    transform: translate(85.1354vw, 100vh) scale(0.1956);
  }
}
.snow:nth-child(89) {
  opacity: 0.7723;
  transform: translate(48.8795vw, -10px) scale(0.6259);
  animation: fall-89 30s -12s linear infinite;
}
@keyframes fall-89 {
  66.61% {
    transform: translate(51.1569vw, 66.61vh) scale(0.6259);
  }
  to {
    transform: translate(50.0182vw, 100vh) scale(0.6259);
  }
}
.snow:nth-child(90) {
  opacity: 0.0036;
  transform: translate(60.3663vw, -10px) scale(0.2034);
  animation: fall-90 14s -15s linear infinite;
}
@keyframes fall-90 {
  42.019% {
    transform: translate(69.2985vw, 42.019vh) scale(0.2034);
  }
  to {
    transform: translate(64.8324vw, 100vh) scale(0.2034);
  }
}
.snow:nth-child(91) {
  opacity: 0.9762;
  transform: translate(8.0014vw, -10px) scale(0.9545);
  animation: fall-91 17s -22s linear infinite;
}
@keyframes fall-91 {
  52.991% {
    transform: translate(14.3408vw, 52.991vh) scale(0.9545);
  }
  to {
    transform: translate(11.1711vw, 100vh) scale(0.9545);
  }
}
.snow:nth-child(92) {
  opacity: 0.7114;
  transform: translate(10.6697vw, -10px) scale(0.6126);
  animation: fall-92 22s -5s linear infinite;
}
@keyframes fall-92 {
  31.031% {
    transform: translate(9.2451vw, 31.031vh) scale(0.6126);
  }
  to {
    transform: translate(9.9574vw, 100vh) scale(0.6126);
  }
}
.snow:nth-child(93) {
  opacity: 0.3101;
  transform: translate(61.9157vw, -10px) scale(0.5615);
  animation: fall-93 29s -15s linear infinite;
}
@keyframes fall-93 {
  51.861% {
    transform: translate(54.1926vw, 51.861vh) scale(0.5615);
  }
  to {
    transform: translate(58.05415vw, 100vh) scale(0.5615);
  }
}
.snow:nth-child(94) {
  opacity: 0.4111;
  transform: translate(47.2807vw, -10px) scale(0.872);
  animation: fall-94 24s -12s linear infinite;
}
@keyframes fall-94 {
  67.191% {
    transform: translate(52.8427vw, 67.191vh) scale(0.872);
  }
  to {
    transform: translate(50.0617vw, 100vh) scale(0.872);
  }
}
.snow:nth-child(95) {
  opacity: 0.4759;
  transform: translate(29.779vw, -10px) scale(0.3891);
  animation: fall-95 26s -6s linear infinite;
}
@keyframes fall-95 {
  65.587% {
    transform: translate(21.3783vw, 65.587vh) scale(0.3891);
  }
  to {
    transform: translate(25.57865vw, 100vh) scale(0.3891);
  }
}
.snow:nth-child(96) {
  opacity: 0.2495;
  transform: translate(73.7955vw, -10px) scale(0.366);
  animation: fall-96 21s -27s linear infinite;
}
@keyframes fall-96 {
  50.584% {
    transform: translate(79.256vw, 50.584vh) scale(0.366);
  }
  to {
    transform: translate(76.52575vw, 100vh) scale(0.366);
  }
}
.snow:nth-child(97) {
  opacity: 0.352;
  transform: translate(1.5119vw, -10px) scale(0.2049);
  animation: fall-97 24s -6s linear infinite;
}
@keyframes fall-97 {
  58.792% {
    transform: translate(-4.0397vw, 58.792vh) scale(0.2049);
  }
  to {
    transform: translate(-1.2639vw, 100vh) scale(0.2049);
  }
}
.snow:nth-child(98) {
  opacity: 0.844;
  transform: translate(60.3387vw, -10px) scale(0.7886);
  animation: fall-98 14s -8s linear infinite;
}
@keyframes fall-98 {
  63.545% {
    transform: translate(57.229vw, 63.545vh) scale(0.7886);
  }
  to {
    transform: translate(58.78385vw, 100vh) scale(0.7886);
  }
}
.snow:nth-child(99) {
  opacity: 0.4026;
  transform: translate(5.0487vw, -10px) scale(0.385);
  animation: fall-99 30s -29s linear infinite;
}
@keyframes fall-99 {
  74.509% {
    transform: translate(4.6872vw, 74.509vh) scale(0.385);
  }
  to {
    transform: translate(4.86795vw, 100vh) scale(0.385);
  }
}
.snow:nth-child(100) {
  opacity: 0.8703;
  transform: translate(16.7025vw, -10px) scale(0.2114);
  animation: fall-100 10s -13s linear infinite;
}
@keyframes fall-100 {
  65.548% {
    transform: translate(6.9339vw, 65.548vh) scale(0.2114);
  }
  to {
    transform: translate(11.8182vw, 100vh) scale(0.2114);
  }
}
.snow:nth-child(101) {
  opacity: 0.1549;
  transform: translate(29.492vw, -10px) scale(0.7613);
  animation: fall-101 17s -4s linear infinite;
}
@keyframes fall-101 {
  56.133% {
    transform: translate(24.9192vw, 56.133vh) scale(0.7613);
  }
  to {
    transform: translate(27.2056vw, 100vh) scale(0.7613);
  }
}
.snow:nth-child(102) {
  opacity: 0.9083;
  transform: translate(38.8914vw, -10px) scale(0.6299);
  animation: fall-102 19s -4s linear infinite;
}
@keyframes fall-102 {
  77.02% {
    transform: translate(46.0932vw, 77.02vh) scale(0.6299);
  }
  to {
    transform: translate(42.4923vw, 100vh) scale(0.6299);
  }
}
.snow:nth-child(103) {
  opacity: 0.0339;
  transform: translate(6.141vw, -10px) scale(0.369);
  animation: fall-103 27s -26s linear infinite;
}
@keyframes fall-103 {
  73.344% {
    transform: translate(-3.5939vw, 73.344vh) scale(0.369);
  }
  to {
    transform: translate(1.27355vw, 100vh) scale(0.369);
  }
}
.snow:nth-child(104) {
  opacity: 0.4278;
  transform: translate(71.1103vw, -10px) scale(0.3795);
  animation: fall-104 18s -10s linear infinite;
}
@keyframes fall-104 {
  36.592% {
    transform: translate(65.8677vw, 36.592vh) scale(0.3795);
  }
  to {
    transform: translate(68.489vw, 100vh) scale(0.3795);
  }
}
.snow:nth-child(105) {
  opacity: 0.455;
  transform: translate(65.2131vw, -10px) scale(0.3861);
  animation: fall-105 27s -11s linear infinite;
}
@keyframes fall-105 {
  38.2% {
    transform: translate(55.6295vw, 38.2vh) scale(0.3861);
  }
  to {
    transform: translate(60.4213vw, 100vh) scale(0.3861);
  }
}
.snow:nth-child(106) {
  opacity: 0.6105;
  transform: translate(94.9613vw, -10px) scale(0.7966);
  animation: fall-106 18s -19s linear infinite;
}
@keyframes fall-106 {
  53.271% {
    transform: translate(93.2069vw, 53.271vh) scale(0.7966);
  }
  to {
    transform: translate(94.0841vw, 100vh) scale(0.7966);
  }
}
.snow:nth-child(107) {
  opacity: 0.2396;
  transform: translate(0.5151vw, -10px) scale(0.8294);
  animation: fall-107 20s -12s linear infinite;
}
@keyframes fall-107 {
  59.424% {
    transform: translate(0.0483vw, 59.424vh) scale(0.8294);
  }
  to {
    transform: translate(0.2817vw, 100vh) scale(0.8294);
  }
}
.snow:nth-child(108) {
  opacity: 0.5145;
  transform: translate(25.891vw, -10px) scale(0.9433);
  animation: fall-108 29s -6s linear infinite;
}
@keyframes fall-108 {
  61.457% {
    transform: translate(22.0343vw, 61.457vh) scale(0.9433);
  }
  to {
    transform: translate(23.96265vw, 100vh) scale(0.9433);
  }
}
.snow:nth-child(109) {
  opacity: 0.7924;
  transform: translate(31.0391vw, -10px) scale(0.5882);
  animation: fall-109 29s -17s linear infinite;
}
@keyframes fall-109 {
  76.934% {
    transform: translate(26.3803vw, 76.934vh) scale(0.5882);
  }
  to {
    transform: translate(28.7097vw, 100vh) scale(0.5882);
  }
}
.snow:nth-child(110) {
  opacity: 0.9252;
  transform: translate(2.5098vw, -10px) scale(0.0845);
  animation: fall-110 16s -19s linear infinite;
}
@keyframes fall-110 {
  58.131% {
    transform: translate(3.7345vw, 58.131vh) scale(0.0845);
  }
  to {
    transform: translate(3.12215vw, 100vh) scale(0.0845);
  }
}
.snow:nth-child(111) {
  opacity: 0.4534;
  transform: translate(90.0002vw, -10px) scale(0.8172);
  animation: fall-111 19s -9s linear infinite;
}
@keyframes fall-111 {
  76.437% {
    transform: translate(80.5358vw, 76.437vh) scale(0.8172);
  }
  to {
    transform: translate(85.268vw, 100vh) scale(0.8172);
  }
}
.snow:nth-child(112) {
  opacity: 0.2863;
  transform: translate(70.5074vw, -10px) scale(0.753);
  animation: fall-112 18s -13s linear infinite;
}
@keyframes fall-112 {
  56.71% {
    transform: translate(76.4589vw, 56.71vh) scale(0.753);
  }
  to {
    transform: translate(73.48315vw, 100vh) scale(0.753);
  }
}
.snow:nth-child(113) {
  opacity: 0.6006;
  transform: translate(99.0997vw, -10px) scale(0.0113);
  animation: fall-113 17s -28s linear infinite;
}
@keyframes fall-113 {
  67.12% {
    transform: translate(100.4711vw, 67.12vh) scale(0.0113);
  }
  to {
    transform: translate(99.7854vw, 100vh) scale(0.0113);
  }
}
.snow:nth-child(114) {
  opacity: 0.2852;
  transform: translate(8.5319vw, -10px) scale(0.5978);
  animation: fall-114 30s -5s linear infinite;
}
@keyframes fall-114 {
  67.266% {
    transform: translate(10.2191vw, 67.266vh) scale(0.5978);
  }
  to {
    transform: translate(9.3755vw, 100vh) scale(0.5978);
  }
}
.snow:nth-child(115) {
  opacity: 0.0137;
  transform: translate(70.8602vw, -10px) scale(0.3883);
  animation: fall-115 16s -15s linear infinite;
}
@keyframes fall-115 {
  41.86% {
    transform: translate(80.4569vw, 41.86vh) scale(0.3883);
  }
  to {
    transform: translate(75.65855vw, 100vh) scale(0.3883);
  }
}
.snow:nth-child(116) {
  opacity: 0.4907;
  transform: translate(20.4895vw, -10px) scale(0.7661);
  animation: fall-116 26s -1s linear infinite;
}
@keyframes fall-116 {
  73.585% {
    transform: translate(28.4837vw, 73.585vh) scale(0.7661);
  }
  to {
    transform: translate(24.4866vw, 100vh) scale(0.7661);
  }
}
.snow:nth-child(117) {
  opacity: 0.7228;
  transform: translate(39.1717vw, -10px) scale(0.6374);
  animation: fall-117 29s -22s linear infinite;
}
@keyframes fall-117 {
  40.975% {
    transform: translate(45.3156vw, 40.975vh) scale(0.6374);
  }
  to {
    transform: translate(42.24365vw, 100vh) scale(0.6374);
  }
}
.snow:nth-child(118) {
  opacity: 0.9473;
  transform: translate(48.5481vw, -10px) scale(0.4871);
  animation: fall-118 26s -26s linear infinite;
}
@keyframes fall-118 {
  77.708% {
    transform: translate(53.9183vw, 77.708vh) scale(0.4871);
  }
  to {
    transform: translate(51.2332vw, 100vh) scale(0.4871);
  }
}
.snow:nth-child(119) {
  opacity: 0.3291;
  transform: translate(45.0265vw, -10px) scale(0.2671);
  animation: fall-119 13s -4s linear infinite;
}
@keyframes fall-119 {
  72.987% {
    transform: translate(42.656vw, 72.987vh) scale(0.2671);
  }
  to {
    transform: translate(43.84125vw, 100vh) scale(0.2671);
  }
}
.snow:nth-child(120) {
  opacity: 0.2708;
  transform: translate(29.5256vw, -10px) scale(0.5364);
  animation: fall-120 12s -24s linear infinite;
}
@keyframes fall-120 {
  63.2% {
    transform: translate(33.567vw, 63.2vh) scale(0.5364);
  }
  to {
    transform: translate(31.5463vw, 100vh) scale(0.5364);
  }
}
.snow:nth-child(121) {
  opacity: 0.4499;
  transform: translate(40.9026vw, -10px) scale(0.7648);
  animation: fall-121 21s -2s linear infinite;
}
@keyframes fall-121 {
  58.794% {
    transform: translate(38.815vw, 58.794vh) scale(0.7648);
  }
  to {
    transform: translate(39.8588vw, 100vh) scale(0.7648);
  }
}
.snow:nth-child(122) {
  opacity: 0.6729;
  transform: translate(9.629vw, -10px) scale(0.4412);
  animation: fall-122 27s -3s linear infinite;
}
@keyframes fall-122 {
  46.603% {
    transform: translate(15.1169vw, 46.603vh) scale(0.4412);
  }
  to {
    transform: translate(12.37295vw, 100vh) scale(0.4412);
  }
}
.snow:nth-child(123) {
  opacity: 0.7758;
  transform: translate(84.6849vw, -10px) scale(0.9519);
  animation: fall-123  16s -7s linear infinite;
}
@keyframes fall-123 {
  31.03% {
    transform: translate(87.825vw, 31.03vh) scale(0.9519);
  }
  to {
    transform: translate(86.25495vw, 100vh) scale(0.9519);
  }
}
.snow:nth-child(124) {
  opacity: 0.4595;
  transform: translate(1.7037vw, -10px) scale(0.6057);
  animation: fall-124 26s -3s linear infinite;
}
@keyframes fall-124 {
  69.586% {
    transform: translate(0.1206vw, 69.586vh) scale(0.6057);
  }
  to {
    transform: translate(0.91215vw, 100vh) scale(0.6057);
  }
}
.snow:nth-child(125) {
  opacity: 0.5299;
  transform: translate(47.906vw, -10px) scale(0.1789);
  animation: fall-125 23s -18s linear infinite;
}
@keyframes fall-125 {
  62.15% {
    transform: translate(47.9267vw, 62.15vh) scale(0.1789);
  }
  to {
    transform: translate(47.91635vw, 100vh) scale(0.1789);
  }
}
.snow:nth-child(126) {
  opacity: 0.4098;
  transform: translate(84.6852vw, -10px) scale(0.4258);
  animation: fall-126 16s -15s linear infinite;
}
@keyframes fall-126 {
  77.422% {
    transform: translate(83.2325vw, 77.422vh) scale(0.4258);
  }
  to {
    transform: translate(83.95885vw, 100vh) scale(0.4258);
  }
}
.snow:nth-child(127) {
  opacity: 0.35;
  transform: translate(89.9318vw, -10px) scale(0.5921);
  animation: fall-127 17s -3s linear infinite;
}
@keyframes fall-127 {
  30.854% {
    transform: translate(83.9904vw, 30.854vh) scale(0.5921);
  }
  to {
    transform: translate(86.9611vw, 100vh) scale(0.5921);
  }
}
.snow:nth-child(128) {
  opacity: 0.971;
  transform: translate(73.8799vw, -10px) scale(0.4201);
  animation: fall-128 21s -16s linear infinite;
}
@keyframes fall-128 {
  77.9% {
    transform: translate(73.7329vw, 77.9vh) scale(0.4201);
  }
  to {
    transform: translate(73.8064vw, 100vh) scale(0.4201);
  }
}
.snow:nth-child(129) {
  opacity: 0.3498;
  transform: translate(69.515vw, -10px) scale(0.5127);
  animation: fall-129 29s -12s linear infinite;
}
@keyframes fall-129 {
  51.318% {
    transform: translate(71.0536vw, 51.318vh) scale(0.5127);
  }
  to {
    transform: translate(70.2843vw, 100vh) scale(0.5127);
  }
}
.snow:nth-child(130) {
  opacity: 0.5769;
  transform: translate(19.4294vw, -10px) scale(0.2422);
  animation: fall-130 27s -27s linear infinite;
}
@keyframes fall-130 {
  63.506% {
    transform: translate(19.1502vw, 63.506vh) scale(0.2422);
  }
  to {
    transform: translate(19.2898vw, 100vh) scale(0.2422);
  }
}
.snow:nth-child(131) {
  opacity: 0.3426;
  transform: translate(56.6363vw, -10px) scale(0.8502);
  animation: fall-131 19s -25s linear infinite;
}
@keyframes fall-131 {
  31.288% {
    transform: translate(48.026vw, 31.288vh) scale(0.8502);
  }
  to {
    transform: translate(52.33115vw, 100vh) scale(0.8502);
  }
}
.snow:nth-child(132) {
  opacity: 0.6669;
  transform: translate(32.7775vw, -10px) scale(0.6266);
  animation: fall-132 22s -22s linear infinite;
}
@keyframes fall-132 {
  43.859% {
    transform: translate(38.8026vw, 43.859vh) scale(0.6266);
  }
  to {
    transform: translate(35.79005vw, 100vh) scale(0.6266);
  }
}
.snow:nth-child(133) {
  opacity: 0.7481;
  transform: translate(76.1503vw, -10px) scale(0.4811);
  animation: fall-133 25s -22s linear infinite;
}
@keyframes fall-133 {
  35.087% {
    transform: translate(84.1838vw, 35.087vh) scale(0.4811);
  }
  to {
    transform: translate(80.16705vw, 100vh) scale(0.4811);
  }
}
.snow:nth-child(134) {
  opacity: 0.6073;
  transform: translate(90.7258vw, -10px) scale(0.3028);
  animation: fall-134 12s -24s linear infinite;
}
@keyframes fall-134 {
  65.395% {
    transform: translate(83.0733vw, 65.395vh) scale(0.3028);
  }
  to {
    transform: translate(86.89955vw, 100vh) scale(0.3028);
  }
}
.snow:nth-child(135) {
  opacity: 0.0297;
  transform: translate(31.1774vw, -10px) scale(0.5537);
  animation: fall-135 17s -24s linear infinite;
}
@keyframes fall-135 {
  73.755% {
    transform: translate(29.7269vw, 73.755vh) scale(0.5537);
  }
  to {
    transform: translate(30.45215vw, 100vh) scale(0.5537);
  }
}
.snow:nth-child(136) {
  opacity: 0.3979;
  transform: translate(1.7254vw, -10px) scale(0.8426);
  animation: fall-136 26s -2s linear infinite;
}
@keyframes fall-136 {
  55.272% {
    transform: translate(1.6537vw, 55.272vh) scale(0.8426);
  }
  to {
    transform: translate(1.68955vw, 100vh) scale(0.8426);
  }
}
.snow:nth-child(137) {
  opacity: 0.4749;
  transform: translate(90.0711vw, -10px) scale(0.9571);
  animation: fall-137 17s -13s linear infinite;
}
@keyframes fall-137 {
  41.218% {
    transform: translate(80.1709vw, 41.218vh) scale(0.9571);
  }
  to {
    transform: translate(85.121vw, 100vh) scale(0.9571);
  }
}
.snow:nth-child(138) {
  opacity: 0.7014;
  transform: translate(79.8128vw, -10px) scale(0.7066);
  animation: fall-138 27s -23s linear infinite;
}
@keyframes fall-138 {
  55.574% {
    transform: translate(77.9359vw, 55.574vh) scale(0.7066);
  }
  to {
    transform: translate(78.87435vw, 100vh) scale(0.7066);
  }
}
.snow:nth-child(139) {
  opacity: 0.8124;
  transform: translate(24.1292vw, -10px) scale(0.2593);
  animation: fall-139 21s -14s linear infinite;
}
@keyframes fall-139 {
  37.851% {
    transform: translate(30.634vw, 37.851vh) scale(0.2593);
  }
  to {
    transform: translate(27.3816vw, 100vh) scale(0.2593);
  }
}
.snow:nth-child(140) {
  opacity: 0.4924;
  transform: translate(76.3653vw, -10px) scale(0.5895);
  animation: fall-140 23s -5s linear infinite;
}
@keyframes fall-140 {
  60.306% {
    transform: translate(79.3424vw, 60.306vh) scale(0.5895);
  }
  to {
    transform: translate(77.85385vw, 100vh) scale(0.5895);
  }
}
.snow:nth-child(141) {
  opacity: 0.7331;
  transform: translate(9.8931vw, -10px) scale(0.4298);
  animation: fall-141 22s -15s linear infinite;
}
@keyframes fall-141 {
  58.775% {
    transform: translate(17.2998vw, 58.775vh) scale(0.4298);
  }
  to {
    transform: translate(13.59645vw, 100vh) scale(0.4298);
  }
}
.snow:nth-child(142) {
  opacity: 0.7537;
  transform: translate(59.1192vw, -10px) scale(0.7371);
  animation: fall-142 21s -16s linear infinite;
}
@keyframes fall-142 {
  53.431% {
    transform: translate(57.4343vw, 53.431vh) scale(0.7371);
  }
  to {
    transform: translate(58.27675vw, 100vh) scale(0.7371);
  }
}
.snow:nth-child(143) {
  opacity: 0.0114;
  transform: translate(14.9218vw, -10px) scale(0.3108);
  animation: fall-143 13s -10s linear infinite;
}
@keyframes fall-143 {
  32.852% {
    transform: translate(10.565vw, 32.852vh) scale(0.3108);
  }
  to {
    transform: translate(12.7434vw, 100vh) scale(0.3108);
  }
}
.snow:nth-child(144) {
  opacity: 0.5999;
  transform: translate(23.4412vw, -10px) scale(0.8134);
  animation: fall-144 14s -23s linear infinite;
}
@keyframes fall-144 {
  68.805% {
    transform: translate(32.4232vw, 68.805vh) scale(0.8134);
  }
  to {
    transform: translate(27.9322vw, 100vh) scale(0.8134);
  }
}
.snow:nth-child(145) {
  opacity: 0.9664;
  transform: translate(13.5637vw, -10px) scale(0.2705);
  animation: fall-145 25s -6s linear infinite;
}
@keyframes fall-145 {
  66.862% {
    transform: translate(10.7738vw, 66.862vh) scale(0.2705);
  }
  to {
    transform: translate(12.16875vw, 100vh) scale(0.2705);
  }
}
.snow:nth-child(146) {
  opacity: 0.9478;
  transform: translate(81.249vw, -10px) scale(0.1829);
  animation: fall-146 11s -15s linear infinite;
}
@keyframes fall-146 {
  41.843% {
    transform: translate(86.015vw, 41.843vh) scale(0.1829);
  }
  to {
    transform: translate(83.632vw, 100vh) scale(0.1829);
  }
}
.snow:nth-child(147) {
  opacity: 0.5871;
  transform: translate(63.2443vw, -10px) scale(0.8555);
  animation: fall-147 28s -15s linear infinite;
}
@keyframes fall-147 {
  36.771% {
    transform: translate(73.1312vw, 36.771vh) scale(0.8555);
  }
  to {
    transform: translate(68.18775vw, 100vh) scale(0.8555);
  }
}
.snow:nth-child(148) {
  opacity: 0.2291;
  transform: translate(39.3384vw, -10px) scale(0.0718);
  animation: fall-148 27s -18s linear infinite;
}
@keyframes fall-148 {
  75.267% {
    transform: translate(46.6104vw, 75.267vh) scale(0.0718);
  }
  to {
    transform: translate(42.9744vw, 100vh) scale(0.0718);
  }
}
.snow:nth-child(149) {
  opacity: 0.8235;
  transform: translate(34.5777vw, -10px) scale(0.4831);
  animation: fall-149 11s -12s linear infinite;
}
@keyframes fall-149 {
  35.124% {
    transform: translate(28.0358vw, 35.124vh) scale(0.4831);
  }
  to {
    transform: translate(31.30675vw, 100vh) scale(0.4831);
  }
}
.snow:nth-child(150) {
  opacity: 0.2516;
  transform: translate(30.6991vw, -10px) scale(0.3623);
  animation: fall-150 21s -9s linear infinite;
}
@keyframes fall-150 {
  34.346% {
    transform: translate(33.7264vw, 34.346vh) scale(0.3623);
  }
  to {
    transform: translate(32.21275vw, 100vh) scale(0.3623);
  }
}
.snow:nth-child(151) {
  opacity: 0.3908;
  transform: translate(46.1968vw, -10px) scale(0.9962);
  animation: fall-151 26s -23s linear infinite;
}
@keyframes fall-151 {
  50.772% {
    transform: translate(50.6943vw, 50.772vh) scale(0.9962);
  }
  to {
    transform: translate(48.44555vw, 100vh) scale(0.9962);
  }
}
.snow:nth-child(152) {
  opacity: 0.7411;
  transform: translate(30.2816vw, -10px) scale(0.6492);
  animation: fall-152 25s -21s linear infinite;
}
@keyframes fall-152 {
  74.02% {
    transform: translate(29.7959vw, 74.02vh) scale(0.6492);
  }
  to {
    transform: translate(30.03875vw, 100vh) scale(0.6492);
  }
}
.snow:nth-child(153) {
  opacity: 0.1756;
  transform: translate(59.0279vw, -10px) scale(0.1588);
  animation: fall-153 25s -5s linear infinite;
}
@keyframes fall-153 {
  46.722% {
    transform: translate(51.7725vw, 46.722vh) scale(0.1588);
  }
  to {
    transform: translate(55.4002vw, 100vh) scale(0.1588);
  }
}
.snow:nth-child(154) {
  opacity: 0.6612;
  transform: translate(1.1553vw, -10px) scale(0.6014);
  animation: fall-154 17s -3s linear infinite;
}
@keyframes fall-154 {
  62.271% {
    transform: translate(4.3865vw, 62.271vh) scale(0.6014);
  }
  to {
    transform: translate(2.7709vw, 100vh) scale(0.6014);
  }
}
.snow:nth-child(155) {
  opacity: 0.4794;
  transform: translate(0.9487vw, -10px) scale(0.2172);
  animation: fall-155 28s -8s linear infinite;
}
@keyframes fall-155 {
  67.961% {
    transform: translate(2.169vw, 67.961vh) scale(0.2172);
  }
  to {
    transform: translate(1.55885vw, 100vh) scale(0.2172);
  }
}
.snow:nth-child(156) {
  opacity: 0.186;
  transform: translate(11.1166vw, -10px) scale(0.175);
  animation: fall-156 15s -4s linear infinite;
}
@keyframes fall-156 {
  40.2% {
    transform: translate(13.5985vw, 40.2vh) scale(0.175);
  }
  to {
    transform: translate(12.35755vw, 100vh) scale(0.175);
  }
}
.snow:nth-child(157) {
  opacity: 0.2931;
  transform: translate(66.8758vw, -10px) scale(0.6874);
  animation: fall-157 14s -16s linear infinite;
}
@keyframes fall-157 {
  77.179% {
    transform: translate(58.3443vw, 77.179vh) scale(0.6874);
  }
  to {
    transform: translate(62.61005vw, 100vh) scale(0.6874);
  }
}
.snow:nth-child(158) {
  opacity: 0.7874;
  transform: translate(74.5142vw, -10px) scale(0.9725);
  animation: fall-158 25s -30s linear infinite;
}
@keyframes fall-158 {
  77.28% {
    transform: translate(78.3878vw, 77.28vh) scale(0.9725);
  }
  to {
    transform: translate(76.451vw, 100vh) scale(0.9725);
  }
}
.snow:nth-child(159) {
  opacity: 0.0015;
  transform: translate(87.7649vw, -10px) scale(0.8511);
  animation: fall-159 23s -29s linear infinite;
}
@keyframes fall-159 {
  33.243% {
    transform: translate(88.6194vw, 33.243vh) scale(0.8511);
  }
  to {
    transform: translate(88.19215vw, 100vh) scale(0.8511);
  }
}
.snow:nth-child(160) {
  opacity: 0.0676;
  transform: translate(31.5474vw, -10px) scale(0.7826);
  animation: fall-160 22s -15s linear infinite;
}
@keyframes fall-160 {
  65.59% {
    transform: translate(37.014vw, 65.59vh) scale(0.7826);
  }
  to {
    transform: translate(34.2807vw, 100vh) scale(0.7826);
  }
}
.snow:nth-child(161) {
  opacity: 0.6859;
  transform: translate(82.8177vw, -10px) scale(0.1251);
  animation: fall-161 19s -4s linear infinite;
}
@keyframes fall-161 {
  37.152% {
    transform: translate(83.4857vw, 37.152vh) scale(0.1251);
  }
  to {
    transform: translate(83.1517vw, 100vh) scale(0.1251);
  }
}
.snow:nth-child(162) {
  opacity: 0.879;
  transform: translate(40.2435vw, -10px) scale(0.5054);
  animation: fall-162 30s -7s linear infinite;
}
@keyframes fall-162 {
  45.469% {
    transform: translate(42.1927vw, 45.469vh) scale(0.5054);
  }
  to {
    transform: translate(41.2181vw, 100vh) scale(0.5054);
  }
}
.snow:nth-child(163) {
  opacity: 0.2679;
  transform: translate(45.9203vw, -10px) scale(0.8454);
  animation: fall-163 13s -30s linear infinite;
}
@keyframes fall-163 {
  33.807% {
    transform: translate(47.2427vw, 33.807vh) scale(0.8454);
  }
  to {
    transform: translate(46.5815vw, 100vh) scale(0.8454);
  }
}
.snow:nth-child(164) {
  opacity: 0.185;
  transform: translate(32.7692vw, -10px) scale(0.7565);
  animation: fall-164 28s -16s linear infinite;
}
@keyframes fall-164 {
  77.767% {
    transform: translate(29.5356vw, 77.767vh) scale(0.7565);
  }
  to {
    transform: translate(31.1524vw, 100vh) scale(0.7565);
  }
}
.snow:nth-child(165) {
  opacity: 0.3878;
  transform: translate(19.6998vw, -10px) scale(0.0891);
  animation: fall-165 24s -7s linear infinite;
}
@keyframes fall-165 {
  53.789% {
    transform: translate(20.8561vw, 53.789vh) scale(0.0891);
  }
  to {
    transform: translate(20.27795vw, 100vh) scale(0.0891);
  }
}
.snow:nth-child(166) {
  opacity: 0.2129;
  transform: translate(34.763vw, -10px) scale(0.7452);
  animation: fall-166 18s -12s linear infinite;
}
@keyframes fall-166 {
  33.504% {
    transform: translate(32.8423vw, 33.504vh) scale(0.7452);
  }
  to {
    transform: translate(33.80265vw, 100vh) scale(0.7452);
  }
}
.snow:nth-child(167) {
  opacity: 0.09;
  transform: translate(32.0515vw, -10px) scale(0.0576);
  animation: fall-167 29s -1s linear infinite;
}
@keyframes fall-167 {
  66.452% {
    transform: translate(27.4304vw, 66.452vh) scale(0.0576);
  }
  to {
    transform: translate(29.74095vw, 100vh) scale(0.0576);
  }
}
.snow:nth-child(168) {
  opacity: 0.9087;
  transform: translate(31.5557vw, -10px) scale(0.2002);
  animation: fall-168 28s -20s linear infinite;
}
@keyframes fall-168 {
  43.365% {
    transform: translate(24.797vw, 43.365vh) scale(0.2002);
  }
  to {
    transform: translate(28.17635vw, 100vh) scale(0.2002);
  }
}
.snow:nth-child(169) {
  opacity: 0.1765;
  transform: translate(75.4233vw, -10px) scale(0.6748);
  animation: fall-169 23s -29s linear infinite;
}
@keyframes fall-169 {
  45.53% {
    transform: translate(68.3107vw, 45.53vh) scale(0.6748);
  }
  to {
    transform: translate(71.867vw, 100vh) scale(0.6748);
  }
}
.snow:nth-child(170) {
  opacity: 0.1076;
  transform: translate(75.9008vw, -10px) scale(0.2449);
  animation: fall-170 15s -15s linear infinite;
}
@keyframes fall-170 {
  75.64% {
    transform: translate(82.1322vw, 75.64vh) scale(0.2449);
  }
  to {
    transform: translate(79.0165vw, 100vh) scale(0.2449);
  }
}
.snow:nth-child(171) {
  opacity: 0.43;
  transform: translate(94.562vw, -10px) scale(0.1005);
  animation: fall-171 19s -27s linear infinite;
}
@keyframes fall-171 {
  38.879% {
    transform: translate(88.3015vw, 38.879vh) scale(0.1005);
  }
  to {
    transform: translate(91.43175vw, 100vh) scale(0.1005);
  }
}
.snow:nth-child(172) {
  opacity: 0.7383;
  transform: translate(75.8233vw, -10px) scale(0.2887);
  animation: fall-172 30s -30s linear infinite;
}
@keyframes fall-172 {
  51.06% {
    transform: translate(84.9292vw, 51.06vh) scale(0.2887);
  }
  to {
    transform: translate(80.37625vw, 100vh) scale(0.2887);
  }
}
.snow:nth-child(173) {
  opacity: 0.3233;
  transform: translate(60.4556vw, -10px) scale(0.2094);
  animation: fall-173 14s -20s linear infinite;
}
@keyframes fall-173 {
  36.06% {
    transform: translate(65.5072vw, 36.06vh) scale(0.2094);
  }
  to {
    transform: translate(62.9814vw, 100vh) scale(0.2094);
  }
}
.snow:nth-child(174) {
  opacity: 0.9146;
  transform: translate(92.1268vw, -10px) scale(0.0901);
  animation: fall-174 29s -4s linear infinite;
}
@keyframes fall-174 {
  36.597% {
    transform: translate(91.1355vw, 36.597vh) scale(0.0901);
  }
  to {
    transform: translate(91.63115vw, 100vh) scale(0.0901);
  }
}
.snow:nth-child(175) {
  opacity: 0.229;
  transform: translate(16.733vw, -10px) scale(0.3039);
  animation: fall-175 27s -18s linear infinite;
}
@keyframes fall-175 {
  37.354% {
    transform: translate(16.3186vw, 37.354vh) scale(0.3039);
  }
  to {
    transform: translate(16.5258vw, 100vh) scale(0.3039);
  }
}
.snow:nth-child(176) {
  opacity: 0.5322;
  transform: translate(31.672vw, -10px) scale(0.2436);
  animation: fall-176 15s -27s linear infinite;
}
@keyframes fall-176 {
  75.1% {
    transform: translate(21.9397vw, 75.1vh) scale(0.2436);
  }
  to {
    transform: translate(26.80585vw, 100vh) scale(0.2436);
  }
}
.snow:nth-child(177) {
  opacity: 0.429;
  transform: translate(17.8668vw, -10px) scale(0.1007);
  animation: fall-177 28s -2s linear infinite;
}
@keyframes fall-177 {
  30.185% {
    transform: translate(21.1424vw, 30.185vh) scale(0.1007);
  }
  to {
    transform: translate(19.5046vw, 100vh) scale(0.1007);
  }
}
.snow:nth-child(178) {
  opacity: 0.2737;
  transform: translate(18.5439vw, -10px) scale(0.9217);
  animation: fall-178 25s -28s linear infinite;
}
@keyframes fall-178 {
  56.812% {
    transform: translate(24.5044vw, 56.812vh) scale(0.9217);
  }
  to {
    transform: translate(21.52415vw, 100vh) scale(0.9217);
  }
}
.snow:nth-child(179) {
  opacity: 0.0564;
  transform: translate(10.6403vw, -10px) scale(0.0132);
  animation: fall-179 17s -12s linear infinite;
}
@keyframes fall-179 {
  77.41% {
    transform: translate(20.1344vw, 77.41vh) scale(0.0132);
  }
  to {
    transform: translate(15.38735vw, 100vh) scale(0.0132);
  }
}
.snow:nth-child(180) {
  opacity: 0.4319;
  transform: translate(70.4041vw, -10px) scale(0.7444);
  animation: fall-180 17s -15s linear infinite;
}
@keyframes fall-180 {
  70.257% {
    transform: translate(66.2533vw, 70.257vh) scale(0.7444);
  }
  to {
    transform: translate(68.3287vw, 100vh) scale(0.7444);
  }
}
.snow:nth-child(181) {
  opacity: 0.6785;
  transform: translate(83.308vw, -10px) scale(0.1228);
  animation: fall-181 11s -2s linear infinite;
}
@keyframes fall-181 {
  66.252% {
    transform: translate(86.3614vw, 66.252vh) scale(0.1228);
  }
  to {
    transform: translate(84.8347vw, 100vh) scale(0.1228);
  }
}
.snow:nth-child(182) {
  opacity: 0.5236;
  transform: translate(39.0746vw, -10px) scale(0.8553);
  animation: fall-182 14s -16s linear infinite;
}
@keyframes fall-182 {
  54.291% {
    transform: translate(39.5359vw, 54.291vh) scale(0.8553);
  }
  to {
    transform: translate(39.30525vw, 100vh) scale(0.8553);
  }
}
.snow:nth-child(183) {
  opacity: 0.0392;
  transform: translate(36.9488vw, -10px) scale(0.3039);
  animation: fall-183 11s -12s linear infinite;
}
@keyframes fall-183 {
  31.307% {
    transform: translate(43.8349vw, 31.307vh) scale(0.3039);
  }
  to {
    transform: translate(40.39185vw, 100vh) scale(0.3039);
  }
}
.snow:nth-child(184) {
  opacity: 0.9495;
  transform: translate(26.8786vw, -10px) scale(0.3379);
  animation: fall-184 24s -11s linear infinite;
}
@keyframes fall-184 {
  47.135% {
    transform: translate(17.9304vw, 47.135vh) scale(0.3379);
  }
  to {
    transform: translate(22.4045vw, 100vh) scale(0.3379);
  }
}
.snow:nth-child(185) {
  opacity: 0.9565;
  transform: translate(2.2467vw, -10px) scale(0.7224);
  animation: fall-185 19s -7s linear infinite;
}
@keyframes fall-185 {
  67.496% {
    transform: translate(6.519vw, 67.496vh) scale(0.7224);
  }
  to {
    transform: translate(4.38285vw, 100vh) scale(0.7224);
  }
}
.snow:nth-child(186) {
  opacity: 0.2946;
  transform: translate(73.9641vw, -10px) scale(0.1922);
  animation: fall-186 22s -11s linear infinite;
}
@keyframes fall-186 {
  69.593% {
    transform: translate(83.6812vw, 69.593vh) scale(0.1922);
  }
  to {
    transform: translate(78.82265vw, 100vh) scale(0.1922);
  }
}
.snow:nth-child(187) {
  opacity: 0.3465;
  transform: translate(72.252vw, -10px) scale(0.2248);
  animation: fall-187 21s -26s linear infinite;
}
@keyframes fall-187 {
  53.351% {
    transform: translate(65.8926vw, 53.351vh) scale(0.2248);
  }
  to {
    transform: translate(69.0723vw, 100vh) scale(0.2248);
  }
}
.snow:nth-child(188) {
  opacity: 0.1122;
  transform: translate(46.9441vw, -10px) scale(0.5768);
  animation: fall-188 28s -2s linear infinite;
}
@keyframes fall-188 {
  57.937% {
    transform: translate(52.7207vw, 57.937vh) scale(0.5768);
  }
  to {
    transform: translate(49.8324vw, 100vh) scale(0.5768);
  }
}
.snow:nth-child(189) {
  opacity: 0.4174;
  transform: translate(81.9804vw, -10px) scale(0.7762);
  animation: fall-189 23s -14s linear infinite;
}
@keyframes fall-189 {
  79.381% {
    transform: translate(72.1101vw, 79.381vh) scale(0.7762);
  }
  to {
    transform: translate(77.04525vw, 100vh) scale(0.7762);
  }
}
.snow:nth-child(190) {
  opacity: 0.2409;
  transform: translate(99.1067vw, -10px) scale(0.7932);
  animation: fall-190 30s -26s linear infinite;
}
@keyframes fall-190 {
  55.806% {
    transform: translate(100.5218vw, 55.806vh) scale(0.7932);
  }
  to {
    transform: translate(99.81425vw, 100vh) scale(0.7932);
  }
}
.snow:nth-child(191) {
  opacity: 0.7655;
  transform: translate(46.6881vw, -10px) scale(0.8296);
  animation: fall-191 11s -4s linear infinite;
}
@keyframes fall-191 {
  67.574% {
    transform: translate(55.1693vw, 67.574vh) scale(0.8296);
  }
  to {
    transform: translate(50.9287vw, 100vh) scale(0.8296);
  }
}
.snow:nth-child(192) {
  opacity: 0.5636;
  transform: translate(71.4459vw, -10px) scale(0.6303);
  animation: fall-192 27s -13s linear infinite;
}
@keyframes fall-192 {
  55.21% {
    transform: translate(65.3968vw, 55.21vh) scale(0.6303);
  }
  to {
    transform: translate(68.42135vw, 100vh) scale(0.6303);
  }
}
.snow:nth-child(193) {
  opacity: 0.3312;
  transform: translate(16.8598vw, -10px) scale(0.6644);
  animation: fall-193 27s -6s linear infinite;
}
@keyframes fall-193 {
  34.351% {
    transform: translate(9.754vw, 34.351vh) scale(0.6644);
  }
  to {
    transform: translate(13.3069vw, 100vh) scale(0.6644);
  }
}
.snow:nth-child(194) {
  opacity: 0.9417;
  transform: translate(3.3896vw, -10px) scale(0.7974);
  animation: fall-194 18s -24s linear infinite;
}
@keyframes fall-194 {
  34.388% {
    transform: translate(3.528vw, 34.388vh) scale(0.7974);
  }
  to {
    transform: translate(3.4588vw, 100vh) scale(0.7974);
  }
}
.snow:nth-child(195) {
  opacity: 0.5922;
  transform: translate(34.6902vw, -10px) scale(0.7034);
  animation: fall-195 21s -15s linear infinite;
}
@keyframes fall-195 {
  55.759% {
    transform: translate(33.6226vw, 55.759vh) scale(0.7034);
  }
  to {
    transform: translate(34.1564vw, 100vh) scale(0.7034);
  }
}
.snow:nth-child(196) {
  opacity: 0.5735;
  transform: translate(26.2924vw, -10px) scale(0.0537);
  animation: fall-196 23s -12s linear infinite;
}
@keyframes fall-196 {
  31.481% {
    transform: translate(20.9715vw, 31.481vh) scale(0.0537);
  }
  to {
    transform: translate(23.63195vw, 100vh) scale(0.0537);
  }
}
.snow:nth-child(197) {
  opacity: 0.8651;
  transform: translate(63.9911vw, -10px) scale(0.4026);
  animation: fall-197 22s -16s linear infinite;
}
@keyframes fall-197 {
  52.166% {
    transform: translate(69.1064vw, 52.166vh) scale(0.4026);
  }
  to {
    transform: translate(66.54875vw, 100vh) scale(0.4026);
  }
}
.snow:nth-child(198) {
  opacity: 0.97;
  transform: translate(5.5165vw, -10px) scale(0.912);
  animation: fall-198 24s -27s linear infinite;
}
@keyframes fall-198 {
  40.276% {
    transform: translate(8.1331vw, 40.276vh) scale(0.912);
  }
  to {
    transform: translate(6.8248vw, 100vh) scale(0.912);
  }
}
.snow:nth-child(199) {
  opacity: 0.0117;
  transform: translate(34.9779vw, -10px) scale(0.7212);
  animation: fall-199 13s -18s linear infinite;
}
@keyframes fall-199 {
  45.146% {
    transform: translate(26.7619vw, 45.146vh) scale(0.7212);
  }
  to {
    transform: translate(30.8699vw, 100vh) scale(0.7212);
  }
}
.snow:nth-child(200) {
  opacity: 0.87;
  transform: translate(76.0955vw, -10px) scale(0.7757);
  animation: fall-200 27s -27s linear infinite;
}
@keyframes fall-200 {
  52.428% {
    transform: translate(85.3271vw, 52.428vh) scale(0.7757);
  }
  to {
    transform: translate(80.7113vw, 100vh) scale(0.7757);
  }
}