#bannersnavidad {
  z-index: 1;
  min-height: 300px;
}
#bannersnavidad.fondonavidad {
  background-position: center top;
  background-repeat: no-repeat;
  min-height: 714px;
  background-color: #5aabce;
  background-image: url(../img/bannernavidad2017/backgroundsnow.png);
  background-position: bottom left;
  background-repeat: repeat-x;
  overflow: hidden;
  z-index: 2;
  /* small devices (tablets, 768px and up) */
  /* medium devices (tablets, 768px and up) */
}
#bannersnavidad.fondonavidad #bannernavidadgente {
  background-image: url(../img/bannernavidad2017/navidad17.png);
  background-position: center 60px;
  background-repeat: no-repeat;
  background-size: 1281px 663px;
  width: 100%;
  height: 714px;
}
@media (max-width: 768px) {
  #bannersnavidad.fondonavidad {
    min-height: 100%;
  }
  #bannersnavidad.fondonavidad #bannernavidadgente {
    height: 405px;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 405px auto;
  }
}
@media (max-width: 768px) {
  #bannersnavidad.fondonavidad {
    min-height: 100%;
  }
}

.snow {
  position: absolute;
  width: 10px;
  height: 10px;
  background: #ffffff;
  border-radius: 50%;
}
.snow:nth-child(1) {
  opacity: 0.1537;
  transform: translate(37.6618vw, -10px) scale(0.6576);
  animation: fall-1 10s -15s linear infinite;
}
@keyframes fall-1 {
  72.395% {
    transform: translate(45.187vw, 72.395vh) scale(0.6576);
  }
  to {
    transform: translate(41.4244vw, 100vh) scale(0.6576);
  }
}
.snow:nth-child(2) {
  opacity: 0.0152;
  transform: translate(98.6917vw, -10px) scale(0.6119);
  animation: fall-2 13s -13s linear infinite;
}
@keyframes fall-2 {
  38.51% {
    transform: translate(95.2702vw, 38.51vh) scale(0.6119);
  }
  to {
    transform: translate(96.98095vw, 100vh) scale(0.6119);
  }
}
.snow:nth-child(3) {
  opacity: 0.7806;
  transform: translate(22.8114vw, -10px) scale(0.3264);
  animation: fall-3 18s -4s linear infinite;
}
@keyframes fall-3 {
  30.988% {
    transform: translate(15.5771vw, 30.988vh) scale(0.3264);
  }
  to {
    transform: translate(19.19425vw, 100vh) scale(0.3264);
  }
}
.snow:nth-child(4) {
  opacity: 0.1637;
  transform: translate(83.3569vw, -10px) scale(0.6863);
  animation: fall-4 19s -2s linear infinite;
}
@keyframes fall-4 {
  72.026% {
    transform: translate(77.3362vw, 72.026vh) scale(0.6863);
  }
  to {
    transform: translate(80.34655vw, 100vh) scale(0.6863);
  }
}
.snow:nth-child(5) {
  opacity: 0.6668;
  transform: translate(57.1092vw, -10px) scale(0.3799);
  animation: fall-5 17s -9s linear infinite;
}
@keyframes fall-5 {
  45.115% {
    transform: translate(58.7474vw, 45.115vh) scale(0.3799);
  }
  to {
    transform: translate(57.9283vw, 100vh) scale(0.3799);
  }
}
.snow:nth-child(6) {
  opacity: 0.3208;
  transform: translate(70.2979vw, -10px) scale(0.2885);
  animation: fall-6 10s -9s linear infinite;
}
@keyframes fall-6 {
  48.274% {
    transform: translate(78.3693vw, 48.274vh) scale(0.2885);
  }
  to {
    transform: translate(74.3336vw, 100vh) scale(0.2885);
  }
}
.snow:nth-child(7) {
  opacity: 0.4135;
  transform: translate(10.5148vw, -10px) scale(0.0262);
  animation: fall-7 10s -21s linear infinite;
}
@keyframes fall-7 {
  34.243% {
    transform: translate(16.9647vw, 34.243vh) scale(0.0262);
  }
  to {
    transform: translate(13.73975vw, 100vh) scale(0.0262);
  }
}
.snow:nth-child(8) {
  opacity: 0.2941;
  transform: translate(98.7516vw, -10px) scale(0.2868);
  animation: fall-8 15s -6s linear infinite;
}
@keyframes fall-8 {
  57.842% {
    transform: translate(98.5108vw, 57.842vh) scale(0.2868);
  }
  to {
    transform: translate(98.6312vw, 100vh) scale(0.2868);
  }
}
.snow:nth-child(9) {
  opacity: 0.7283;
  transform: translate(27.0369vw, -10px) scale(0.6293);
  animation: fall-9 12s -13s linear infinite;
}
@keyframes fall-9 {
  70.576% {
    transform: translate(26.1737vw, 70.576vh) scale(0.6293);
  }
  to {
    transform: translate(26.6053vw, 100vh) scale(0.6293);
  }
}
.snow:nth-child(10) {
  opacity: 0.7557;
  transform: translate(39.4962vw, -10px) scale(0.0222);
  animation: fall-10 20s -1s linear infinite;
}
@keyframes fall-10 {
  33.426% {
    transform: translate(41.1361vw, 33.426vh) scale(0.0222);
  }
  to {
    transform: translate(40.31615vw, 100vh) scale(0.0222);
  }
}
.snow:nth-child(11) {
  opacity: 0.0225;
  transform: translate(6.751vw, -10px) scale(0.1274);
  animation: fall-11 17s -28s linear infinite;
}
@keyframes fall-11 {
  56.791% {
    transform: translate(5.6654vw, 56.791vh) scale(0.1274);
  }
  to {
    transform: translate(6.2082vw, 100vh) scale(0.1274);
  }
}
.snow:nth-child(12) {
  opacity: 0.9179;
  transform: translate(54.8702vw, -10px) scale(0.2701);
  animation: fall-12 13s -17s linear infinite;
}
@keyframes fall-12 {
  50.008% {
    transform: translate(53.7641vw, 50.008vh) scale(0.2701);
  }
  to {
    transform: translate(54.31715vw, 100vh) scale(0.2701);
  }
}
.snow:nth-child(13) {
  opacity: 0.574;
  transform: translate(56.3809vw, -10px) scale(0.2018);
  animation: fall-13 15s -19s linear infinite;
}
@keyframes fall-13 {
  45.17% {
    transform: translate(46.9755vw, 45.17vh) scale(0.2018);
  }
  to {
    transform: translate(51.6782vw, 100vh) scale(0.2018);
  }
}
.snow:nth-child(14) {
  opacity: 0.7822;
  transform: translate(92.3216vw, -10px) scale(0.1885);
  animation: fall-14 18s -28s linear infinite;
}
@keyframes fall-14 {
  49.305% {
    transform: translate(98.5166vw, 49.305vh) scale(0.1885);
  }
  to {
    transform: translate(95.4191vw, 100vh) scale(0.1885);
  }
}
.snow:nth-child(15) {
  opacity: 0.0286;
  transform: translate(18.8027vw, -10px) scale(0.8311);
  animation: fall-15 19s -17s linear infinite;
}
@keyframes fall-15 {
  40.671% {
    transform: translate(22.8989vw, 40.671vh) scale(0.8311);
  }
  to {
    transform: translate(20.8508vw, 100vh) scale(0.8311);
  }
}
.snow:nth-child(16) {
  opacity: 0.5222;
  transform: translate(89.0633vw, -10px) scale(0.8306);
  animation: fall-16 10s -27s linear infinite;
}
@keyframes fall-16 {
  53.714% {
    transform: translate(94.4458vw, 53.714vh) scale(0.8306);
  }
  to {
    transform: translate(91.75455vw, 100vh) scale(0.8306);
  }
}
.snow:nth-child(17) {
  opacity: 0.9194;
  transform: translate(76.5837vw, -10px) scale(0.1625);
  animation: fall-17 10s -16s linear infinite;
}
@keyframes fall-17 {
  68.676% {
    transform: translate(73.5265vw, 68.676vh) scale(0.1625);
  }
  to {
    transform: translate(75.0551vw, 100vh) scale(0.1625);
  }
}
.snow:nth-child(18) {
  opacity: 0.984;
  transform: translate(51.507vw, -10px) scale(0.0397);
  animation: fall-18 19s -10s linear infinite;
}
@keyframes fall-18 {
  78.883% {
    transform: translate(57.683vw, 78.883vh) scale(0.0397);
  }
  to {
    transform: translate(54.595vw, 100vh) scale(0.0397);
  }
}
.snow:nth-child(19) {
  opacity: 0.0836;
  transform: translate(10.2458vw, -10px) scale(0.0355);
  animation: fall-19 10s -29s linear infinite;
}
@keyframes fall-19 {
  71.158% {
    transform: translate(11.4078vw, 71.158vh) scale(0.0355);
  }
  to {
    transform: translate(10.8268vw, 100vh) scale(0.0355);
  }
}
.snow:nth-child(20) {
  opacity: 0.6188;
  transform: translate(84.2977vw, -10px) scale(0.5089);
  animation: fall-20 14s -26s linear infinite;
}
@keyframes fall-20 {
  31.217% {
    transform: translate(92.8327vw, 31.217vh) scale(0.5089);
  }
  to {
    transform: translate(88.5652vw, 100vh) scale(0.5089);
  }
}
.snow:nth-child(21) {
  opacity: 0.4939;
  transform: translate(42.935vw, -10px) scale(0.8951);
  animation: fall-21 16s -26s linear infinite;
}
@keyframes fall-21 {
  75.791% {
    transform: translate(40.632vw, 75.791vh) scale(0.8951);
  }
  to {
    transform: translate(41.7835vw, 100vh) scale(0.8951);
  }
}
.snow:nth-child(22) {
  opacity: 0.3596;
  transform: translate(36.1248vw, -10px) scale(0.5475);
  animation: fall-22 18s -17s linear infinite;
}
@keyframes fall-22 {
  54.491% {
    transform: translate(38.3461vw, 54.491vh) scale(0.5475);
  }
  to {
    transform: translate(37.23545vw, 100vh) scale(0.5475);
  }
}
.snow:nth-child(23) {
  opacity: 0.8109;
  transform: translate(96.873vw, -10px) scale(0.5818);
  animation: fall-23 10s -12s linear infinite;
}
@keyframes fall-23 {
  46.256% {
    transform: translate(93.5658vw, 46.256vh) scale(0.5818);
  }
  to {
    transform: translate(95.2194vw, 100vh) scale(0.5818);
  }
}
.snow:nth-child(24) {
  opacity: 0.994;
  transform: translate(95.1138vw, -10px) scale(0.8948);
  animation: fall-24 10s -12s linear infinite;
}
@keyframes fall-24 {
  67.986% {
    transform: translate(88.8549vw, 67.986vh) scale(0.8948);
  }
  to {
    transform: translate(91.98435vw, 100vh) scale(0.8948);
  }
}
.snow:nth-child(25) {
  opacity: 0.4859;
  transform: translate(73.615vw, -10px) scale(0.7079);
  animation: fall-25 12s -20s linear infinite;
}
@keyframes fall-25 {
  49.724% {
    transform: translate(79.0751vw, 49.724vh) scale(0.7079);
  }
  to {
    transform: translate(76.34505vw, 100vh) scale(0.7079);
  }
}
.snow:nth-child(26) {
  opacity: 0.4583;
  transform: translate(63.5566vw, -10px) scale(0.3288);
  animation: fall-26 18s -10s linear infinite;
}
@keyframes fall-26 {
  75.408% {
    transform: translate(70.0714vw, 75.408vh) scale(0.3288);
  }
  to {
    transform: translate(66.814vw, 100vh) scale(0.3288);
  }
}
.snow:nth-child(27) {
  opacity: 0.3993;
  transform: translate(46.312vw, -10px) scale(0.2174);
  animation: fall-27 13s -9s linear infinite;
}
@keyframes fall-27 {
  74.409% {
    transform: translate(49.4894vw, 74.409vh) scale(0.2174);
  }
  to {
    transform: translate(47.9007vw, 100vh) scale(0.2174);
  }
}
.snow:nth-child(28) {
  opacity: 0.001;
  transform: translate(88.93vw, -10px) scale(0.2832);
  animation: fall-28 11s -11s linear infinite;
}
@keyframes fall-28 {
  68.392% {
    transform: translate(84.721vw, 68.392vh) scale(0.2832);
  }
  to {
    transform: translate(86.8255vw, 100vh) scale(0.2832);
  }
}
.snow:nth-child(29) {
  opacity: 0.6557;
  transform: translate(96.0248vw, -10px) scale(0.915);
  animation: fall-29 10s -8s linear infinite;
}
@keyframes fall-29 {
  62.807% {
    transform: translate(94.5422vw, 62.807vh) scale(0.915);
  }
  to {
    transform: translate(95.2835vw, 100vh) scale(0.915);
  }
}
.snow:nth-child(30) {
  opacity: 0.5865;
  transform: translate(73.1339vw, -10px) scale(0.7785);
  animation: fall-30 10s -24s linear infinite;
}
@keyframes fall-30 {
  38.655% {
    transform: translate(72.187vw, 38.655vh) scale(0.7785);
  }
  to {
    transform: translate(72.66045vw, 100vh) scale(0.7785);
  }
}
.snow:nth-child(31) {
  opacity: 0.0959;
  transform: translate(32.0685vw, -10px) scale(0.9626);
  animation: fall-31 20s -2s linear infinite;
}
@keyframes fall-31 {
  37.055% {
    transform: translate(23.4788vw, 37.055vh) scale(0.9626);
  }
  to {
    transform: translate(27.77365vw, 100vh) scale(0.9626);
  }
}
.snow:nth-child(32) {
  opacity: 0.7922;
  transform: translate(2.3786vw, -10px) scale(0.739);
  animation: fall-32 12s -15s linear infinite;
}
@keyframes fall-32 {
  51.141% {
    transform: translate(2.0632vw, 51.141vh) scale(0.739);
  }
  to {
    transform: translate(2.2209vw, 100vh) scale(0.739);
  }
}
.snow:nth-child(33) {
  opacity: 0.8944;
  transform: translate(59.8623vw, -10px) scale(0.6066);
  animation: fall-33 10s -10s linear infinite;
}
@keyframes fall-33 {
  36.843% {
    transform: translate(68.2401vw, 36.843vh) scale(0.6066);
  }
  to {
    transform: translate(64.0512vw, 100vh) scale(0.6066);
  }
}
.snow:nth-child(34) {
  opacity: 0.3709;
  transform: translate(95.5365vw, -10px) scale(0.4289);
  animation: fall-34 19s -13s linear infinite;
}
@keyframes fall-34 {
  68.961% {
    transform: translate(87.8506vw, 68.961vh) scale(0.4289);
  }
  to {
    transform: translate(91.69355vw, 100vh) scale(0.4289);
  }
}
.snow:nth-child(35) {
  opacity: 0.6778;
  transform: translate(72.5297vw, -10px) scale(0.6752);
  animation: fall-35 16s -7s linear infinite;
}
@keyframes fall-35 {
  30.329% {
    transform: translate(78.2449vw, 30.329vh) scale(0.6752);
  }
  to {
    transform: translate(75.3873vw, 100vh) scale(0.6752);
  }
}
.snow:nth-child(36) {
  opacity: 0.2279;
  transform: translate(78.3126vw, -10px) scale(0.4811);
  animation: fall-36 17s -14s linear infinite;
}
@keyframes fall-36 {
  39.29% {
    transform: translate(69.3423vw, 39.29vh) scale(0.4811);
  }
  to {
    transform: translate(73.82745vw, 100vh) scale(0.4811);
  }
}
.snow:nth-child(37) {
  opacity: 0.2232;
  transform: translate(42.527vw, -10px) scale(0.3637);
  animation: fall-37 16s -30s linear infinite;
}
@keyframes fall-37 {
  47.908% {
    transform: translate(33.131vw, 47.908vh) scale(0.3637);
  }
  to {
    transform: translate(37.829vw, 100vh) scale(0.3637);
  }
}
.snow:nth-child(38) {
  opacity: 0.5215;
  transform: translate(37.3034vw, -10px) scale(0.5973);
  animation: fall-38 18s -14s linear infinite;
}
@keyframes fall-38 {
  79.942% {
    transform: translate(39.3383vw, 79.942vh) scale(0.5973);
  }
  to {
    transform: translate(38.32085vw, 100vh) scale(0.5973);
  }
}
.snow:nth-child(39) {
  opacity: 0.0622;
  transform: translate(23.1441vw, -10px) scale(0.3263);
  animation: fall-39 12s -28s linear infinite;
}
@keyframes fall-39 {
  64.03% {
    transform: translate(16.9171vw, 64.03vh) scale(0.3263);
  }
  to {
    transform: translate(20.0306vw, 100vh) scale(0.3263);
  }
}
.snow:nth-child(40) {
  opacity: 0.6494;
  transform: translate(30.8054vw, -10px) scale(0.2248);
  animation: fall-40 18s -7s linear infinite;
}
@keyframes fall-40 {
  50.065% {
    transform: translate(37.2161vw, 50.065vh) scale(0.2248);
  }
  to {
    transform: translate(34.01075vw, 100vh) scale(0.2248);
  }
}
.snow:nth-child(41) {
  opacity: 0.1943;
  transform: translate(8.5202vw, -10px) scale(0.7233);
  animation: fall-41 11s -25s linear infinite;
}
@keyframes fall-41 {
  72.604% {
    transform: translate(13.7795vw, 72.604vh) scale(0.7233);
  }
  to {
    transform: translate(11.14985vw, 100vh) scale(0.7233);
  }
}
.snow:nth-child(42) {
  opacity: 0.0081;
  transform: translate(15.0746vw, -10px) scale(0.6277);
  animation: fall-42 18s -21s linear infinite;
}
@keyframes fall-42 {
  71.456% {
    transform: translate(13.2858vw, 71.456vh) scale(0.6277);
  }
  to {
    transform: translate(14.1802vw, 100vh) scale(0.6277);
  }
}
.snow:nth-child(43) {
  opacity: 0.2084;
  transform: translate(55.6078vw, -10px) scale(0.7676);
  animation: fall-43 11s -20s linear infinite;
}
@keyframes fall-43 {
  43.206% {
    transform: translate(56.5809vw, 43.206vh) scale(0.7676);
  }
  to {
    transform: translate(56.09435vw, 100vh) scale(0.7676);
  }
}
.snow:nth-child(44) {
  opacity: 0.0015;
  transform: translate(33.762vw, -10px) scale(0.2763);
  animation: fall-44 14s -8s linear infinite;
}
@keyframes fall-44 {
  62.141% {
    transform: translate(33.3606vw, 62.141vh) scale(0.2763);
  }
  to {
    transform: translate(33.5613vw, 100vh) scale(0.2763);
  }
}
.snow:nth-child(45) {
  opacity: 0.1225;
  transform: translate(41.2004vw, -10px) scale(0.8884);
  animation: fall-45 19s -1s linear infinite;
}
@keyframes fall-45 {
  51.936% {
    transform: translate(34.6388vw, 51.936vh) scale(0.8884);
  }
  to {
    transform: translate(37.9196vw, 100vh) scale(0.8884);
  }
}
.snow:nth-child(46) {
  opacity: 0.2054;
  transform: translate(69.5875vw, -10px) scale(0.8964);
  animation: fall-46 12s -17s linear infinite;
}
@keyframes fall-46 {
  54.553% {
    transform: translate(66.2338vw, 54.553vh) scale(0.8964);
  }
  to {
    transform: translate(67.91065vw, 100vh) scale(0.8964);
  }
}
.snow:nth-child(47) {
  opacity: 0.0059;
  transform: translate(89.7186vw, -10px) scale(0.3282);
  animation: fall-47 17s -5s linear infinite;
}
@keyframes fall-47 {
  78.426% {
    transform: translate(85.0328vw, 78.426vh) scale(0.3282);
  }
  to {
    transform: translate(87.3757vw, 100vh) scale(0.3282);
  }
}
.snow:nth-child(48) {
  opacity: 0.938;
  transform: translate(17.5261vw, -10px) scale(0.1758);
  animation: fall-48 20s -18s linear infinite;
}
@keyframes fall-48 {
  51.037% {
    transform: translate(13.6916vw, 51.037vh) scale(0.1758);
  }
  to {
    transform: translate(15.60885vw, 100vh) scale(0.1758);
  }
}
.snow:nth-child(49) {
  opacity: 0.5783;
  transform: translate(57.2373vw, -10px) scale(0.5419);
  animation: fall-49 18s -17s linear infinite;
}
@keyframes fall-49 {
  65.218% {
    transform: translate(62.5535vw, 65.218vh) scale(0.5419);
  }
  to {
    transform: translate(59.8954vw, 100vh) scale(0.5419);
  }
}
.snow:nth-child(50) {
  opacity: 0.6287;
  transform: translate(40.476vw, -10px) scale(0.3035);
  animation: fall-50 14s -25s linear infinite;
}
@keyframes fall-50 {
  62.186% {
    transform: translate(39.8031vw, 62.186vh) scale(0.3035);
  }
  to {
    transform: translate(40.13955vw, 100vh) scale(0.3035);
  }
}
.snow:nth-child(51) {
  opacity: 0.4303;
  transform: translate(8.8509vw, -10px) scale(0.594);
  animation: fall-51 16s -26s linear infinite;
}
@keyframes fall-51 {
  59.602% {
    transform: translate(10.2323vw, 59.602vh) scale(0.594);
  }
  to {
    transform: translate(9.5416vw, 100vh) scale(0.594);
  }
}
.snow:nth-child(52) {
  opacity: 0.2553;
  transform: translate(69.3833vw, -10px) scale(0.2498);
  animation: fall-52 20s -18s linear infinite;
}
@keyframes fall-52 {
  48.038% {
    transform: translate(63.5367vw, 48.038vh) scale(0.2498);
  }
  to {
    transform: translate(66.46vw, 100vh) scale(0.2498);
  }
}
.snow:nth-child(53) {
  opacity: 0.4212;
  transform: translate(43.7954vw, -10px) scale(0.6682);
  animation: fall-53 12s -29s linear infinite;
}
@keyframes fall-53 {
  69.148% {
    transform: translate(44.8458vw, 69.148vh) scale(0.6682);
  }
  to {
    transform: translate(44.3206vw, 100vh) scale(0.6682);
  }
}
.snow:nth-child(54) {
  opacity: 0.8492;
  transform: translate(26.242vw, -10px) scale(0.9108);
  animation: fall-54 18s -27s linear infinite;
}
@keyframes fall-54 {
  46.436% {
    transform: translate(28.9858vw, 46.436vh) scale(0.9108);
  }
  to {
    transform: translate(27.6139vw, 100vh) scale(0.9108);
  }
}
.snow:nth-child(55) {
  opacity: 0.6439;
  transform: translate(90.1486vw, -10px) scale(0.1999);
  animation: fall-55 12s -1s linear infinite;
}
@keyframes fall-55 {
  61.34% {
    transform: translate(95.669vw, 61.34vh) scale(0.1999);
  }
  to {
    transform: translate(92.9088vw, 100vh) scale(0.1999);
  }
}
.snow:nth-child(56) {
  opacity: 0.1813;
  transform: translate(45.0919vw, -10px) scale(0.6932);
  animation: fall-56 10s -18s linear infinite;
}
@keyframes fall-56 {
  70.205% {
    transform: translate(49.2341vw, 70.205vh) scale(0.6932);
  }
  to {
    transform: translate(47.163vw, 100vh) scale(0.6932);
  }
}
.snow:nth-child(57) {
  opacity: 0.7234;
  transform: translate(22.1509vw, -10px) scale(0.6201);
  animation: fall-57 14s -16s linear infinite;
}
@keyframes fall-57 {
  78.354% {
    transform: translate(17.0154vw, 78.354vh) scale(0.6201);
  }
  to {
    transform: translate(19.58315vw, 100vh) scale(0.6201);
  }
}
.snow:nth-child(58) {
  opacity: 0.6558;
  transform: translate(90.6551vw, -10px) scale(0.2292);
  animation: fall-58 20s -30s linear infinite;
}
@keyframes fall-58 {
  31.283% {
    transform: translate(85.4109vw, 31.283vh) scale(0.2292);
  }
  to {
    transform: translate(88.033vw, 100vh) scale(0.2292);
  }
}
.snow:nth-child(59) {
  opacity: 0.9504;
  transform: translate(33.2771vw, -10px) scale(0.9351);
  animation: fall-59 12s -26s linear infinite;
}
@keyframes fall-59 {
  45.46% {
    transform: translate(23.9999vw, 45.46vh) scale(0.9351);
  }
  to {
    transform: translate(28.6385vw, 100vh) scale(0.9351);
  }
}
.snow:nth-child(60) {
  opacity: 0.342;
  transform: translate(25.65vw, -10px) scale(0.4915);
  animation: fall-60 13s -9s linear infinite;
}
@keyframes fall-60 {
  64.659% {
    transform: translate(16.4953vw, 64.659vh) scale(0.4915);
  }
  to {
    transform: translate(21.07265vw, 100vh) scale(0.4915);
  }
}
.snow:nth-child(61) {
  opacity: 0.3999;
  transform: translate(21.7815vw, -10px) scale(0.5332);
  animation: fall-61 18s -19s linear infinite;
}
@keyframes fall-61 {
  75.467% {
    transform: translate(13.8935vw, 75.467vh) scale(0.5332);
  }
  to {
    transform: translate(17.8375vw, 100vh) scale(0.5332);
  }
}
.snow:nth-child(62) {
  opacity: 0.9639;
  transform: translate(0.0384vw, -10px) scale(0.8158);
  animation: fall-62 13s -19s linear infinite;
}
@keyframes fall-62 {
  57.278% {
    transform: translate(0.7619vw, 57.278vh) scale(0.8158);
  }
  to {
    transform: translate(0.40015vw, 100vh) scale(0.8158);
  }
}
.snow:nth-child(63) {
  opacity: 0.0597;
  transform: translate(30.4442vw, -10px) scale(0.358);
  animation: fall-63 10s -12s linear infinite;
}
@keyframes fall-63 {
  59.598% {
    transform: translate(34.2968vw, 59.598vh) scale(0.358);
  }
  to {
    transform: translate(32.3705vw, 100vh) scale(0.358);
  }
}
.snow:nth-child(64) {
  opacity: 0.7326;
  transform: translate(31.044vw, -10px) scale(0.9713);
  animation: fall-64 19s -25s linear infinite;
}
@keyframes fall-64 {
  68.472% {
    transform: translate(39.9476vw, 68.472vh) scale(0.9713);
  }
  to {
    transform: translate(35.4958vw, 100vh) scale(0.9713);
  }
}
.snow:nth-child(65) {
  opacity: 0.184;
  transform: translate(40.5198vw, -10px) scale(0.1491);
  animation: fall-65 11s -25s linear infinite;
}
@keyframes fall-65 {
  53.143% {
    transform: translate(31.3111vw, 53.143vh) scale(0.1491);
  }
  to {
    transform: translate(35.91545vw, 100vh) scale(0.1491);
  }
}
.snow:nth-child(66) {
  opacity: 0.3657;
  transform: translate(4.7211vw, -10px) scale(0.8207);
  animation: fall-66 15s -2s linear infinite;
}
@keyframes fall-66 {
  62.65% {
    transform: translate(-0.3968vw, 62.65vh) scale(0.8207);
  }
  to {
    transform: translate(2.16215vw, 100vh) scale(0.8207);
  }
}
.snow:nth-child(67) {
  opacity: 0.2631;
  transform: translate(46.1045vw, -10px) scale(0.3553);
  animation: fall-67 18s -30s linear infinite;
}
@keyframes fall-67 {
  73.724% {
    transform: translate(44.3913vw, 73.724vh) scale(0.3553);
  }
  to {
    transform: translate(45.2479vw, 100vh) scale(0.3553);
  }
}
.snow:nth-child(68) {
  opacity: 0.4871;
  transform: translate(56.376vw, -10px) scale(0.0696);
  animation: fall-68 13s -28s linear infinite;
}
@keyframes fall-68 {
  77.262% {
    transform: translate(66.0679vw, 77.262vh) scale(0.0696);
  }
  to {
    transform: translate(61.22195vw, 100vh) scale(0.0696);
  }
}
.snow:nth-child(69) {
  opacity: 0.0377;
  transform: translate(44.1048vw, -10px) scale(0.5007);
  animation: fall-69 19s -24s linear infinite;
}
@keyframes fall-69 {
  71.569% {
    transform: translate(44.6099vw, 71.569vh) scale(0.5007);
  }
  to {
    transform: translate(44.35735vw, 100vh) scale(0.5007);
  }
}
.snow:nth-child(70) {
  opacity: 0.3797;
  transform: translate(30.561vw, -10px) scale(0.2437);
  animation: fall-70 11s -1s linear infinite;
}
@keyframes fall-70 {
  70.964% {
    transform: translate(30.1967vw, 70.964vh) scale(0.2437);
  }
  to {
    transform: translate(30.37885vw, 100vh) scale(0.2437);
  }
}
.snow:nth-child(71) {
  opacity: 0.9142;
  transform: translate(3.8259vw, -10px) scale(0.3504);
  animation: fall-71 15s -25s linear infinite;
}
@keyframes fall-71 {
  61.758% {
    transform: translate(10.8915vw, 61.758vh) scale(0.3504);
  }
  to {
    transform: translate(7.3587vw, 100vh) scale(0.3504);
  }
}
.snow:nth-child(72) {
  opacity: 0.9204;
  transform: translate(14.4765vw, -10px) scale(0.8206);
  animation: fall-72 16s -30s linear infinite;
}
@keyframes fall-72 {
  46.097% {
    transform: translate(5.539vw, 46.097vh) scale(0.8206);
  }
  to {
    transform: translate(10.00775vw, 100vh) scale(0.8206);
  }
}
.snow:nth-child(73) {
  opacity: 0.1807;
  transform: translate(89.8191vw, -10px) scale(0.5965);
  animation: fall-73 17s -18s linear infinite;
}
@keyframes fall-73 {
  41.824% {
    transform: translate(85.4237vw, 41.824vh) scale(0.5965);
  }
  to {
    transform: translate(87.6214vw, 100vh) scale(0.5965);
  }
}
.snow:nth-child(74) {
  opacity: 0.9919;
  transform: translate(67.0137vw, -10px) scale(0.3484);
  animation: fall-74 18s -18s linear infinite;
}
@keyframes fall-74 {
  50.213% {
    transform: translate(58.3698vw, 50.213vh) scale(0.3484);
  }
  to {
    transform: translate(62.69175vw, 100vh) scale(0.3484);
  }
}
.snow:nth-child(75) {
  opacity: 0.4798;
  transform: translate(7.1163vw, -10px) scale(0.6975);
  animation: fall-75 10s -13s linear infinite;
}
@keyframes fall-75 {
  35.174% {
    transform: translate(5.3893vw, 35.174vh) scale(0.6975);
  }
  to {
    transform: translate(6.2528vw, 100vh) scale(0.6975);
  }
}
.snow:nth-child(76) {
  opacity: 0.8261;
  transform: translate(27.7063vw, -10px) scale(0.5039);
  animation: fall-76 16s -22s linear infinite;
}
@keyframes fall-76 {
  61.237% {
    transform: translate(33.2084vw, 61.237vh) scale(0.5039);
  }
  to {
    transform: translate(30.45735vw, 100vh) scale(0.5039);
  }
}
.snow:nth-child(77) {
  opacity: 0.1118;
  transform: translate(35.271vw, -10px) scale(0.4049);
  animation: fall-77 11s -3s linear infinite;
}
@keyframes fall-77 {
  62.977% {
    transform: translate(43.2186vw, 62.977vh) scale(0.4049);
  }
  to {
    transform: translate(39.2448vw, 100vh) scale(0.4049);
  }
}
.snow:nth-child(78) {
  opacity: 0.7365;
  transform: translate(51.8075vw, -10px) scale(0.4653);
  animation: fall-78 19s -13s linear infinite;
}
@keyframes fall-78 {
  31.613% {
    transform: translate(45.8037vw, 31.613vh) scale(0.4653);
  }
  to {
    transform: translate(48.8056vw, 100vh) scale(0.4653);
  }
}
.snow:nth-child(79) {
  opacity: 0.221;
  transform: translate(72.5706vw, -10px) scale(0.9508);
  animation: fall-79 20s -13s linear infinite;
}
@keyframes fall-79 {
  39.913% {
    transform: translate(80.8473vw, 39.913vh) scale(0.9508);
  }
  to {
    transform: translate(76.70895vw, 100vh) scale(0.9508);
  }
}
.snow:nth-child(80) {
  opacity: 0.0842;
  transform: translate(38.7418vw, -10px) scale(0.1017);
  animation: fall-80 17s -20s linear infinite;
}
@keyframes fall-80 {
  30.095% {
    transform: translate(38.5713vw, 30.095vh) scale(0.1017);
  }
  to {
    transform: translate(38.65655vw, 100vh) scale(0.1017);
  }
}
.snow:nth-child(81) {
  opacity: 0.0353;
  transform: translate(26.7755vw, -10px) scale(0.8259);
  animation: fall-81 15s -7s linear infinite;
}
@keyframes fall-81 {
  66.547% {
    transform: translate(25.1196vw, 66.547vh) scale(0.8259);
  }
  to {
    transform: translate(25.94755vw, 100vh) scale(0.8259);
  }
}
.snow:nth-child(82) {
  opacity: 0.9609;
  transform: translate(95.6855vw, -10px) scale(0.46);
  animation: fall-82 18s -27s linear infinite;
}
@keyframes fall-82 {
  73.808% {
    transform: translate(89.9861vw, 73.808vh) scale(0.46);
  }
  to {
    transform: translate(92.8358vw, 100vh) scale(0.46);
  }
}
.snow:nth-child(83) {
  opacity: 0.3324;
  transform: translate(12.4695vw, -10px) scale(0.1208);
  animation: fall-83 10s -30s linear infinite;
}
@keyframes fall-83 {
  67.234% {
    transform: translate(17.2053vw, 67.234vh) scale(0.1208);
  }
  to {
    transform: translate(14.8374vw, 100vh) scale(0.1208);
  }
}
.snow:nth-child(84) {
  opacity: 0.0832;
  transform: translate(76.2077vw, -10px) scale(0.599);
  animation: fall-84 13s -15s linear infinite;
}
@keyframes fall-84 {
  40.966% {
    transform: translate(74.871vw, 40.966vh) scale(0.599);
  }
  to {
    transform: translate(75.53935vw, 100vh) scale(0.599);
  }
}
.snow:nth-child(85) {
  opacity: 0.093;
  transform: translate(15.3413vw, -10px) scale(0.9153);
  animation: fall-85 19s -21s linear infinite;
}
@keyframes fall-85 {
  47.998% {
    transform: translate(12.9904vw, 47.998vh) scale(0.9153);
  }
  to {
    transform: translate(14.16585vw, 100vh) scale(0.9153);
  }
}
.snow:nth-child(86) {
  opacity: 0.2701;
  transform: translate(77.9894vw, -10px) scale(0.8762);
  animation: fall-86 11s -5s linear infinite;
}
@keyframes fall-86 {
  62.48% {
    transform: translate(77.8934vw, 62.48vh) scale(0.8762);
  }
  to {
    transform: translate(77.9414vw, 100vh) scale(0.8762);
  }
}
.snow:nth-child(87) {
  opacity: 0.8453;
  transform: translate(54.9998vw, -10px) scale(0.3846);
  animation: fall-87 19s -17s linear infinite;
}
@keyframes fall-87 {
  77.363% {
    transform: translate(54.2125vw, 77.363vh) scale(0.3846);
  }
  to {
    transform: translate(54.60615vw, 100vh) scale(0.3846);
  }
}
.snow:nth-child(88) {
  opacity: 0.6239;
  transform: translate(52.6129vw, -10px) scale(0.4002);
  animation: fall-88 10s -29s linear infinite;
}
@keyframes fall-88 {
  79.599% {
    transform: translate(49.957vw, 79.599vh) scale(0.4002);
  }
  to {
    transform: translate(51.28495vw, 100vh) scale(0.4002);
  }
}
.snow:nth-child(89) {
  opacity: 0.9242;
  transform: translate(64.1661vw, -10px) scale(0.3154);
  animation: fall-89 18s -27s linear infinite;
}
@keyframes fall-89 {
  36.666% {
    transform: translate(61.813vw, 36.666vh) scale(0.3154);
  }
  to {
    transform: translate(62.98955vw, 100vh) scale(0.3154);
  }
}
.snow:nth-child(90) {
  opacity: 0.1021;
  transform: translate(54.0166vw, -10px) scale(0.9527);
  animation: fall-90 19s -5s linear infinite;
}
@keyframes fall-90 {
  68.101% {
    transform: translate(58.1654vw, 68.101vh) scale(0.9527);
  }
  to {
    transform: translate(56.091vw, 100vh) scale(0.9527);
  }
}
.snow:nth-child(91) {
  opacity: 0.7506;
  transform: translate(56.8813vw, -10px) scale(0.3757);
  animation: fall-91 12s -20s linear infinite;
}
@keyframes fall-91 {
  32.983% {
    transform: translate(47.2698vw, 32.983vh) scale(0.3757);
  }
  to {
    transform: translate(52.07555vw, 100vh) scale(0.3757);
  }
}
.snow:nth-child(92) {
  opacity: 0.4236;
  transform: translate(67.3035vw, -10px) scale(0.5408);
  animation: fall-92 20s -18s linear infinite;
}
@keyframes fall-92 {
  31.628% {
    transform: translate(66.8523vw, 31.628vh) scale(0.5408);
  }
  to {
    transform: translate(67.0779vw, 100vh) scale(0.5408);
  }
}
.snow:nth-child(93) {
  opacity: 0.4304;
  transform: translate(92.5147vw, -10px) scale(0.5207);
  animation: fall-93 10s -28s linear infinite;
}
@keyframes fall-93 {
  52.379% {
    transform: translate(91.7629vw, 52.379vh) scale(0.5207);
  }
  to {
    transform: translate(92.1388vw, 100vh) scale(0.5207);
  }
}
.snow:nth-child(94) {
  opacity: 0.7292;
  transform: translate(41.2171vw, -10px) scale(0.2907);
  animation: fall-94 10s -5s linear infinite;
}
@keyframes fall-94 {
  61.202% {
    transform: translate(46.9146vw, 61.202vh) scale(0.2907);
  }
  to {
    transform: translate(44.06585vw, 100vh) scale(0.2907);
  }
}
.snow:nth-child(95) {
  opacity: 0.9576;
  transform: translate(72.6309vw, -10px) scale(0.9056);
  animation: fall-95 17s -26s linear infinite;
}
@keyframes fall-95 {
  51.512% {
    transform: translate(77.108vw, 51.512vh) scale(0.9056);
  }
  to {
    transform: translate(74.86945vw, 100vh) scale(0.9056);
  }
}
.snow:nth-child(96) {
  opacity: 0.4796;
  transform: translate(58.4401vw, -10px) scale(0.7573);
  animation: fall-96 16s -2s linear infinite;
}
@keyframes fall-96 {
  60.428% {
    transform: translate(59.1254vw, 60.428vh) scale(0.7573);
  }
  to {
    transform: translate(58.78275vw, 100vh) scale(0.7573);
  }
}
.snow:nth-child(97) {
  opacity: 0.6481;
  transform: translate(44.7769vw, -10px) scale(0.7685);
  animation: fall-97 13s -17s linear infinite;
}
@keyframes fall-97 {
  74.403% {
    transform: translate(48.7712vw, 74.403vh) scale(0.7685);
  }
  to {
    transform: translate(46.77405vw, 100vh) scale(0.7685);
  }
}
.snow:nth-child(98) {
  opacity: 0.8332;
  transform: translate(89.4001vw, -10px) scale(0.9517);
  animation: fall-98 18s -20s linear infinite;
}
@keyframes fall-98 {
  64.968% {
    transform: translate(82.4307vw, 64.968vh) scale(0.9517);
  }
  to {
    transform: translate(85.9154vw, 100vh) scale(0.9517);
  }
}
.snow:nth-child(99) {
  opacity: 0.6187;
  transform: translate(10.6027vw, -10px) scale(0.0407);
  animation: fall-99 10s -7s linear infinite;
}
@keyframes fall-99 {
  72.716% {
    transform: translate(15.6191vw, 72.716vh) scale(0.0407);
  }
  to {
    transform: translate(13.1109vw, 100vh) scale(0.0407);
  }
}
.snow:nth-child(100) {
  opacity: 0.9127;
  transform: translate(85.7944vw, -10px) scale(0.5732);
  animation: fall-100 15s -18s linear infinite;
}
@keyframes fall-100 {
  44.407% {
    transform: translate(95.5826vw, 44.407vh) scale(0.5732);
  }
  to {
    transform: translate(90.6885vw, 100vh) scale(0.5732);
  }
}
.snow:nth-child(101) {
  opacity: 0.9696;
  transform: translate(4.4108vw, -10px) scale(0.696);
  animation: fall-101 18s -14s linear infinite;
}
@keyframes fall-101 {
  74.484% {
    transform: translate(13.7345vw, 74.484vh) scale(0.696);
  }
  to {
    transform: translate(9.07265vw, 100vh) scale(0.696);
  }
}
.snow:nth-child(102) {
  opacity: 0.1097;
  transform: translate(65.0476vw, -10px) scale(0.6586);
  animation: fall-102 12s -15s linear infinite;
}
@keyframes fall-102 {
  70.677% {
    transform: translate(58.4103vw, 70.677vh) scale(0.6586);
  }
  to {
    transform: translate(61.72895vw, 100vh) scale(0.6586);
  }
}
.snow:nth-child(103) {
  opacity: 0.7008;
  transform: translate(43.9712vw, -10px) scale(0.7766);
  animation: fall-103 19s -27s linear infinite;
}
@keyframes fall-103 {
  59.962% {
    transform: translate(39.4472vw, 59.962vh) scale(0.7766);
  }
  to {
    transform: translate(41.7092vw, 100vh) scale(0.7766);
  }
}
.snow:nth-child(104) {
  opacity: 0.8205;
  transform: translate(45.9808vw, -10px) scale(0.0209);
  animation: fall-104 19s -2s linear infinite;
}
@keyframes fall-104 {
  57.317% {
    transform: translate(45.4353vw, 57.317vh) scale(0.0209);
  }
  to {
    transform: translate(45.70805vw, 100vh) scale(0.0209);
  }
}
.snow:nth-child(105) {
  opacity: 0.3181;
  transform: translate(92.1039vw, -10px) scale(0.2698);
  animation: fall-105 10s -28s linear infinite;
}
@keyframes fall-105 {
  43.865% {
    transform: translate(94.2166vw, 43.865vh) scale(0.2698);
  }
  to {
    transform: translate(93.16025vw, 100vh) scale(0.2698);
  }
}
.snow:nth-child(106) {
  opacity: 0.7165;
  transform: translate(16.3627vw, -10px) scale(0.404);
  animation: fall-106 17s -6s linear infinite;
}
@keyframes fall-106 {
  56.836% {
    transform: translate(18.0972vw, 56.836vh) scale(0.404);
  }
  to {
    transform: translate(17.22995vw, 100vh) scale(0.404);
  }
}
.snow:nth-child(107) {
  opacity: 0.8446;
  transform: translate(80.2507vw, -10px) scale(0.056);
  animation: fall-107 19s -3s linear infinite;
}
@keyframes fall-107 {
  62.459% {
    transform: translate(72.6101vw, 62.459vh) scale(0.056);
  }
  to {
    transform: translate(76.4304vw, 100vh) scale(0.056);
  }
}
.snow:nth-child(108) {
  opacity: 0.0666;
  transform: translate(50.9879vw, -10px) scale(0.3178);
  animation: fall-108 17s -12s linear infinite;
}
@keyframes fall-108 {
  69.872% {
    transform: translate(47.092vw, 69.872vh) scale(0.3178);
  }
  to {
    transform: translate(49.03995vw, 100vh) scale(0.3178);
  }
}
.snow:nth-child(109) {
  opacity: 0.8919;
  transform: translate(5.3949vw, -10px) scale(0.1149);
  animation: fall-109 11s -29s linear infinite;
}
@keyframes fall-109 {
  54.427% {
    transform: translate(13.3153vw, 54.427vh) scale(0.1149);
  }
  to {
    transform: translate(9.3551vw, 100vh) scale(0.1149);
  }
}
.snow:nth-child(110) {
  opacity: 0.4577;
  transform: translate(95.7069vw, -10px) scale(0.4821);
  animation: fall-110 12s -26s linear infinite;
}
@keyframes fall-110 {
  78.269% {
    transform: translate(95.1887vw, 78.269vh) scale(0.4821);
  }
  to {
    transform: translate(95.4478vw, 100vh) scale(0.4821);
  }
}
.snow:nth-child(111) {
  opacity: 0.0915;
  transform: translate(9.4409vw, -10px) scale(0.4989);
  animation: fall-111 15s -25s linear infinite;
}
@keyframes fall-111 {
  39.226% {
    transform: translate(13.8264vw, 39.226vh) scale(0.4989);
  }
  to {
    transform: translate(11.63365vw, 100vh) scale(0.4989);
  }
}
.snow:nth-child(112) {
  opacity: 0.6215;
  transform: translate(30.3784vw, -10px) scale(0.7999);
  animation: fall-112 14s -7s linear infinite;
}
@keyframes fall-112 {
  73.1% {
    transform: translate(24.6238vw, 73.1vh) scale(0.7999);
  }
  to {
    transform: translate(27.5011vw, 100vh) scale(0.7999);
  }
}
.snow:nth-child(113) {
  opacity: 0.325;
  transform: translate(5.4931vw, -10px) scale(0.7606);
  animation: fall-113 14s -19s linear infinite;
}
@keyframes fall-113 {
  39.935% {
    transform: translate(8.3341vw, 39.935vh) scale(0.7606);
  }
  to {
    transform: translate(6.9136vw, 100vh) scale(0.7606);
  }
}
.snow:nth-child(114) {
  opacity: 0.0762;
  transform: translate(27.6243vw, -10px) scale(0.3873);
  animation: fall-114 12s -25s linear infinite;
}
@keyframes fall-114 {
  64.327% {
    transform: translate(24.3118vw, 64.327vh) scale(0.3873);
  }
  to {
    transform: translate(25.96805vw, 100vh) scale(0.3873);
  }
}
.snow:nth-child(115) {
  opacity: 0.9249;
  transform: translate(32.148vw, -10px) scale(0.4317);
  animation: fall-115 11s -23s linear infinite;
}
@keyframes fall-115 {
  43.27% {
    transform: translate(38.7129vw, 43.27vh) scale(0.4317);
  }
  to {
    transform: translate(35.43045vw, 100vh) scale(0.4317);
  }
}
.snow:nth-child(116) {
  opacity: 0.5561;
  transform: translate(52.0662vw, -10px) scale(0.4703);
  animation: fall-116 10s -15s linear infinite;
}
@keyframes fall-116 {
  46.068% {
    transform: translate(44.6102vw, 46.068vh) scale(0.4703);
  }
  to {
    transform: translate(48.3382vw, 100vh) scale(0.4703);
  }
}
.snow:nth-child(117) {
  opacity: 0.423;
  transform: translate(71.7987vw, -10px) scale(0.8783);
  animation: fall-117 15s -10s linear infinite;
}
@keyframes fall-117 {
  63.312% {
    transform: translate(71.101vw, 63.312vh) scale(0.8783);
  }
  to {
    transform: translate(71.44985vw, 100vh) scale(0.8783);
  }
}
.snow:nth-child(118) {
  opacity: 0.7771;
  transform: translate(9.4187vw, -10px) scale(0.7637);
  animation: fall-118 18s -4s linear infinite;
}
@keyframes fall-118 {
  61.896% {
    transform: translate(16.8391vw, 61.896vh) scale(0.7637);
  }
  to {
    transform: translate(13.1289vw, 100vh) scale(0.7637);
  }
}
.snow:nth-child(119) {
  opacity: 0.8661;
  transform: translate(12.6052vw, -10px) scale(0.8353);
  animation: fall-119 14s -7s linear infinite;
}
@keyframes fall-119 {
  59.111% {
    transform: translate(13.1452vw, 59.111vh) scale(0.8353);
  }
  to {
    transform: translate(12.8752vw, 100vh) scale(0.8353);
  }
}
.snow:nth-child(120) {
  opacity: 0.8025;
  transform: translate(40.8226vw, -10px) scale(0.7975);
  animation: fall-120 11s -23s linear infinite;
}
@keyframes fall-120 {
  34.316% {
    transform: translate(41.8981vw, 34.316vh) scale(0.7975);
  }
  to {
    transform: translate(41.36035vw, 100vh) scale(0.7975);
  }
}
.snow:nth-child(121) {
  opacity: 0.3643;
  transform: translate(98.4629vw, -10px) scale(0.1093);
  animation: fall-121 17s -27s linear infinite;
}
@keyframes fall-121 {
  78.924% {
    transform: translate(96.6284vw, 78.924vh) scale(0.1093);
  }
  to {
    transform: translate(97.54565vw, 100vh) scale(0.1093);
  }
}
.snow:nth-child(122) {
  opacity: 0.6898;
  transform: translate(67.9734vw, -10px) scale(0.973);
  animation: fall-122 14s -17s linear infinite;
}
@keyframes fall-122 {
  37.619% {
    transform: translate(76.0644vw, 37.619vh) scale(0.973);
  }
  to {
    transform: translate(72.0189vw, 100vh) scale(0.973);
  }
}
.snow:nth-child(123) {
  opacity: 0.6658;
  transform: translate(53.7589vw, -10px) scale(0.3391);
  animation: fall-123 14s -9s linear infinite;
}
@keyframes fall-123 {
  31.581% {
    transform: translate(46.4739vw, 31.581vh) scale(0.3391);
  }
  to {
    transform: translate(50.1164vw, 100vh) scale(0.3391);
  }
}
.snow:nth-child(124) {
  opacity: 0.348;
  transform: translate(54.3463vw, -10px) scale(0.1214);
  animation: fall-124 10s -10s linear infinite;
}
@keyframes fall-124 {
  41.552% {
    transform: translate(48.6819vw, 41.552vh) scale(0.1214);
  }
  to {
    transform: translate(51.5141vw, 100vh) scale(0.1214);
  }
}
.snow:nth-child(125) {
  opacity: 0.4879;
  transform: translate(66.2966vw, -10px) scale(0.3556);
  animation: fall-125 12s -5s linear infinite;
}
@keyframes fall-125 {
  57.316% {
    transform: translate(60.0412vw, 57.316vh) scale(0.3556);
  }
  to {
    transform: translate(63.1689vw, 100vh) scale(0.3556);
  }
}
.snow:nth-child(126) {
  opacity: 0.2982;
  transform: translate(81.8832vw, -10px) scale(0.338);
  animation: fall-126 20s -4s linear infinite;
}
@keyframes fall-126 {
  69.363% {
    transform: translate(72.3178vw, 69.363vh) scale(0.338);
  }
  to {
    transform: translate(77.1005vw, 100vh) scale(0.338);
  }
}
.snow:nth-child(127) {
  opacity: 0.7013;
  transform: translate(4.5814vw, -10px) scale(0.1006);
  animation: fall-127 14s -20s linear infinite;
}
@keyframes fall-127 {
  34.142% {
    transform: translate(-4.5456vw, 34.142vh) scale(0.1006);
  }
  to {
    transform: translate(0.0179vw, 100vh) scale(0.1006);
  }
}
.snow:nth-child(128) {
  opacity: 0.662;
  transform: translate(38.8407vw, -10px) scale(0.1446);
  animation: fall-128 17s -3s linear infinite;
}
@keyframes fall-128 {
  37.408% {
    transform: translate(38.0656vw, 37.408vh) scale(0.1446);
  }
  to {
    transform: translate(38.45315vw, 100vh) scale(0.1446);
  }
}
.snow:nth-child(129) {
  opacity: 0.7972;
  transform: translate(15.2387vw, -10px) scale(0.4167);
  animation: fall-129 12s -19s linear infinite;
}
@keyframes fall-129 {
  41.304% {
    transform: translate(8.273vw, 41.304vh) scale(0.4167);
  }
  to {
    transform: translate(11.75585vw, 100vh) scale(0.4167);
  }
}
.snow:nth-child(130) {
  opacity: 0.1781;
  transform: translate(61.3857vw, -10px) scale(0.7399);
  animation: fall-130 17s -11s linear infinite;
}
@keyframes fall-130 {
  66.685% {
    transform: translate(62.9473vw, 66.685vh) scale(0.7399);
  }
  to {
    transform: translate(62.1665vw, 100vh) scale(0.7399);
  }
}
.snow:nth-child(131) {
  opacity: 0.066;
  transform: translate(18.574vw, -10px) scale(0.4058);
  animation: fall-131 13s -4s linear infinite;
}
@keyframes fall-131 {
  68.134% {
    transform: translate(22.866vw, 68.134vh) scale(0.4058);
  }
  to {
    transform: translate(20.72vw, 100vh) scale(0.4058);
  }
}
.snow:nth-child(132) {
  opacity: 0.3156;
  transform: translate(14.8079vw, -10px) scale(0.1934);
  animation: fall-132 11s -8s linear infinite;
}
@keyframes fall-132 {
  47.749% {
    transform: translate(15.1817vw, 47.749vh) scale(0.1934);
  }
  to {
    transform: translate(14.9948vw, 100vh) scale(0.1934);
  }
}
.snow:nth-child(133) {
  opacity: 0.7535;
  transform: translate(81.2781vw, -10px) scale(0.8292);
  animation: fall-133 15s -23s linear infinite;
}
@keyframes fall-133 {
  43.564% {
    transform: translate(74.893vw, 43.564vh) scale(0.8292);
  }
  to {
    transform: translate(78.08555vw, 100vh) scale(0.8292);
  }
}
.snow:nth-child(134) {
  opacity: 0.0714;
  transform: translate(82.4596vw, -10px) scale(0.7734);
  animation: fall-134 19s -11s linear infinite;
}
@keyframes fall-134 {
  72.53% {
    transform: translate(90.2895vw, 72.53vh) scale(0.7734);
  }
  to {
    transform: translate(86.37455vw, 100vh) scale(0.7734);
  }
}
.snow:nth-child(135) {
  opacity: 0.5385;
  transform: translate(42.3995vw, -10px) scale(0.7756);
  animation: fall-135 11s -17s linear infinite;
}
@keyframes fall-135 {
  68.523% {
    transform: translate(34.1135vw, 68.523vh) scale(0.7756);
  }
  to {
    transform: translate(38.2565vw, 100vh) scale(0.7756);
  }
}
.snow:nth-child(136) {
  opacity: 0.0944;
  transform: translate(37.9278vw, -10px) scale(0.3107);
  animation: fall-136 11s -6s linear infinite;
}
@keyframes fall-136 {
  70.562% {
    transform: translate(39.217vw, 70.562vh) scale(0.3107);
  }
  to {
    transform: translate(38.5724vw, 100vh) scale(0.3107);
  }
}
.snow:nth-child(137) {
  opacity: 0.3297;
  transform: translate(54.3744vw, -10px) scale(0.345);
  animation: fall-137 14s -18s linear infinite;
}
@keyframes fall-137 {
  68.655% {
    transform: translate(45.0141vw, 68.655vh) scale(0.345);
  }
  to {
    transform: translate(49.69425vw, 100vh) scale(0.345);
  }
}
.snow:nth-child(138) {
  opacity: 0.9225;
  transform: translate(68.6775vw, -10px) scale(0.5364);
  animation: fall-138 13s -5s linear infinite;
}
@keyframes fall-138 {
  79.816% {
    transform: translate(71.9911vw, 79.816vh) scale(0.5364);
  }
  to {
    transform: translate(70.3343vw, 100vh) scale(0.5364);
  }
}
.snow:nth-child(139) {
  opacity: 0.8143;
  transform: translate(72.1776vw, -10px) scale(0.299);
  animation: fall-139 20s -19s linear infinite;
}
@keyframes fall-139 {
  36.771% {
    transform: translate(64.5279vw, 36.771vh) scale(0.299);
  }
  to {
    transform: translate(68.35275vw, 100vh) scale(0.299);
  }
}
.snow:nth-child(140) {
  opacity: 0.6081;
  transform: translate(56.0774vw, -10px) scale(0.7619);
  animation: fall-140 11s -22s linear infinite;
}
@keyframes fall-140 {
  76.83% {
    transform: translate(49.617vw, 76.83vh) scale(0.7619);
  }
  to {
    transform: translate(52.8472vw, 100vh) scale(0.7619);
  }
}
.snow:nth-child(141) {
  opacity: 0.8797;
  transform: translate(9.3535vw, -10px) scale(0.356);
  animation: fall-141 15s -16s linear infinite;
}
@keyframes fall-141 {
  52.503% {
    transform: translate(8.443vw, 52.503vh) scale(0.356);
  }
  to {
    transform: translate(8.89825vw, 100vh) scale(0.356);
  }
}
.snow:nth-child(142) {
  opacity: 0.7998;
  transform: translate(16.7908vw, -10px) scale(0.2366);
  animation: fall-142 18s -2s linear infinite;
}
@keyframes fall-142 {
  74.467% {
    transform: translate(25.3145vw, 74.467vh) scale(0.2366);
  }
  to {
    transform: translate(21.05265vw, 100vh) scale(0.2366);
  }
}
.snow:nth-child(143) {
  opacity: 0.0519;
  transform: translate(70.3888vw, -10px) scale(0.4768);
  animation: fall-143 11s -8s linear infinite;
}
@keyframes fall-143 {
  68.476% {
    transform: translate(79.8847vw, 68.476vh) scale(0.4768);
  }
  to {
    transform: translate(75.13675vw, 100vh) scale(0.4768);
  }
}
.snow:nth-child(144) {
  opacity: 0.4403;
  transform: translate(78.2595vw, -10px) scale(0.7897);
  animation: fall-144 13s -8s linear infinite;
}
@keyframes fall-144 {
  74.619% {
    transform: translate(72.2447vw, 74.619vh) scale(0.7897);
  }
  to {
    transform: translate(75.2521vw, 100vh) scale(0.7897);
  }
}
.snow:nth-child(145) {
  opacity: 0.3625;
  transform: translate(48.3147vw, -10px) scale(0.9921);
  animation: fall-145 10s -8s linear infinite;
}
@keyframes fall-145 {
  47.226% {
    transform: translate(53.6235vw, 47.226vh) scale(0.9921);
  }
  to {
    transform: translate(50.9691vw, 100vh) scale(0.9921);
  }
}
.snow:nth-child(146) {
  opacity: 0.9527;
  transform: translate(76.0888vw, -10px) scale(0.8888);
  animation: fall-146 20s -19s linear infinite;
}
@keyframes fall-146 {
  37.002% {
    transform: translate(71.0309vw, 37.002vh) scale(0.8888);
  }
  to {
    transform: translate(73.55985vw, 100vh) scale(0.8888);
  }
}
.snow:nth-child(147) {
  opacity: 0.1068;
  transform: translate(73.6431vw, -10px) scale(0.316);
  animation: fall-147 18s -11s linear infinite;
}
@keyframes fall-147 {
  33.141% {
    transform: translate(67.6069vw, 33.141vh) scale(0.316);
  }
  to {
    transform: translate(70.625vw, 100vh) scale(0.316);
  }
}
.snow:nth-child(148) {
  opacity: 0.8534;
  transform: translate(52.2834vw, -10px) scale(0.2177);
  animation: fall-148 17s -4s linear infinite;
}
@keyframes fall-148 {
  61.203% {
    transform: translate(57.9552vw, 61.203vh) scale(0.2177);
  }
  to {
    transform: translate(55.1193vw, 100vh) scale(0.2177);
  }
}
.snow:nth-child(149) {
  opacity: 0.9358;
  transform: translate(71.293vw, -10px) scale(0.0095);
  animation: fall-149 12s -19s linear infinite;
}
@keyframes fall-149 {
  79.227% {
    transform: translate(64.4464vw, 79.227vh) scale(0.0095);
  }
  to {
    transform: translate(67.8697vw, 100vh) scale(0.0095);
  }
}
.snow:nth-child(150) {
  opacity: 0.6897;
  transform: translate(90.4401vw, -10px) scale(0.8843);
  animation: fall-150 15s -7s linear infinite;
}
@keyframes fall-150 {
  35.777% {
    transform: translate(98.3103vw, 35.777vh) scale(0.8843);
  }
  to {
    transform: translate(94.3752vw, 100vh) scale(0.8843);
  }
}
.snow:nth-child(151) {
  opacity: 0.8417;
  transform: translate(63.4127vw, -10px) scale(0.1117);
  animation: fall-151 19s -23s linear infinite;
}
@keyframes fall-151 {
  35.594% {
    transform: translate(58.7483vw, 35.594vh) scale(0.1117);
  }
  to {
    transform: translate(61.0805vw, 100vh) scale(0.1117);
  }
}
.snow:nth-child(152) {
  opacity: 0.4051;
  transform: translate(62.8925vw, -10px) scale(0.4489);
  animation: fall-152 18s -19s linear infinite;
}
@keyframes fall-152 {
  75.434% {
    transform: translate(66.819vw, 75.434vh) scale(0.4489);
  }
  to {
    transform: translate(64.85575vw, 100vh) scale(0.4489);
  }
}
.snow:nth-child(153) {
  opacity: 0.8576;
  transform: translate(58.4535vw, -10px) scale(0.1408);
  animation: fall-153 16s -5s linear infinite;
}
@keyframes fall-153 {
  68.08% {
    transform: translate(57.2497vw, 68.08vh) scale(0.1408);
  }
  to {
    transform: translate(57.8516vw, 100vh) scale(0.1408);
  }
}
.snow:nth-child(154) {
  opacity: 0.7114;
  transform: translate(22.8347vw, -10px) scale(0.258);
  animation: fall-154 10s -15s linear infinite;
}
@keyframes fall-154 {
  35.492% {
    transform: translate(24.7895vw, 35.492vh) scale(0.258);
  }
  to {
    transform: translate(23.8121vw, 100vh) scale(0.258);
  }
}
.snow:nth-child(155) {
  opacity: 0.6528;
  transform: translate(16.3609vw, -10px) scale(0.3157);
  animation: fall-155 20s -25s linear infinite;
}
@keyframes fall-155 {
  71.266% {
    transform: translate(19.0813vw, 71.266vh) scale(0.3157);
  }
  to {
    transform: translate(17.7211vw, 100vh) scale(0.3157);
  }
}
.snow:nth-child(156) {
  opacity: 0.3571;
  transform: translate(80.3758vw, -10px) scale(0.8839);
  animation: fall-156 12s -8s linear infinite;
}
@keyframes fall-156 {
  79.469% {
    transform: translate(75.7845vw, 79.469vh) scale(0.8839);
  }
  to {
    transform: translate(78.08015vw, 100vh) scale(0.8839);
  }
}
.snow:nth-child(157) {
  opacity: 0.6888;
  transform: translate(97.5121vw, -10px) scale(0.9547);
  animation: fall-157 19s -23s linear infinite;
}
@keyframes fall-157 {
  70.93% {
    transform: translate(91.7397vw, 70.93vh) scale(0.9547);
  }
  to {
    transform: translate(94.6259vw, 100vh) scale(0.9547);
  }
}
.snow:nth-child(158) {
  opacity: 0.4817;
  transform: translate(24.8606vw, -10px) scale(0.6726);
  animation: fall-158 16s -21s linear infinite;
}
@keyframes fall-158 {
  73.946% {
    transform: translate(28.3096vw, 73.946vh) scale(0.6726);
  }
  to {
    transform: translate(26.5851vw, 100vh) scale(0.6726);
  }
}
.snow:nth-child(159) {
  opacity: 0.2566;
  transform: translate(49.7009vw, -10px) scale(0.1676);
  animation: fall-159 17s -13s linear infinite;
}
@keyframes fall-159 {
  71.637% {
    transform: translate(40.0617vw, 71.637vh) scale(0.1676);
  }
  to {
    transform: translate(44.8813vw, 100vh) scale(0.1676);
  }
}
.snow:nth-child(160) {
  opacity: 0.5485;
  transform: translate(84.2529vw, -10px) scale(0.5579);
  animation: fall-160 18s -30s linear infinite;
}
@keyframes fall-160 {
  75.509% {
    transform: translate(87.8969vw, 75.509vh) scale(0.5579);
  }
  to {
    transform: translate(86.0749vw, 100vh) scale(0.5579);
  }
}
.snow:nth-child(161) {
  opacity: 0.5087;
  transform: translate(30.8198vw, -10px) scale(0.7044);
  animation: fall-161 13s -5s linear infinite;
}
@keyframes fall-161 {
  60.225% {
    transform: translate(36.1479vw, 60.225vh) scale(0.7044);
  }
  to {
    transform: translate(33.48385vw, 100vh) scale(0.7044);
  }
}
.snow:nth-child(162) {
  opacity: 0.6749;
  transform: translate(85.0603vw, -10px) scale(0.6002);
  animation: fall-162 19s -28s linear infinite;
}
@keyframes fall-162 {
  67.977% {
    transform: translate(78.377vw, 67.977vh) scale(0.6002);
  }
  to {
    transform: translate(81.71865vw, 100vh) scale(0.6002);
  }
}
.snow:nth-child(163) {
  opacity: 0.3917;
  transform: translate(90.0614vw, -10px) scale(0.5921);
  animation: fall-163 10s -8s linear infinite;
}
@keyframes fall-163 {
  33.629% {
    transform: translate(97.0719vw, 33.629vh) scale(0.5921);
  }
  to {
    transform: translate(93.56665vw, 100vh) scale(0.5921);
  }
}
.snow:nth-child(164) {
  opacity: 0.4414;
  transform: translate(55.0946vw, -10px) scale(0.1189);
  animation: fall-164 10s -17s linear infinite;
}
@keyframes fall-164 {
  66.476% {
    transform: translate(55.192vw, 66.476vh) scale(0.1189);
  }
  to {
    transform: translate(55.1433vw, 100vh) scale(0.1189);
  }
}
.snow:nth-child(165) {
  opacity: 0.3083;
  transform: translate(2.275vw, -10px) scale(0.3855);
  animation: fall-165 13s -3s linear infinite;
}
@keyframes fall-165 {
  69.211% {
    transform: translate(7.3917vw, 69.211vh) scale(0.3855);
  }
  to {
    transform: translate(4.83335vw, 100vh) scale(0.3855);
  }
}
.snow:nth-child(166) {
  opacity: 0.1718;
  transform: translate(12.0165vw, -10px) scale(0.4242);
  animation: fall-166 11s -8s linear infinite;
}
@keyframes fall-166 {
  76.098% {
    transform: translate(6.8972vw, 76.098vh) scale(0.4242);
  }
  to {
    transform: translate(9.45685vw, 100vh) scale(0.4242);
  }
}
.snow:nth-child(167) {
  opacity: 0.6966;
  transform: translate(75.6629vw, -10px) scale(0.8335);
  animation: fall-167 12s -29s linear infinite;
}
@keyframes fall-167 {
  66.453% {
    transform: translate(65.6857vw, 66.453vh) scale(0.8335);
  }
  to {
    transform: translate(70.6743vw, 100vh) scale(0.8335);
  }
}
.snow:nth-child(168) {
  opacity: 0.454;
  transform: translate(99.0349vw, -10px) scale(0.0459);
  animation: fall-168 13s -28s linear infinite;
}
@keyframes fall-168 {
  39.933% {
    transform: translate(107.7517vw, 39.933vh) scale(0.0459);
  }
  to {
    transform: translate(103.3933vw, 100vh) scale(0.0459);
  }
}
.snow:nth-child(169) {
  opacity: 0.2271;
  transform: translate(7.3954vw, -10px) scale(0.1536);
  animation: fall-169 13s -9s linear infinite;
}
@keyframes fall-169 {
  78.366% {
    transform: translate(11.3962vw, 78.366vh) scale(0.1536);
  }
  to {
    transform: translate(9.3958vw, 100vh) scale(0.1536);
  }
}
.snow:nth-child(170) {
  opacity: 0.3064;
  transform: translate(49.3944vw, -10px) scale(0.9539);
  animation: fall-170 15s -16s linear infinite;
}
@keyframes fall-170 {
  65.466% {
    transform: translate(46.7609vw, 65.466vh) scale(0.9539);
  }
  to {
    transform: translate(48.07765vw, 100vh) scale(0.9539);
  }
}
.snow:nth-child(171) {
  opacity: 0.1193;
  transform: translate(93.8869vw, -10px) scale(0.5354);
  animation: fall-171 16s -30s linear infinite;
}
@keyframes fall-171 {
  51.478% {
    transform: translate(91.9226vw, 51.478vh) scale(0.5354);
  }
  to {
    transform: translate(92.90475vw, 100vh) scale(0.5354);
  }
}
.snow:nth-child(172) {
  opacity: 0.0338;
  transform: translate(27.7657vw, -10px) scale(0.9491);
  animation: fall-172 18s -29s linear infinite;
}
@keyframes fall-172 {
  38.379% {
    transform: translate(36.3543vw, 38.379vh) scale(0.9491);
  }
  to {
    transform: translate(32.06vw, 100vh) scale(0.9491);
  }
}
.snow:nth-child(173) {
  opacity: 0.0642;
  transform: translate(68.09vw, -10px) scale(0.218);
  animation: fall-173 14s -17s linear infinite;
}
@keyframes fall-173 {
  37.267% {
    transform: translate(61.6458vw, 37.267vh) scale(0.218);
  }
  to {
    transform: translate(64.8679vw, 100vh) scale(0.218);
  }
}
.snow:nth-child(174) {
  opacity: 0.1154;
  transform: translate(70.9711vw, -10px) scale(0.3482);
  animation: fall-174 15s -12s linear infinite;
}
@keyframes fall-174 {
  55.027% {
    transform: translate(79.5143vw, 55.027vh) scale(0.3482);
  }
  to {
    transform: translate(75.2427vw, 100vh) scale(0.3482);
  }
}
.snow:nth-child(175) {
  opacity: 0.4567;
  transform: translate(53.9906vw, -10px) scale(0.0324);
  animation: fall-175 11s -10s linear infinite;
}
@keyframes fall-175 {
  42.339% {
    transform: translate(48.3788vw, 42.339vh) scale(0.0324);
  }
  to {
    transform: translate(51.1847vw, 100vh) scale(0.0324);
  }
}
.snow:nth-child(176) {
  opacity: 0.5396;
  transform: translate(18.9182vw, -10px) scale(0.3978);
  animation: fall-176 14s -25s linear infinite;
}
@keyframes fall-176 {
  39.686% {
    transform: translate(9.3433vw, 39.686vh) scale(0.3978);
  }
  to {
    transform: translate(14.13075vw, 100vh) scale(0.3978);
  }
}
.snow:nth-child(177) {
  opacity: 0.7913;
  transform: translate(58.0286vw, -10px) scale(0.3996);
  animation: fall-177 12s -26s linear infinite;
}
@keyframes fall-177 {
  44.022% {
    transform: translate(57.0336vw, 44.022vh) scale(0.3996);
  }
  to {
    transform: translate(57.5311vw, 100vh) scale(0.3996);
  }
}
.snow:nth-child(178) {
  opacity: 0.1226;
  transform: translate(18.305vw, -10px) scale(0.1668);
  animation: fall-178 18s -11s linear infinite;
}
@keyframes fall-178 {
  67.271% {
    transform: translate(26.8608vw, 67.271vh) scale(0.1668);
  }
  to {
    transform: translate(22.5829vw, 100vh) scale(0.1668);
  }
}
.snow:nth-child(179) {
  opacity: 0.6102;
  transform: translate(40.1265vw, -10px) scale(0.239);
  animation: fall-179 17s -19s linear infinite;
}
@keyframes fall-179 {
  47.789% {
    transform: translate(48.5267vw, 47.789vh) scale(0.239);
  }
  to {
    transform: translate(44.3266vw, 100vh) scale(0.239);
  }
}
.snow:nth-child(180) {
  opacity: 0.8274;
  transform: translate(93.9814vw, -10px) scale(0.4086);
  animation: fall-180 14s -25s linear infinite;
}
@keyframes fall-180 {
  46.91% {
    transform: translate(91.5138vw, 46.91vh) scale(0.4086);
  }
  to {
    transform: translate(92.7476vw, 100vh) scale(0.4086);
  }
}
.snow:nth-child(181) {
  opacity: 0.8818;
  transform: translate(22.3942vw, -10px) scale(0.1641);
  animation: fall-181 17s -21s linear infinite;
}
@keyframes fall-181 {
  59.41% {
    transform: translate(16.7118vw, 59.41vh) scale(0.1641);
  }
  to {
    transform: translate(19.553vw, 100vh) scale(0.1641);
  }
}
.snow:nth-child(182) {
  opacity: 0.3296;
  transform: translate(89.1696vw, -10px) scale(0.3068);
  animation: fall-182 11s -16s linear infinite;
}
@keyframes fall-182 {
  72.795% {
    transform: translate(82.2282vw, 72.795vh) scale(0.3068);
  }
  to {
    transform: translate(85.6989vw, 100vh) scale(0.3068);
  }
}
.snow:nth-child(183) {
  opacity: 0.1654;
  transform: translate(19.4268vw, -10px) scale(0.3773);
  animation: fall-183 18s -28s linear infinite;
}
@keyframes fall-183 {
  44.129% {
    transform: translate(10.8247vw, 44.129vh) scale(0.3773);
  }
  to {
    transform: translate(15.12575vw, 100vh) scale(0.3773);
  }
}
.snow:nth-child(184) {
  opacity: 0.8389;
  transform: translate(64.8146vw, -10px) scale(0.6921);
  animation: fall-184 11s -28s linear infinite;
}
@keyframes fall-184 {
  73.668% {
    transform: translate(67.2096vw, 73.668vh) scale(0.6921);
  }
  to {
    transform: translate(66.0121vw, 100vh) scale(0.6921);
  }
}
.snow:nth-child(185) {
  opacity: 0.8926;
  transform: translate(60.7823vw, -10px) scale(0.4869);
  animation: fall-185 13s -25s linear infinite;
}
@keyframes fall-185 {
  48.179% {
    transform: translate(57.9734vw, 48.179vh) scale(0.4869);
  }
  to {
    transform: translate(59.37785vw, 100vh) scale(0.4869);
  }
}
.snow:nth-child(186) {
  opacity: 0.5191;
  transform: translate(35.4179vw, -10px) scale(0.6156);
  animation: fall-186 20s -22s linear infinite;
}
@keyframes fall-186 {
  65.69% {
    transform: translate(30.2242vw, 65.69vh) scale(0.6156);
  }
  to {
    transform: translate(32.82105vw, 100vh) scale(0.6156);
  }
}
.snow:nth-child(187) {
  opacity: 0.5109;
  transform: translate(71.9753vw, -10px) scale(0.8865);
  animation: fall-187 15s -4s linear infinite;
}
@keyframes fall-187 {
  42.214% {
    transform: translate(71.8442vw, 42.214vh) scale(0.8865);
  }
  to {
    transform: translate(71.90975vw, 100vh) scale(0.8865);
  }
}
.snow:nth-child(188) {
  opacity: 0.3711;
  transform: translate(0.4887vw, -10px) scale(0.7745);
  animation: fall-188 16s -21s linear infinite;
}
@keyframes fall-188 {
  50.767% {
    transform: translate(5.9169vw, 50.767vh) scale(0.7745);
  }
  to {
    transform: translate(3.2028vw, 100vh) scale(0.7745);
  }
}
.snow:nth-child(189) {
  opacity: 0.1552;
  transform: translate(73.1434vw, -10px) scale(0.6339);
  animation: fall-189 15s -15s linear infinite;
}
@keyframes fall-189 {
  56.315% {
    transform: translate(66.0918vw, 56.315vh) scale(0.6339);
  }
  to {
    transform: translate(69.6176vw, 100vh) scale(0.6339);
  }
}
.snow:nth-child(190) {
  opacity: 0.7516;
  transform: translate(24.3565vw, -10px) scale(0.3334);
  animation: fall-190 19s -3s linear infinite;
}
@keyframes fall-190 {
  44.912% {
    transform: translate(22.8275vw, 44.912vh) scale(0.3334);
  }
  to {
    transform: translate(23.592vw, 100vh) scale(0.3334);
  }
}
.snow:nth-child(191) {
  opacity: 0.438;
  transform: translate(82.0642vw, -10px) scale(0.9668);
  animation: fall-191 18s -12s linear infinite;
}
@keyframes fall-191 {
  62.727% {
    transform: translate(84.5168vw, 62.727vh) scale(0.9668);
  }
  to {
    transform: translate(83.2905vw, 100vh) scale(0.9668);
  }
}
.snow:nth-child(192) {
  opacity: 0.2257;
  transform: translate(94.116vw, -10px) scale(0.4157);
  animation: fall-192 11s -20s linear infinite;
}
@keyframes fall-192 {
  62.725% {
    transform: translate(94.2221vw, 62.725vh) scale(0.4157);
  }
  to {
    transform: translate(94.16905vw, 100vh) scale(0.4157);
  }
}
.snow:nth-child(193) {
  opacity: 0.8344;
  transform: translate(25.8077vw, -10px) scale(0.6447);
  animation: fall-193 18s -3s linear infinite;
}
@keyframes fall-193 {
  67.79% {
    transform: translate(33.5918vw, 67.79vh) scale(0.6447);
  }
  to {
    transform: translate(29.69975vw, 100vh) scale(0.6447);
  }
}
.snow:nth-child(194) {
  opacity: 0.9596;
  transform: translate(93.0257vw, -10px) scale(0.078);
  animation: fall-194 15s -6s linear infinite;
}
@keyframes fall-194 {
  40.555% {
    transform: translate(91.1296vw, 40.555vh) scale(0.078);
  }
  to {
    transform: translate(92.07765vw, 100vh) scale(0.078);
  }
}
.snow:nth-child(195) {
  opacity: 0.0293;
  transform: translate(4.9479vw, -10px) scale(0.2764);
  animation: fall-195 13s -10s linear infinite;
}
@keyframes fall-195 {
  34.406% {
    transform: translate(6.1793vw, 34.406vh) scale(0.2764);
  }
  to {
    transform: translate(5.5636vw, 100vh) scale(0.2764);
  }
}
.snow:nth-child(196) {
  opacity: 0.9438;
  transform: translate(20.0471vw, -10px) scale(0.0032);
  animation: fall-196 13s -6s linear infinite;
}
@keyframes fall-196 {
  75.692% {
    transform: translate(12.508vw, 75.692vh) scale(0.0032);
  }
  to {
    transform: translate(16.27755vw, 100vh) scale(0.0032);
  }
}
.snow:nth-child(197) {
  opacity: 0.4271;
  transform: translate(54.6859vw, -10px) scale(0.2785);
  animation: fall-197 17s -16s linear infinite;
}
@keyframes fall-197 {
  62.797% {
    transform: translate(56.3761vw, 62.797vh) scale(0.2785);
  }
  to {
    transform: translate(55.531vw, 100vh) scale(0.2785);
  }
}
.snow:nth-child(198) {
  opacity: 0.8728;
  transform: translate(63.4444vw, -10px) scale(0.7521);
  animation: fall-198 20s -23s linear infinite;
}
@keyframes fall-198 {
  58.765% {
    transform: translate(65.0932vw, 58.765vh) scale(0.7521);
  }
  to {
    transform: translate(64.2688vw, 100vh) scale(0.7521);
  }
}
.snow:nth-child(199) {
  opacity: 0.6282;
  transform: translate(44.518vw, -10px) scale(0.1013);
  animation: fall-199 14s -26s linear infinite;
}
@keyframes fall-199 {
  75.561% {
    transform: translate(52.168vw, 75.561vh) scale(0.1013);
  }
  to {
    transform: translate(48.343vw, 100vh) scale(0.1013);
  }
}
.snow:nth-child(200) {
  opacity: 0.3362;
  transform: translate(31.6698vw, -10px) scale(0.9156);
  animation: fall-200 11s -22s linear infinite;
}
@keyframes fall-200 {
  36.36% {
    transform: translate(24.9946vw, 36.36vh) scale(0.9156);
  }
  to {
    transform: translate(28.3322vw, 100vh) scale(0.9156);
  }
}

