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

.snow:nth-child(1) {
  opacity: 0.6064;
  transform: translate(56.5936vw, -10px) scale(0.8606);
  animation: fall-1 4s -5s linear infinite;
}

@keyframes fall-1 {
  34.585% {
    transform: translate(57.9903vw, 34.585vh) scale(0.8606);
  }

  to {
    transform: translate(57.29195vw, 100vh) scale(0.8606);
  }
}

.snow:nth-child(2) {
  opacity: 0.0623;
  transform: translate(38.6106vw, -10px) scale(0.8882);
  animation: fall-2 5s -15s linear infinite;
}

@keyframes fall-2 {
  70.443% {
    transform: translate(37.0175vw, 70.443vh) scale(0.8882);
  }

  to {
    transform: translate(37.81405vw, 100vh) scale(0.8882);
  }
}

.snow:nth-child(3) {
  opacity: 0.7242;
  transform: translate(18.1453vw, -10px) scale(0.9984);
  animation: fall-3 6s -6s linear infinite;
}

@keyframes fall-3 {
  71.78% {
    transform: translate(22.1161vw, 71.78vh) scale(0.9984);
  }

  to {
    transform: translate(20.1307vw, 100vh) scale(0.9984);
  }
}

.snow:nth-child(4) {
  opacity: 0.7166;
  transform: translate(59.7326vw, -10px) scale(0.1543);
  animation: fall-4 7s -12s linear infinite;
}

@keyframes fall-4 {
  73% {
    transform: translate(51.3509vw, 73vh) scale(0.1543);
  }

  to {
    transform: translate(55.54175vw, 100vh) scale(0.1543);
  }
}

.snow:nth-child(5) {
  opacity: 0.4818;
  transform: translate(47.3488vw, -10px) scale(0.1122);
  animation: fall-5 8s -10s linear infinite;
}

@keyframes fall-5 {
  38.705% {
    transform: translate(42.8013vw, 38.705vh) scale(0.1122);
  }

  to {
    transform: translate(45.07505vw, 100vh) scale(0.1122);
  }
}

.snow:nth-child(6) {
  opacity: 0.6966;
  transform: translate(42.0968vw, -10px) scale(0.2105);
  animation: fall-6 6s -7s linear infinite;
}

@keyframes fall-6 {
  57.687% {
    transform: translate(45.8295vw, 57.687vh) scale(0.2105);
  }

  to {
    transform: translate(45.96315vw, 100vh) scale(0.2105);
  }
}

.snow:nth-child(7) {
  opacity: 0.1583;
  transform: translate(30.6433vw, -10px) scale(0.733);
  animation: fall-7 5s -15s linear infinite;
}

@keyframes fall-7 {
  32.969% {
    transform: translate(22.2786vw, 32.969vh) scale(0.733);
  }

  to {
    transform: translate(26.46095vw, 100vh) scale(0.733);
  }
}

.snow:nth-child(8) {
  opacity: 0.581;
  transform: translate(11.9714vw, -10px) scale(0.9446);
  animation: fall-8 4s -16s linear infinite;
}

@keyframes fall-8 {
  50.353% {
    transform: translate(6.2107vw, 50.353vh) scale(0.9446);
  }

  to {
    transform: translate(9.09105vw, 100vh) scale(0.9446);
  }
}

.snow:nth-child(9) {
  opacity: 0.5241;
  transform: translate(75.6951vw, -10px) scale(0.0875);
  animation: fall-9 4s -7s linear infinite;
}

@keyframes fall-9 {
  57.565% {
    transform: translate(74.2251vw, 57.565vh) scale(0.0875);
  }

  to {
    transform: translate(77.9601vw, 100vh) scale(0.0875);
  }
}

.snow:nth-child(10) {
  opacity: 0.5241;
  transform: translate(64.6951vw, -10px) scale(0.0875);
  animation: fall-10 4s -8s linear infinite;
}

@keyframes fall-10 {
  57.565% {
    transform: translate(74.2251vw, 57.565vh) scale(0.0875);
  }

  to {
    transform: translate(77.9601vw, 100vh) scale(0.0875);
  }
}