.snow {
  position: fixed;
  width: 30px;
  height: 30px;
  background-color: rgba(255, 255, 255, 0.00);
  border-radius: 50%;
  background-image: url(../../icons/svg/pngwing.com_1.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  z-index: -1;
  left: 0;
}

.snow:nth-child(1) {
  opacity: 0.5768;
  transform: translate(82.3994vw, -10px) scale(0.8611);
  animation: fall-1 23s -25s linear infinite;
}

@keyframes fall-1 {
  70.834% {
    transform: translate(77.1064vw, 70.834vh) scale(0.8611) rotate(0deg);
  }

  to {
    transform: translate(79.7529vw, 100vh) scale(0.8611) rotate(360deg);
  }
}

.snow:nth-child(2) {
  opacity: 0.9156;
  transform: translate(16.3133vw, -10px) scale(0.9255);
  animation: fall-2 26s -1s linear infinite;
}

@keyframes fall-2 {
  71.848% {
    transform: translate(6.8041vw, 71.848vh) scale(0.9255) rotate(0deg);
  }

  to {
    transform: translate(11.5587vw, 100vh) scale(0.9255) rotate(360deg);
  }
}

.snow:nth-child(3) {
  opacity: 0.9519;
  transform: translate(66.2162vw, -10px) scale(0.7668);
  animation: fall-3 30s -1s linear infinite;
}

@keyframes fall-3 {
  66.118% {
    transform: translate(62.5035vw, 66.118vh) scale(0.7668) rotate(0deg);
  }

  to {
    transform: translate(64.35985vw, 100vh) scale(0.7668) rotate(360deg);
  }
}

.snow:nth-child(4) {
  opacity: 0.5515;
  transform: translate(41.1739vw, -10px) scale(0.2355);
  animation: fall-4 10s -27s linear infinite;
}

@keyframes fall-4 {
  46.835% {
    transform: translate(36.6827vw, 46.835vh) scale(0.2355) rotate(0deg);
  }

  to {
    transform: translate(38.9283vw, 100vh) scale(0.2355) rotate(360deg);
  }
}

.snow:nth-child(5) {
  opacity: 0.7702;
  transform: translate(59.3339vw, -10px) scale(0.4571);
  animation: fall-5 29s -3s linear infinite;
}

@keyframes fall-5 {
  36.019% {
    transform: translate(60.0096vw, 36.019vh) scale(0.4571) rotate(0deg);
  }

  to {
    transform: translate(59.67175vw, 100vh) scale(0.4571) rotate(360deg);
  }
}

.snow:nth-child(6) {
  opacity: 0.3585;
  transform: translate(14.203vw, -10px) scale(0.1191);
  animation: fall-6 29s -19s linear infinite;
}

@keyframes fall-6 {
  73.379% {
    transform: translate(24.1871vw, 73.379vh) scale(0.1191) rotate(0deg);
  }

  to {
    transform: translate(19.19505vw, 100vh) scale(0.1191) rotate(360deg);
  }
}

.snow:nth-child(7) {
  opacity: 0.507;
  transform: translate(66.5399vw, -10px) scale(0.3227);
  animation: fall-7 29s -2s linear infinite;
}

@keyframes fall-7 {
  52.257% {
    transform: translate(68.3812vw, 52.257vh) scale(0.3227) rotate(0deg);
  }

  to {
    transform: translate(67.46055vw, 100vh) scale(0.3227) rotate(360deg);
  }
}

.snow:nth-child(8) {
  opacity: 0.9986;
  transform: translate(44.9471vw, -10px) scale(0.6198);
  animation: fall-8 26s -21s linear infinite;
}

@keyframes fall-8 {
  50.554% {
    transform: translate(49.0862vw, 50.554vh) scale(0.6198) rotate(0deg);
  }

  to {
    transform: translate(47.01665vw, 100vh) scale(0.6198) rotate(360deg);
  }
}

.snow:nth-child(9) {
  opacity: 0.6891;
  transform: translate(48.8339vw, -10px) scale(0.3515);
  animation: fall-9 30s -16s linear infinite;
}

@keyframes fall-9 {
  46.077% {
    transform: translate(52.5609vw, 46.077vh) scale(0.3515) rotate(0deg);
  }

  to {
    transform: translate(50.6974vw, 100vh) scale(0.3515) rotate(360deg);
  }
}

.snow:nth-child(10) {
  opacity: 0.7893;
  transform: translate(27.5489vw, -10px) scale(0.9392);
  animation: fall-10 19s -22s linear infinite;
}

@keyframes fall-10 {
  40.571% {
    transform: translate(34.6095vw, 40.571vh) scale(0.9392) rotate(0deg);
  }

  to {
    transform: translate(31.0792vw, 100vh) scale(0.9392) rotate(360deg);
  }
}

.snow:nth-child(11) {
  opacity: 0.2212;
  transform: translate(22.9485vw, -10px) scale(0.7985);
  animation: fall-11 23s -12s linear infinite;
}

@keyframes fall-11 {
  42.228% {
    transform: translate(19.9019vw, 42.228vh) scale(0.7985) rotate(0deg);
  }

  to {
    transform: translate(21.4252vw, 100vh) scale(0.7985) rotate(360deg);
  }
}

.snow:nth-child(12) {
  opacity: 0.0104;
  transform: translate(24.7805vw, -10px) scale(0.1083);
  animation: fall-12 14s -16s linear infinite;
}

@keyframes fall-12 {
  50.229% {
    transform: translate(17.5838vw, 50.229vh) scale(0.1083) rotate(0deg);
  }

  to {
    transform: translate(21.18215vw, 100vh) scale(0.1083) rotate(360deg);
  }
}

.snow:nth-child(13) {
  opacity: 0.3156;
  transform: translate(61.0883vw, -10px) scale(0.6865);
  animation: fall-13 30s -25s linear infinite;
}

@keyframes fall-13 {
  52.44% {
    transform: translate(54.9776vw, 52.44vh) scale(0.6865);
  }

  to {
    transform: translate(58.03295vw, 100vh) scale(0.6865);
  }
}

.snow:nth-child(14) {
  opacity: 0.4531;
  transform: translate(34.473vw, -10px) scale(0.0246);
  animation: fall-14 22s -23s linear infinite;
}

@keyframes fall-14 {
  42.502% {
    transform: translate(33.424vw, 42.502vh) scale(0.0246);
  }

  to {
    transform: translate(33.9485vw, 100vh) scale(0.0246);
  }
}

.snow:nth-child(15) {
  opacity: 0.0881;
  transform: translate(22.0873vw, -10px) scale(0.1595);
  animation: fall-15 12s -5s linear infinite;
}

@keyframes fall-15 {
  44.446% {
    transform: translate(29.4793vw, 44.446vh) scale(0.1595);
  }

  to {
    transform: translate(25.7833vw, 100vh) scale(0.1595);
  }
}

.snow:nth-child(16) {
  opacity: 0.4593;
  transform: translate(83.0361vw, -10px) scale(0.1479);
  animation: fall-16 15s -26s linear infinite;
}

@keyframes fall-16 {
  73.522% {
    transform: translate(84.6584vw, 73.522vh) scale(0.1479);
  }

  to {
    transform: translate(83.84725vw, 100vh) scale(0.1479);
  }
}

.snow:nth-child(17) {
  opacity: 0.0518;
  transform: translate(41.2563vw, -10px) scale(0.9129);
  animation: fall-17 21s -26s linear infinite;
}

@keyframes fall-17 {
  68.451% {
    transform: translate(50.4213vw, 68.451vh) scale(0.9129);
  }

  to {
    transform: translate(45.8388vw, 100vh) scale(0.9129);
  }
}

.snow:nth-child(18) {
  opacity: 0.0709;
  transform: translate(46.5869vw, -10px) scale(0.0117);
  animation: fall-18 24s -19s linear infinite;
}

@keyframes fall-18 {
  55.875% {
    transform: translate(37.8108vw, 55.875vh) scale(0.0117);
  }

  to {
    transform: translate(42.19885vw, 100vh) scale(0.0117);
  }
}

.snow:nth-child(19) {
  opacity: 0.4253;
  transform: translate(32.25vw, -10px) scale(0.1453);
  animation: fall-19 19s -29s linear infinite;
}

@keyframes fall-19 {
  76.943% {
    transform: translate(32.2425vw, 76.943vh) scale(0.1453);
  }

  to {
    transform: translate(32.24625vw, 100vh) scale(0.1453);
  }
}

.snow:nth-child(20) {
  opacity: 0.0593;
  transform: translate(58.2112vw, -10px) scale(0.303);
  animation: fall-20 23s -8s linear infinite;
}

@keyframes fall-20 {
  58.252% {
    transform: translate(52.6493vw, 58.252vh) scale(0.303);
  }

  to {
    transform: translate(55.43025vw, 100vh) scale(0.303);
  }
}

.snow:nth-child(21) {
  opacity: 0.7384;
  transform: translate(35.2236vw, -10px) scale(0.8187);
  animation: fall-21 18s -26s linear infinite;
}

@keyframes fall-21 {
  65.706% {
    transform: translate(34.0829vw, 65.706vh) scale(0.8187);
  }

  to {
    transform: translate(34.65325vw, 100vh) scale(0.8187);
  }
}

.snow:nth-child(22) {
  opacity: 0.4603;
  transform: translate(43.0976vw, -10px) scale(0.1116);
  animation: fall-22 27s -22s linear infinite;
}

@keyframes fall-22 {
  65.053% {
    transform: translate(50.7096vw, 65.053vh) scale(0.1116);
  }

  to {
    transform: translate(46.9036vw, 100vh) scale(0.1116);
  }
}

.snow:nth-child(23) {
  opacity: 0.5004;
  transform: translate(63.7908vw, -10px) scale(0.0361);
  animation: fall-23 23s -15s linear infinite;
}

@keyframes fall-23 {
  42.077% {
    transform: translate(64.017vw, 42.077vh) scale(0.0361);
  }

  to {
    transform: translate(63.9039vw, 100vh) scale(0.0361);
  }
}

.snow:nth-child(24) {
  opacity: 0.9882;
  transform: translate(58.8912vw, -10px) scale(0.7449);
  animation: fall-24 27s -26s linear infinite;
}

@keyframes fall-24 {
  49.504% {
    transform: translate(56.6664vw, 49.504vh) scale(0.7449);
  }

  to {
    transform: translate(57.7788vw, 100vh) scale(0.7449);
  }
}

.snow:nth-child(25) {
  opacity: 0.9512;
  transform: translate(4.5985vw, -10px) scale(0.0343);
  animation: fall-25 27s -22s linear infinite;
}

@keyframes fall-25 {
  73.609% {
    transform: translate(-4.9436vw, 73.609vh) scale(0.0343);
  }

  to {
    transform: translate(-0.17255vw, 100vh) scale(0.0343);
  }
}

.snow:nth-child(26) {
  opacity: 0.2388;
  transform: translate(25.3037vw, -10px) scale(0.5179);
  animation: fall-26 13s -29s linear infinite;
}

@keyframes fall-26 {
  54.883% {
    transform: translate(19.6466vw, 54.883vh) scale(0.5179);
  }

  to {
    transform: translate(22.47515vw, 100vh) scale(0.5179);
  }
}

.snow:nth-child(27) {
  opacity: 0.3391;
  transform: translate(45.8046vw, -10px) scale(0.4431);
  animation: fall-27 10s -26s linear infinite;
}

@keyframes fall-27 {
  54.517% {
    transform: translate(49.4905vw, 54.517vh) scale(0.4431);
  }

  to {
    transform: translate(47.64755vw, 100vh) scale(0.4431);
  }
}

.snow:nth-child(28) {
  opacity: 0.2362;
  transform: translate(41.9458vw, -10px) scale(0.3231);
  animation: fall-28 29s -25s linear infinite;
}

@keyframes fall-28 {
  39.623% {
    transform: translate(45.0196vw, 39.623vh) scale(0.3231);
  }

  to {
    transform: translate(43.4827vw, 100vh) scale(0.3231);
  }
}

.snow:nth-child(29) {
  opacity: 0.2621;
  transform: translate(33.3037vw, -10px) scale(0.3733);
  animation: fall-29 16s -15s linear infinite;
}

@keyframes fall-29 {
  67.713% {
    transform: translate(39.3184vw, 67.713vh) scale(0.3733);
  }

  to {
    transform: translate(36.31105vw, 100vh) scale(0.3733);
  }
}

.snow:nth-child(30) {
  opacity: 0.5236;
  transform: translate(29.5156vw, -10px) scale(0.2515);
  animation: fall-30 18s -10s linear infinite;
}

@keyframes fall-30 {
  63.141% {
    transform: translate(29.7639vw, 63.141vh) scale(0.2515);
  }

  to {
    transform: translate(26.31105vw, 100vh) scale(0.3735);
  }
}