#clouds {
  position: absolute;
  width: 100%;
  height: 200px;
  top: -100px;
  left: 0px;
  background-image: url(../img/bannernavidad2017/backgroundsclouds.png);
  background-position: top left;
  background-repeat: repeat-x;
  overflow: hidden;
  z-index: 2;
}

#sky {
  background: #017cfe;
  position: relative;
  height: 100vh;
}

#sun {
  background: yellow;
  border-radius: 50%;
  margin-top: 50px;
  margin-left: 100px;
  animation: shine 5s linear forwards;
}

/* animation keyframes for the sun */
@keyframes shine {
  from {
    box-shadow: 0 0 10px 10px yellow;
    width: 50px;
    height: 50px;
  }
  to {
    width: 150px;
    height: 150px;
    box-shadow: 0 0 20px 20px yellow;
  }
}
#cloud1 {
  z-index: 10;
  animation: drift 100s linear infinite;
}

#cloud2 {
  z-index: 200;
  animation: drift 140s linear infinite;
}

#cloud1,
#cloud2 {
  position: absolute;
}

#cloud1 {
  top: 90px;
  left: 70px;
  z-index: 3;
}
#cloud1 .cloudLayers .layer1 {
  width: 100px;
  height: 30px;
  border-radius: 50px;
  background: #ffffff;
  position: absolute;
}
#cloud1 .cloudLayers .layer2 {
  position: absolute;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #fff;
  top: -20px;
  left: 60px;
  z-index: -1;
}
#cloud1 .cloudLayers .layer3 {
  position: absolute;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: #fff;
  top: -30px;
  left: 20px;
  z-index: -2;
}

#cloud2 {
  top: 100px;
  left: 50px;
  z-index: 3;
}
#cloud2 .cloudLayers .layer1 {
  width: 100px;
  height: 30px;
  border-radius: 50px;
  background: #ffffff;
  position: absolute;
}
#cloud2 .cloudLayers .layer2 {
  position: absolute;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #fff;
  top: -20px;
  left: 60px;
  z-index: -1;
}
#cloud2 .cloudLayers .layer3 {
  position: absolute;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: #fff;
  top: -30px;
  left: 20px;
  z-index: -2;
}

/* cloud animation keyframes */
@keyframes drift {
  from {
    transform: translateX(-300px);
    opacity: 0.8;
  }
  to {
    transform: translateX(1800px);
    opacity: 1;
  }
}
@keyframes flipUp {
  from {
    transform: rotateX(90deg);
  }
  to {
    transform: rotateX(0deg);
  }
}

/*# sourceMappingURL=snow.css.map */