.netweb-hieu-ungok4 {
  z-index: 2;
  position: absolute;
  width: 100%;
  height: -webkit-fill-available;
}

.hu-netweb-4 {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  overflow: hidden;
}

.netweb-hieu-ungok5 {
  z-index: 2;
  position: absolute;
  width: 100%;
  height: -webkit-fill-available !important;
}

#netweb-hu-5 {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  overflow: hidden;
}


.alignfull {
    width:  100vw;
    max-width:  100vw;
    margin-left:  calc(50% - 50vw);
  }
  
  .alignwide {
   width:  100%;
   max-width:  100%;
  }

  .hide-desktop {
    display: none;
  }

  /* .menu-block-netweb21.fix-head {
    top: 0;
}
   */


/* hieu ung 3 */
   :root{
    --gird-width:30px;
    --gird-height:30px;
    --line-color:#999;
    --dot-color:#ccc;
    --dot-size:2px;
    --point-gap-width:calc(var(--gird-width) * 4);
    --point-gap-height:calc(var(--gird-height) * 4);
  }
  
  
  .hu-netweb-3 {
    position: absolute;
    width: 100%;
    height: -webkit-fill-available;
    z-index: 2;
    overflow: hidden;
}
  
  .grid-bg{
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  
  /* .ba-grid{
    position: relative;
    z-index: 1;
    background: #333;
  } */
  
  
  .ba-grid:before,
  .ba-grid:after,
  .inner:before,
  .inner:after{
    content:'';
    position: absolute;
    z-index: 1;
    top:0;
    bottom:0;
    left:0;
    right:0;
    mix-blend-mode: overlay;
  }
  
  .ba-grid:before{
    /* background-image: 
      linear-gradient(var(--line-color), transparent 1px),
      linear-gradient(to right, var(--line-color), transparent 1px); */
    /* background-size:
      100% var(--gird-height),
      var(--gird-width) 100%; */
  }
  
  .ba-grid:after{
    background-image: radial-gradient(var(--dot-color) 1px, transparent 1px);
    background-size: var(--point-gap-width) var(--point-gap-height);
    background-position: calc(var(--point-gap-width) / 2) calc(var(--point-gap-height) / 2);
  }
  
  
  
  .inner:before,
  .inner:after{
    background-image: radial-gradient(var(--dot-color) var(--dot-size), transparent var(--dot-size));
    background-size: var(--point-gap-width) var(--point-gap-height);
    background-position: calc(var(--point-gap-width) / 2) calc(var(--point-gap-height) / 2);  
  
  }
  
  .inner:after{
    
    transform: scale(1.1, 1.1);
  }
  
  .inner:before{
  /*   background-image: radial-gradient(var(--dot-color) calc(var(--dot-size) + 1px), transparent calc(var(--dot-size) + 1px)); */
    transform: scale(1.2, 1.2);
  }
  
  .anim:after{
    animation: 6.4s linear move infinite;
  }
  
  .anim .inner:after{
    animation: 3.2s linear move infinite;
  }
  
  .anim .inner:before{
    animation: 1.6s linear move infinite;
  }
  
  @keyframes move{
    0%{
      background-position:calc(var(--point-gap-width) / 2) calc(var(--point-gap-height) / 2);
    }
    100%{
      background-position:calc(var(--point-gap-width) / 2) calc(var(--point-gap-height) / 2 * -1);
    }
  }
/* hieu ung 3 */



/* hieu ung 6 */
/* customizable snowflake styling */
.snowflake {
  color: #fff;
  font-size: 1em;
  font-family: Arial;
  text-shadow: 0 0 1px #000;
}

@-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%{-webkit-transform:translateX(0px);transform:translateX(0px)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}100%{-webkit-transform:translateX(0px);transform:translateX(0px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%{transform:translateX(0px)}50%{transform:translateX(80px)}100%{transform:translateX(0px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}
/* Demo Purpose Only*/



/* hieu ung 7 */

/* * {
  overflow: hidden;
} */

.g-snows {
  width: 100vw;
  height: 100vh;
  /* background-color: navy;
  background-image: linear-gradient(to bottom, navy, darkgray); */
}

.g-snows > li {
  opacity: 0;
  position: absolute;
  top: 0;
  border-radius: 100%;
  background-color: #FFFFFF;
  background-repeat: no-repeat;
  background-size: 100% auto;
  -webkit-animation-name: snow-drop;
          animation-name: snow-drop;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.g-snows > li:nth-child(1) {
  left: 71%;
  width: 28px;
  height: 28px;
  -webkit-animation-duration: 13192ms;
          animation-duration: 13192ms;
  -webkit-animation-delay: 3956ms;
          animation-delay: 3956ms;
  filter: blur(0px);
}
.g-snows > li:nth-child(2) {
  left: 34%;
  width: 9px;
  height: 9px;
  -webkit-animation-duration: 9575ms;
          animation-duration: 9575ms;
  -webkit-animation-delay: 1092ms;
          animation-delay: 1092ms;
  filter: blur(3px);
}
.g-snows > li:nth-child(3) {
  left: 81%;
  width: 13px;
  height: 13px;
  -webkit-animation-duration: 9542ms;
          animation-duration: 9542ms;
  -webkit-animation-delay: 1370ms;
          animation-delay: 1370ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(4) {
  left: 22%;
  width: 13px;
  height: 13px;
  -webkit-animation-duration: 8635ms;
          animation-duration: 8635ms;
  -webkit-animation-delay: 1985ms;
          animation-delay: 1985ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(5) {
  left: 37%;
  width: 19px;
  height: 19px;
  -webkit-animation-duration: 5135ms;
          animation-duration: 5135ms;
  -webkit-animation-delay: 1957ms;
          animation-delay: 1957ms;
  filter: blur(0px);
}
.g-snows > li:nth-child(6) {
  left: 11%;
  width: 13px;
  height: 13px;
  -webkit-animation-duration: 7653ms;
          animation-duration: 7653ms;
  -webkit-animation-delay: 323ms;
          animation-delay: 323ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(7) {
  left: 24%;
  width: 18px;
  height: 18px;
  -webkit-animation-duration: 8854ms;
          animation-duration: 8854ms;
  -webkit-animation-delay: 3139ms;
          animation-delay: 3139ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(8) {
  left: 119%;
  width: 22px;
  height: 22px;
  -webkit-animation-duration: 5651ms;
          animation-duration: 5651ms;
  -webkit-animation-delay: 2659ms;
          animation-delay: 2659ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(9) {
  left: 11%;
  width: 25px;
  height: 25px;
  -webkit-animation-duration: 8294ms;
          animation-duration: 8294ms;
  -webkit-animation-delay: 4228ms;
          animation-delay: 4228ms;
  filter: blur(0px);
}
.g-snows > li:nth-child(10) {
  left: 110%;
  width: 1px;
  height: 1px;
  -webkit-animation-duration: 8484ms;
          animation-duration: 8484ms;
  -webkit-animation-delay: 3889ms;
          animation-delay: 3889ms;
  filter: blur(0px);
}
.g-snows > li:nth-child(11) {
  left: 14%;
  width: 4px;
  height: 4px;
  -webkit-animation-duration: 8309ms;
          animation-duration: 8309ms;
  -webkit-animation-delay: 1025ms;
          animation-delay: 1025ms;
  filter: blur(3px);
}
.g-snows > li:nth-child(12) {
  left: 9%;
  width: 0px;
  height: 0px;
  -webkit-animation-duration: 8007ms;
          animation-duration: 8007ms;
  -webkit-animation-delay: 4153ms;
          animation-delay: 4153ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(13) {
  left: 68%;
  width: 11px;
  height: 11px;
  -webkit-animation-duration: 9992ms;
          animation-duration: 9992ms;
  -webkit-animation-delay: 3939ms;
          animation-delay: 3939ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(14) {
  left: 46%;
  width: 2px;
  height: 2px;
  -webkit-animation-duration: 9475ms;
          animation-duration: 9475ms;
  -webkit-animation-delay: 1461ms;
          animation-delay: 1461ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(15) {
  left: 27%;
  width: 11px;
  height: 11px;
  -webkit-animation-duration: 7638ms;
          animation-duration: 7638ms;
  -webkit-animation-delay: 3927ms;
          animation-delay: 3927ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(16) {
  left: 5%;
  width: 1px;
  height: 1px;
  -webkit-animation-duration: 7943ms;
          animation-duration: 7943ms;
  -webkit-animation-delay: 1152ms;
          animation-delay: 1152ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(17) {
  left: 15%;
  width: 9px;
  height: 9px;
  -webkit-animation-duration: 6290ms;
          animation-duration: 6290ms;
  -webkit-animation-delay: 634ms;
          animation-delay: 634ms;
  filter: blur(0px);
}
.g-snows > li:nth-child(18) {
  left: 84%;
  width: 16px;
  height: 16px;
  -webkit-animation-duration: 10868ms;
          animation-duration: 10868ms;
  -webkit-animation-delay: 503ms;
          animation-delay: 503ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(19) {
  left: 17%;
  width: 0px;
  height: 0px;
  -webkit-animation-duration: 7212ms;
          animation-duration: 7212ms;
  -webkit-animation-delay: 113ms;
          animation-delay: 113ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(20) {
  left: 90%;
  width: 9px;
  height: 9px;
  -webkit-animation-duration: 5070ms;
          animation-duration: 5070ms;
  -webkit-animation-delay: 1472ms;
          animation-delay: 1472ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(21) {
  left: 22%;
  width: 2px;
  height: 2px;
  -webkit-animation-duration: 5184ms;
          animation-duration: 5184ms;
  -webkit-animation-delay: 642ms;
          animation-delay: 642ms;
  filter: blur(3px);
}
.g-snows > li:nth-child(22) {
  left: 3%;
  width: 2px;
  height: 2px;
  -webkit-animation-duration: 6208ms;
          animation-duration: 6208ms;
  -webkit-animation-delay: 3080ms;
          animation-delay: 3080ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(23) {
  left: 42%;
  width: 7px;
  height: 7px;
  -webkit-animation-duration: 9485ms;
          animation-duration: 9485ms;
  -webkit-animation-delay: 4222ms;
          animation-delay: 4222ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(24) {
  left: 23%;
  width: 0px;
  height: 0px;
  -webkit-animation-duration: 6708ms;
          animation-duration: 6708ms;
  -webkit-animation-delay: 2817ms;
          animation-delay: 2817ms;
  filter: blur(0px);
}
.g-snows > li:nth-child(25) {
  left: 99%;
  width: 9px;
  height: 9px;
  -webkit-animation-duration: 6490ms;
          animation-duration: 6490ms;
  -webkit-animation-delay: 4316ms;
          animation-delay: 4316ms;
  filter: blur(0px);
}
.g-snows > li:nth-child(26) {
  left: 14%;
  width: 15px;
  height: 15px;
  -webkit-animation-duration: 13920ms;
          animation-duration: 13920ms;
  -webkit-animation-delay: 1473ms;
          animation-delay: 1473ms;
  filter: blur(3px);
}
.g-snows > li:nth-child(27) {
  left: 78%;
  width: 6px;
  height: 6px;
  -webkit-animation-duration: 6954ms;
          animation-duration: 6954ms;
  -webkit-animation-delay: 1705ms;
          animation-delay: 1705ms;
  filter: blur(0px);
}
.g-snows > li:nth-child(28) {
  left: 99%;
  width: 23px;
  height: 23px;
  -webkit-animation-duration: 7466ms;
          animation-duration: 7466ms;
  -webkit-animation-delay: 4368ms;
          animation-delay: 4368ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(29) {
  left: 128%;
  width: 21px;
  height: 21px;
  -webkit-animation-duration: 9488ms;
          animation-duration: 9488ms;
  -webkit-animation-delay: 4181ms;
          animation-delay: 4181ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(30) {
  left: 22%;
  width: 0px;
  height: 0px;
  -webkit-animation-duration: 11217ms;
          animation-duration: 11217ms;
  -webkit-animation-delay: 4061ms;
          animation-delay: 4061ms;
  filter: blur(0px);
}
.g-snows > li:nth-child(31) {
  left: 7%;
  width: 0px;
  height: 0px;
  -webkit-animation-duration: 5514ms;
          animation-duration: 5514ms;
  -webkit-animation-delay: 4082ms;
          animation-delay: 4082ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(32) {
  left: 87%;
  width: 9px;
  height: 9px;
  -webkit-animation-duration: 7243ms;
          animation-duration: 7243ms;
  -webkit-animation-delay: 3912ms;
          animation-delay: 3912ms;
  filter: blur(0px);
}
.g-snows > li:nth-child(33) {
  left: 53%;
  width: 9px;
  height: 9px;
  -webkit-animation-duration: 10558ms;
          animation-duration: 10558ms;
  -webkit-animation-delay: 1744ms;
          animation-delay: 1744ms;
  filter: blur(0px);
}
.g-snows > li:nth-child(34) {
  left: 11%;
  width: 3px;
  height: 3px;
  -webkit-animation-duration: 11945ms;
          animation-duration: 11945ms;
  -webkit-animation-delay: 2650ms;
          animation-delay: 2650ms;
  filter: blur(4px);
}
.g-snows > li:nth-child(35) {
  left: 18%;
  width: 7px;
  height: 7px;
  -webkit-animation-duration: 6862ms;
          animation-duration: 6862ms;
  -webkit-animation-delay: 928ms;
          animation-delay: 928ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(36) {
  left: 65%;
  width: 1px;
  height: 1px;
  -webkit-animation-duration: 5742ms;
          animation-duration: 5742ms;
  -webkit-animation-delay: 4307ms;
          animation-delay: 4307ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(37) {
  left: 46%;
  width: 4px;
  height: 4px;
  -webkit-animation-duration: 9128ms;
          animation-duration: 9128ms;
  -webkit-animation-delay: 120ms;
          animation-delay: 120ms;
  filter: blur(4px);
}
.g-snows > li:nth-child(38) {
  left: 74%;
  width: 10px;
  height: 10px;
  -webkit-animation-duration: 12510ms;
          animation-duration: 12510ms;
  -webkit-animation-delay: 3842ms;
          animation-delay: 3842ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(39) {
  left: 63%;
  width: 5px;
  height: 5px;
  -webkit-animation-duration: 12687ms;
          animation-duration: 12687ms;
  -webkit-animation-delay: 3026ms;
          animation-delay: 3026ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(40) {
  left: 52%;
  width: 18px;
  height: 18px;
  -webkit-animation-duration: 6142ms;
          animation-duration: 6142ms;
  -webkit-animation-delay: 227ms;
          animation-delay: 227ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(41) {
  left: 110%;
  width: 3px;
  height: 3px;
  -webkit-animation-duration: 9795ms;
          animation-duration: 9795ms;
  -webkit-animation-delay: 1494ms;
          animation-delay: 1494ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(42) {
  left: 64%;
  width: 16px;
  height: 16px;
  -webkit-animation-duration: 11864ms;
          animation-duration: 11864ms;
  -webkit-animation-delay: 3232ms;
          animation-delay: 3232ms;
  filter: blur(3px);
}
.g-snows > li:nth-child(43) {
  left: 94%;
  width: 4px;
  height: 4px;
  -webkit-animation-duration: 9653ms;
          animation-duration: 9653ms;
  -webkit-animation-delay: 276ms;
          animation-delay: 276ms;
  filter: blur(3px);
}
.g-snows > li:nth-child(44) {
  left: 3%;
  width: 22px;
  height: 22px;
  -webkit-animation-duration: 8577ms;
          animation-duration: 8577ms;
  -webkit-animation-delay: 363ms;
          animation-delay: 363ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(45) {
  left: 45%;
  width: 0px;
  height: 0px;
  -webkit-animation-duration: 12758ms;
          animation-duration: 12758ms;
  -webkit-animation-delay: 2964ms;
          animation-delay: 2964ms;
  filter: blur(0px);
}
.g-snows > li:nth-child(46) {
  left: 3%;
  width: 14px;
  height: 14px;
  -webkit-animation-duration: 6068ms;
          animation-duration: 6068ms;
  -webkit-animation-delay: 3168ms;
          animation-delay: 3168ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(47) {
  left: 79%;
  width: 15px;
  height: 15px;
  -webkit-animation-duration: 7941ms;
          animation-duration: 7941ms;
  -webkit-animation-delay: 687ms;
          animation-delay: 687ms;
  filter: blur(0px);
}
.g-snows > li:nth-child(48) {
  left: 72%;
  width: 13px;
  height: 13px;
  -webkit-animation-duration: 13780ms;
          animation-duration: 13780ms;
  -webkit-animation-delay: 1968ms;
          animation-delay: 1968ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(49) {
  left: 36%;
  width: 5px;
  height: 5px;
  -webkit-animation-duration: 10625ms;
          animation-duration: 10625ms;
  -webkit-animation-delay: 4912ms;
          animation-delay: 4912ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(50) {
  left: 20%;
  width: 14px;
  height: 14px;
  -webkit-animation-duration: 7110ms;
          animation-duration: 7110ms;
  -webkit-animation-delay: 2009ms;
          animation-delay: 2009ms;
  filter: blur(3px);
}
.g-snows > li:nth-child(51) {
  left: 84%;
  width: 17px;
  height: 17px;
  -webkit-animation-duration: 5710ms;
          animation-duration: 5710ms;
  -webkit-animation-delay: 3281ms;
          animation-delay: 3281ms;
  filter: blur(3px);
}
.g-snows > li:nth-child(52) {
  left: 53%;
  width: 11px;
  height: 11px;
  -webkit-animation-duration: 11297ms;
          animation-duration: 11297ms;
  -webkit-animation-delay: 1479ms;
          animation-delay: 1479ms;
  filter: blur(0px);
}
.g-snows > li:nth-child(53) {
  left: 88%;
  width: 10px;
  height: 10px;
  -webkit-animation-duration: 6779ms;
          animation-duration: 6779ms;
  -webkit-animation-delay: 679ms;
          animation-delay: 679ms;
  filter: blur(4px);
}
.g-snows > li:nth-child(54) {
  left: 5%;
  width: 14px;
  height: 14px;
  -webkit-animation-duration: 5463ms;
          animation-duration: 5463ms;
  -webkit-animation-delay: 4362ms;
          animation-delay: 4362ms;
  filter: blur(3px);
}
.g-snows > li:nth-child(55) {
  left: 48%;
  width: 4px;
  height: 4px;
  -webkit-animation-duration: 10286ms;
          animation-duration: 10286ms;
  -webkit-animation-delay: 3989ms;
          animation-delay: 3989ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(56) {
  left: 85%;
  width: 24px;
  height: 24px;
  -webkit-animation-duration: 11411ms;
          animation-duration: 11411ms;
  -webkit-animation-delay: 2128ms;
          animation-delay: 2128ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(57) {
  left: 51%;
  width: 6px;
  height: 6px;
  -webkit-animation-duration: 5127ms;
          animation-duration: 5127ms;
  -webkit-animation-delay: 2243ms;
          animation-delay: 2243ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(58) {
  left: 6%;
  width: 1px;
  height: 1px;
  -webkit-animation-duration: 9083ms;
          animation-duration: 9083ms;
  -webkit-animation-delay: 1609ms;
          animation-delay: 1609ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(59) {
  left: 67%;
  width: 19px;
  height: 19px;
  -webkit-animation-duration: 9120ms;
          animation-duration: 9120ms;
  -webkit-animation-delay: 3636ms;
          animation-delay: 3636ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(60) {
  left: 16%;
  width: 25px;
  height: 25px;
  -webkit-animation-duration: 14020ms;
          animation-duration: 14020ms;
  -webkit-animation-delay: 1235ms;
          animation-delay: 1235ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(61) {
  left: 10%;
  width: 2px;
  height: 2px;
  -webkit-animation-duration: 6948ms;
          animation-duration: 6948ms;
  -webkit-animation-delay: 1518ms;
          animation-delay: 1518ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(62) {
  left: 89%;
  width: 4px;
  height: 4px;
  -webkit-animation-duration: 5862ms;
          animation-duration: 5862ms;
  -webkit-animation-delay: 4851ms;
          animation-delay: 4851ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(63) {
  left: 102%;
  width: 16px;
  height: 16px;
  -webkit-animation-duration: 12250ms;
          animation-duration: 12250ms;
  -webkit-animation-delay: 2072ms;
          animation-delay: 2072ms;
  filter: blur(0px);
}
.g-snows > li:nth-child(64) {
  left: 129%;
  width: 10px;
  height: 10px;
  -webkit-animation-duration: 7843ms;
          animation-duration: 7843ms;
  -webkit-animation-delay: 4092ms;
          animation-delay: 4092ms;
  filter: blur(3px);
}
.g-snows > li:nth-child(65) {
  left: 29%;
  width: 18px;
  height: 18px;
  -webkit-animation-duration: 8968ms;
          animation-duration: 8968ms;
  -webkit-animation-delay: 3514ms;
          animation-delay: 3514ms;
  filter: blur(3px);
}
.g-snows > li:nth-child(66) {
  left: 40%;
  width: 16px;
  height: 16px;
  -webkit-animation-duration: 11483ms;
          animation-duration: 11483ms;
  -webkit-animation-delay: 3635ms;
          animation-delay: 3635ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(67) {
  left: 12%;
  width: 14px;
  height: 14px;
  -webkit-animation-duration: 6818ms;
          animation-duration: 6818ms;
  -webkit-animation-delay: 4395ms;
          animation-delay: 4395ms;
  filter: blur(0px);
}
.g-snows > li:nth-child(68) {
  left: 108%;
  width: 23px;
  height: 23px;
  -webkit-animation-duration: 10441ms;
          animation-duration: 10441ms;
  -webkit-animation-delay: 1922ms;
          animation-delay: 1922ms;
  filter: blur(3px);
}
.g-snows > li:nth-child(69) {
  left: 66%;
  width: 13px;
  height: 13px;
  -webkit-animation-duration: 7890ms;
          animation-duration: 7890ms;
  -webkit-animation-delay: 4728ms;
          animation-delay: 4728ms;
  filter: blur(0px);
}
.g-snows > li:nth-child(70) {
  left: 16%;
  width: 16px;
  height: 16px;
  -webkit-animation-duration: 5022ms;
          animation-duration: 5022ms;
  -webkit-animation-delay: 2297ms;
          animation-delay: 2297ms;
  filter: blur(0px);
}
.g-snows > li:nth-child(71) {
  left: 96%;
  width: 8px;
  height: 8px;
  -webkit-animation-duration: 9269ms;
          animation-duration: 9269ms;
  -webkit-animation-delay: 4666ms;
          animation-delay: 4666ms;
  filter: blur(0px);
}
.g-snows > li:nth-child(72) {
  left: 28%;
  width: 3px;
  height: 3px;
  -webkit-animation-duration: 9861ms;
          animation-duration: 9861ms;
  -webkit-animation-delay: 2911ms;
          animation-delay: 2911ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(73) {
  left: 25%;
  width: 11px;
  height: 11px;
  -webkit-animation-duration: 8256ms;
          animation-duration: 8256ms;
  -webkit-animation-delay: 1900ms;
          animation-delay: 1900ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(74) {
  left: 21%;
  width: 9px;
  height: 9px;
  -webkit-animation-duration: 10861ms;
          animation-duration: 10861ms;
  -webkit-animation-delay: 3263ms;
          animation-delay: 3263ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(75) {
  left: 96%;
  width: 7px;
  height: 7px;
  -webkit-animation-duration: 11363ms;
          animation-duration: 11363ms;
  -webkit-animation-delay: 4281ms;
          animation-delay: 4281ms;
  filter: blur(4px);
}
.g-snows > li:nth-child(76) {
  left: 17%;
  width: 11px;
  height: 11px;
  -webkit-animation-duration: 9101ms;
          animation-duration: 9101ms;
  -webkit-animation-delay: 1112ms;
          animation-delay: 1112ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(77) {
  left: 53%;
  width: 8px;
  height: 8px;
  -webkit-animation-duration: 5243ms;
          animation-duration: 5243ms;
  -webkit-animation-delay: 846ms;
          animation-delay: 846ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(78) {
  left: 9%;
  width: 7px;
  height: 7px;
  -webkit-animation-duration: 9942ms;
          animation-duration: 9942ms;
  -webkit-animation-delay: 1634ms;
          animation-delay: 1634ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(79) {
  left: 14%;
  width: 14px;
  height: 14px;
  -webkit-animation-duration: 14659ms;
          animation-duration: 14659ms;
  -webkit-animation-delay: 522ms;
          animation-delay: 522ms;
  filter: blur(0px);
}
.g-snows > li:nth-child(80) {
  left: 51%;
  width: 10px;
  height: 10px;
  -webkit-animation-duration: 7084ms;
          animation-duration: 7084ms;
  -webkit-animation-delay: 3627ms;
          animation-delay: 3627ms;
  filter: blur(3px);
}
.g-snows > li:nth-child(81) {
  left: 28%;
  width: 5px;
  height: 5px;
  -webkit-animation-duration: 7050ms;
          animation-duration: 7050ms;
  -webkit-animation-delay: 3554ms;
          animation-delay: 3554ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(82) {
  left: 129%;
  width: 13px;
  height: 13px;
  -webkit-animation-duration: 7095ms;
          animation-duration: 7095ms;
  -webkit-animation-delay: 3163ms;
          animation-delay: 3163ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(83) {
  left: 122%;
  width: 18px;
  height: 18px;
  -webkit-animation-duration: 6138ms;
          animation-duration: 6138ms;
  -webkit-animation-delay: 472ms;
          animation-delay: 472ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(84) {
  left: 0%;
  width: 12px;
  height: 12px;
  -webkit-animation-duration: 5915ms;
          animation-duration: 5915ms;
  -webkit-animation-delay: 2108ms;
          animation-delay: 2108ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(85) {
  left: 124%;
  width: 20px;
  height: 20px;
  -webkit-animation-duration: 8137ms;
          animation-duration: 8137ms;
  -webkit-animation-delay: 316ms;
          animation-delay: 316ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(86) {
  left: 14%;
  width: 17px;
  height: 17px;
  -webkit-animation-duration: 5827ms;
          animation-duration: 5827ms;
  -webkit-animation-delay: 1615ms;
          animation-delay: 1615ms;
  filter: blur(3px);
}
.g-snows > li:nth-child(87) {
  left: 72%;
  width: 11px;
  height: 11px;
  -webkit-animation-duration: 10515ms;
          animation-duration: 10515ms;
  -webkit-animation-delay: 1540ms;
          animation-delay: 1540ms;
  filter: blur(0px);
}
.g-snows > li:nth-child(88) {
  left: 93%;
  width: 21px;
  height: 21px;
  -webkit-animation-duration: 5976ms;
          animation-duration: 5976ms;
  -webkit-animation-delay: 83ms;
          animation-delay: 83ms;
  filter: blur(0px);
}
.g-snows > li:nth-child(89) {
  left: 84%;
  width: 4px;
  height: 4px;
  -webkit-animation-duration: 9779ms;
          animation-duration: 9779ms;
  -webkit-animation-delay: 77ms;
          animation-delay: 77ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(90) {
  left: 13%;
  width: 4px;
  height: 4px;
  -webkit-animation-duration: 6984ms;
          animation-duration: 6984ms;
  -webkit-animation-delay: 3950ms;
          animation-delay: 3950ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(91) {
  left: 71%;
  width: 23px;
  height: 23px;
  -webkit-animation-duration: 13611ms;
          animation-duration: 13611ms;
  -webkit-animation-delay: 4668ms;
          animation-delay: 4668ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(92) {
  left: 71%;
  width: 5px;
  height: 5px;
  -webkit-animation-duration: 7087ms;
          animation-duration: 7087ms;
  -webkit-animation-delay: 467ms;
          animation-delay: 467ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(93) {
  left: 71%;
  width: 6px;
  height: 6px;
  -webkit-animation-duration: 7603ms;
          animation-duration: 7603ms;
  -webkit-animation-delay: 630ms;
          animation-delay: 630ms;
  filter: blur(0px);
}
.g-snows > li:nth-child(94) {
  left: 41%;
  width: 18px;
  height: 18px;
  -webkit-animation-duration: 5086ms;
          animation-duration: 5086ms;
  -webkit-animation-delay: 1764ms;
          animation-delay: 1764ms;
  filter: blur(1px);
}
.g-snows > li:nth-child(95) {
  left: 82%;
  width: 11px;
  height: 11px;
  -webkit-animation-duration: 7374ms;
          animation-duration: 7374ms;
  -webkit-animation-delay: 3751ms;
          animation-delay: 3751ms;
  filter: blur(3px);
}
.g-snows > li:nth-child(96) {
  left: 17%;
  width: 2px;
  height: 2px;
  -webkit-animation-duration: 9961ms;
          animation-duration: 9961ms;
  -webkit-animation-delay: 3273ms;
          animation-delay: 3273ms;
  filter: blur(0px);
}
.g-snows > li:nth-child(97) {
  left: 69%;
  width: 10px;
  height: 10px;
  -webkit-animation-duration: 9048ms;
          animation-duration: 9048ms;
  -webkit-animation-delay: 4197ms;
          animation-delay: 4197ms;
  filter: blur(3px);
}
.g-snows > li:nth-child(98) {
  left: 38%;
  width: 6px;
  height: 6px;
  -webkit-animation-duration: 6055ms;
          animation-duration: 6055ms;
  -webkit-animation-delay: 763ms;
          animation-delay: 763ms;
  filter: blur(2px);
}
.g-snows > li:nth-child(99) {
  left: 110%;
  width: 5px;
  height: 5px;
  -webkit-animation-duration: 6514ms;
          animation-duration: 6514ms;
  -webkit-animation-delay: 3460ms;
          animation-delay: 3460ms;
  filter: blur(3px);
}
.g-snows > li:nth-child(100) {
  left: 40%;
  width: 18px;
  height: 18px;
  -webkit-animation-duration: 6568ms;
          animation-duration: 6568ms;
  -webkit-animation-delay: 3296ms;
          animation-delay: 3296ms;
  filter: blur(1px);
}

@-webkit-keyframes snow-drop {
  0% {
    transform: translate(0, 0);
    opacity: 0.5;
    margin-left: 0;
  }
  10% {
    margin-left: 15px;
  }
  20% {
    margin-left: 20px;
  }
  25% {
    transform: translate(0, 166.6666666667px);
    opacity: 0.75;
  }
  30% {
    margin-left: 15px;
  }
  40% {
    margin-left: 0;
  }
  50% {
    transform: translate(0, 333.3333333333px);
    opacity: 1;
    margin-left: -15px;
  }
  60% {
    margin-left: -20px;
  }
  70% {
    margin-left: -15px;
  }
  75% {
    transform: translate(0, 500px);
    opacity: 0.5;
  }
  80% {
    margin-left: 0;
  }
  100% {
    transform: translate(0, 666.6666666667px);
    opacity: 0;
  }
}

@keyframes snow-drop {
  0% {
    transform: translate(0, 0);
    opacity: 0.5;
    margin-left: 0;
  }
  10% {
    margin-left: 15px;
  }
  20% {
    margin-left: 20px;
  }
  25% {
    transform: translate(0, 166.6666666667px);
    opacity: 0.75;
  }
  30% {
    margin-left: 15px;
  }
  40% {
    margin-left: 0;
  }
  50% {
    transform: translate(0, 333.3333333333px);
    opacity: 1;
    margin-left: -15px;
  }
  60% {
    margin-left: -20px;
  }
  70% {
    margin-left: -15px;
  }
  75% {
    transform: translate(0, 500px);
    opacity: 0.5;
  }
  80% {
    margin-left: 0;
  }
  100% {
    transform: translate(0, 666.6666666667px);
    opacity: 0;
  }
}
.hu-netweb-7 {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: -webkit-fill-available;
}

/* hieu ung 7 */






/* hu-netweb9 */
.hu-netweb-9 {
  position: absolute;
  width: 100%;
  height: -webkit-fill-available;
  z-index: 2;
}

.snow {
  position: absolute;
  width: 10px;
  height: 10px;
  background: white;
  border-radius: 50%;
}
.snow:nth-child(1) {
  opacity: 0.0369;
  transform: translate(11.4187vw, -10px) scale(0.8693);
  animation: fall-1 24s -30s linear infinite;
}
@keyframes fall-1 {
  59.294% {
    transform: translate(12.6677vw, 59.294vh) scale(0.8693);
  }
  to {
    transform: translate(12.0432vw, 100vh) scale(0.8693);
  }
}
.snow:nth-child(2) {
  opacity: 0.7616;
  transform: translate(36.4144vw, -10px) scale(0.269);
  animation: fall-2 11s -19s linear infinite;
}
@keyframes fall-2 {
  65.96% {
    transform: translate(42.1852vw, 65.96vh) scale(0.269);
  }
  to {
    transform: translate(39.2998vw, 100vh) scale(0.269);
  }
}
.snow:nth-child(3) {
  opacity: 0.4247;
  transform: translate(96.7875vw, -10px) scale(0.3221);
  animation: fall-3 18s -2s linear infinite;
}
@keyframes fall-3 {
  39.31% {
    transform: translate(100.5264vw, 39.31vh) scale(0.3221);
  }
  to {
    transform: translate(98.65695vw, 100vh) scale(0.3221);
  }
}
.snow:nth-child(4) {
  opacity: 0.7882;
  transform: translate(81.3147vw, -10px) scale(0.0515);
  animation: fall-4 13s -9s linear infinite;
}
@keyframes fall-4 {
  69.618% {
    transform: translate(75.4875vw, 69.618vh) scale(0.0515);
  }
  to {
    transform: translate(78.4011vw, 100vh) scale(0.0515);
  }
}
.snow:nth-child(5) {
  opacity: 0.7387;
  transform: translate(66.6888vw, -10px) scale(0.4959);
  animation: fall-5 11s -19s linear infinite;
}
@keyframes fall-5 {
  40.635% {
    transform: translate(69.4798vw, 40.635vh) scale(0.4959);
  }
  to {
    transform: translate(68.0843vw, 100vh) scale(0.4959);
  }
}
.snow:nth-child(6) {
  opacity: 0.6971;
  transform: translate(81.3324vw, -10px) scale(0.7542);
  animation: fall-6 19s -16s linear infinite;
}
@keyframes fall-6 {
  64.697% {
    transform: translate(75.2288vw, 64.697vh) scale(0.7542);
  }
  to {
    transform: translate(78.2806vw, 100vh) scale(0.7542);
  }
}
.snow:nth-child(7) {
  opacity: 0.9046;
  transform: translate(51.529vw, -10px) scale(0.7067);
  animation: fall-7 12s -17s linear infinite;
}
@keyframes fall-7 {
  67.375% {
    transform: translate(57.8166vw, 67.375vh) scale(0.7067);
  }
  to {
    transform: translate(54.6728vw, 100vh) scale(0.7067);
  }
}
.snow:nth-child(8) {
  opacity: 0.8967;
  transform: translate(38.1086vw, -10px) scale(0.6817);
  animation: fall-8 20s -7s linear infinite;
}
@keyframes fall-8 {
  74.348% {
    transform: translate(34.3038vw, 74.348vh) scale(0.6817);
  }
  to {
    transform: translate(36.2062vw, 100vh) scale(0.6817);
  }
}
.snow:nth-child(9) {
  opacity: 0.5884;
  transform: translate(68.4046vw, -10px) scale(0.4642);
  animation: fall-9 20s -22s linear infinite;
}
@keyframes fall-9 {
  42.037% {
    transform: translate(63.2617vw, 42.037vh) scale(0.4642);
  }
  to {
    transform: translate(65.83315vw, 100vh) scale(0.4642);
  }
}
.snow:nth-child(10) {
  opacity: 0.3967;
  transform: translate(82.8054vw, -10px) scale(0.5291);
  animation: fall-10 16s -27s linear infinite;
}
@keyframes fall-10 {
  58.931% {
    transform: translate(92.2659vw, 58.931vh) scale(0.5291);
  }
  to {
    transform: translate(87.53565vw, 100vh) scale(0.5291);
  }
}
.snow:nth-child(11) {
  opacity: 0.9894;
  transform: translate(59.8251vw, -10px) scale(0.28);
  animation: fall-11 22s -2s linear infinite;
}
@keyframes fall-11 {
  52.328% {
    transform: translate(64.7355vw, 52.328vh) scale(0.28);
  }
  to {
    transform: translate(62.2803vw, 100vh) scale(0.28);
  }
}
.snow:nth-child(12) {
  opacity: 0.8377;
  transform: translate(61.7226vw, -10px) scale(0.9652);
  animation: fall-12 13s -4s linear infinite;
}
@keyframes fall-12 {
  40.689% {
    transform: translate(58.7932vw, 40.689vh) scale(0.9652);
  }
  to {
    transform: translate(60.2579vw, 100vh) scale(0.9652);
  }
}
.snow:nth-child(13) {
  opacity: 0.9481;
  transform: translate(16.8523vw, -10px) scale(0.1369);
  animation: fall-13 22s -11s linear infinite;
}
@keyframes fall-13 {
  60.563% {
    transform: translate(13.8315vw, 60.563vh) scale(0.1369);
  }
  to {
    transform: translate(15.3419vw, 100vh) scale(0.1369);
  }
}
.snow:nth-child(14) {
  opacity: 0.7094;
  transform: translate(48.5912vw, -10px) scale(0.1841);
  animation: fall-14 19s -7s linear infinite;
}
@keyframes fall-14 {
  76.408% {
    transform: translate(52.5625vw, 76.408vh) scale(0.1841);
  }
  to {
    transform: translate(50.57685vw, 100vh) scale(0.1841);
  }
}
.snow:nth-child(15) {
  opacity: 0.4663;
  transform: translate(43.8295vw, -10px) scale(0.977);
  animation: fall-15 21s -4s linear infinite;
}
@keyframes fall-15 {
  53.985% {
    transform: translate(40.5809vw, 53.985vh) scale(0.977);
  }
  to {
    transform: translate(42.2052vw, 100vh) scale(0.977);
  }
}
.snow:nth-child(16) {
  opacity: 0.0047;
  transform: translate(92.6621vw, -10px) scale(0.5598);
  animation: fall-16 15s -9s linear infinite;
}
@keyframes fall-16 {
  35.858% {
    transform: translate(94.0159vw, 35.858vh) scale(0.5598);
  }
  to {
    transform: translate(93.339vw, 100vh) scale(0.5598);
  }
}
.snow:nth-child(17) {
  opacity: 0.9321;
  transform: translate(51.469vw, -10px) scale(0.5249);
  animation: fall-17 18s -28s linear infinite;
}
@keyframes fall-17 {
  35.339% {
    transform: translate(58.6616vw, 35.339vh) scale(0.5249);
  }
  to {
    transform: translate(55.0653vw, 100vh) scale(0.5249);
  }
}
.snow:nth-child(18) {
  opacity: 0.9975;
  transform: translate(28.2832vw, -10px) scale(0.4393);
  animation: fall-18 19s -19s linear infinite;
}
@keyframes fall-18 {
  45.794% {
    transform: translate(37.2936vw, 45.794vh) scale(0.4393);
  }
  to {
    transform: translate(32.7884vw, 100vh) scale(0.4393);
  }
}
.snow:nth-child(19) {
  opacity: 0.6057;
  transform: translate(26.5754vw, -10px) scale(0.4324);
  animation: fall-19 16s -16s linear infinite;
}
@keyframes fall-19 {
  51.417% {
    transform: translate(21.0522vw, 51.417vh) scale(0.4324);
  }
  to {
    transform: translate(23.8138vw, 100vh) scale(0.4324);
  }
}
.snow:nth-child(20) {
  opacity: 0.8575;
  transform: translate(22.0647vw, -10px) scale(0.7687);
  animation: fall-20 18s -16s linear infinite;
}
@keyframes fall-20 {
  53.234% {
    transform: translate(12.6571vw, 53.234vh) scale(0.7687);
  }
  to {
    transform: translate(17.3609vw, 100vh) scale(0.7687);
  }
}
.snow:nth-child(21) {
  opacity: 0.0411;
  transform: translate(10.193vw, -10px) scale(0.9056);
  animation: fall-21 21s -30s linear infinite;
}
@keyframes fall-21 {
  45.838% {
    transform: translate(7.6105vw, 45.838vh) scale(0.9056);
  }
  to {
    transform: translate(8.90175vw, 100vh) scale(0.9056);
  }
}
.snow:nth-child(22) {
  opacity: 0.926;
  transform: translate(70.0806vw, -10px) scale(0.0458);
  animation: fall-22 22s -6s linear infinite;
}
@keyframes fall-22 {
  31.931% {
    transform: translate(70.0033vw, 31.931vh) scale(0.0458);
  }
  to {
    transform: translate(70.04195vw, 100vh) scale(0.0458);
  }
}
.snow:nth-child(23) {
  opacity: 0.2184;
  transform: translate(5.2202vw, -10px) scale(0.7247);
  animation: fall-23 12s -27s linear infinite;
}
@keyframes fall-23 {
  77.297% {
    transform: translate(3.6435vw, 77.297vh) scale(0.7247);
  }
  to {
    transform: translate(4.43185vw, 100vh) scale(0.7247);
  }
}
.snow:nth-child(24) {
  opacity: 0.6952;
  transform: translate(15.7401vw, -10px) scale(0.0899);
  animation: fall-24 10s -25s linear infinite;
}
@keyframes fall-24 {
  49.757% {
    transform: translate(22.475vw, 49.757vh) scale(0.0899);
  }
  to {
    transform: translate(19.10755vw, 100vh) scale(0.0899);
  }
}
.snow:nth-child(25) {
  opacity: 0.6224;
  transform: translate(9.1345vw, -10px) scale(0.7013);
  animation: fall-25 21s -18s linear infinite;
}
@keyframes fall-25 {
  71.1% {
    transform: translate(7.424vw, 71.1vh) scale(0.7013);
  }
  to {
    transform: translate(8.27925vw, 100vh) scale(0.7013);
  }
}
.snow:nth-child(26) {
  opacity: 0.6343;
  transform: translate(99.9163vw, -10px) scale(0.112);
  animation: fall-26 27s -17s linear infinite;
}
@keyframes fall-26 {
  32.777% {
    transform: translate(106.8906vw, 32.777vh) scale(0.112);
  }
  to {
    transform: translate(103.40345vw, 100vh) scale(0.112);
  }
}
.snow:nth-child(27) {
  opacity: 0.6405;
  transform: translate(94.2714vw, -10px) scale(0.9044);
  animation: fall-27 11s -21s linear infinite;
}
@keyframes fall-27 {
  30.59% {
    transform: translate(86.1924vw, 30.59vh) scale(0.9044);
  }
  to {
    transform: translate(90.2319vw, 100vh) scale(0.9044);
  }
}
.snow:nth-child(28) {
  opacity: 0.6494;
  transform: translate(73.5096vw, -10px) scale(0.2611);
  animation: fall-28 24s -30s linear infinite;
}
@keyframes fall-28 {
  52.394% {
    transform: translate(65.0017vw, 52.394vh) scale(0.2611);
  }
  to {
    transform: translate(69.25565vw, 100vh) scale(0.2611);
  }
}
.snow:nth-child(29) {
  opacity: 0.1852;
  transform: translate(88.2019vw, -10px) scale(0.538);
  animation: fall-29 24s -24s linear infinite;
}
@keyframes fall-29 {
  69.089% {
    transform: translate(86.8319vw, 69.089vh) scale(0.538);
  }
  to {
    transform: translate(87.5169vw, 100vh) scale(0.538);
  }
}
.snow:nth-child(30) {
  opacity: 0.0287;
  transform: translate(12.8604vw, -10px) scale(0.7976);
  animation: fall-30 20s -1s linear infinite;
}
@keyframes fall-30 {
  55.158% {
    transform: translate(10.4273vw, 55.158vh) scale(0.7976);
  }
  to {
    transform: translate(11.64385vw, 100vh) scale(0.7976);
  }
}
.snow:nth-child(31) {
  opacity: 0.0613;
  transform: translate(84.2023vw, -10px) scale(0.8924);
  animation: fall-31 13s -18s linear infinite;
}
@keyframes fall-31 {
  69.643% {
    transform: translate(86.5032vw, 69.643vh) scale(0.8924);
  }
  to {
    transform: translate(85.35275vw, 100vh) scale(0.8924);
  }
}
.snow:nth-child(32) {
  opacity: 0.5401;
  transform: translate(29.1015vw, -10px) scale(0.331);
  animation: fall-32 30s -10s linear infinite;
}
@keyframes fall-32 {
  72.16% {
    transform: translate(31.483vw, 72.16vh) scale(0.331);
  }
  to {
    transform: translate(30.29225vw, 100vh) scale(0.331);
  }
}
.snow:nth-child(33) {
  opacity: 0.8808;
  transform: translate(24.4916vw, -10px) scale(0.0118);
  animation: fall-33 27s -3s linear infinite;
}
@keyframes fall-33 {
  58.065% {
    transform: translate(23.9029vw, 58.065vh) scale(0.0118);
  }
  to {
    transform: translate(24.19725vw, 100vh) scale(0.0118);
  }
}
.snow:nth-child(34) {
  opacity: 0.2659;
  transform: translate(15.4337vw, -10px) scale(0.9945);
  animation: fall-34 30s -27s linear infinite;
}
@keyframes fall-34 {
  45.933% {
    transform: translate(19.9309vw, 45.933vh) scale(0.9945);
  }
  to {
    transform: translate(17.6823vw, 100vh) scale(0.9945);
  }
}
.snow:nth-child(35) {
  opacity: 0.5798;
  transform: translate(98.2045vw, -10px) scale(0.4581);
  animation: fall-35 24s -17s linear infinite;
}
@keyframes fall-35 {
  32.059% {
    transform: translate(102.3915vw, 32.059vh) scale(0.4581);
  }
  to {
    transform: translate(100.298vw, 100vh) scale(0.4581);
  }
}
.snow:nth-child(36) {
  opacity: 0.7198;
  transform: translate(73.5997vw, -10px) scale(0.2156);
  animation: fall-36 11s -20s linear infinite;
}
@keyframes fall-36 {
  72.699% {
    transform: translate(74.7485vw, 72.699vh) scale(0.2156);
  }
  to {
    transform: translate(74.1741vw, 100vh) scale(0.2156);
  }
}
.snow:nth-child(37) {
  opacity: 0.3254;
  transform: translate(83.4596vw, -10px) scale(0.2839);
  animation: fall-37 25s -30s linear infinite;
}
@keyframes fall-37 {
  55.974% {
    transform: translate(84.2974vw, 55.974vh) scale(0.2839);
  }
  to {
    transform: translate(83.8785vw, 100vh) scale(0.2839);
  }
}
.snow:nth-child(38) {
  opacity: 0.5849;
  transform: translate(20.7906vw, -10px) scale(0.1983);
  animation: fall-38 22s -3s linear infinite;
}
@keyframes fall-38 {
  31.562% {
    transform: translate(29.505vw, 31.562vh) scale(0.1983);
  }
  to {
    transform: translate(25.1478vw, 100vh) scale(0.1983);
  }
}
.snow:nth-child(39) {
  opacity: 0.6222;
  transform: translate(37.2918vw, -10px) scale(0.4178);
  animation: fall-39 28s -21s linear infinite;
}
@keyframes fall-39 {
  39.671% {
    transform: translate(46.5973vw, 39.671vh) scale(0.4178);
  }
  to {
    transform: translate(41.94455vw, 100vh) scale(0.4178);
  }
}
.snow:nth-child(40) {
  opacity: 0.0894;
  transform: translate(3.7607vw, -10px) scale(0.3785);
  animation: fall-40 18s -18s linear infinite;
}
@keyframes fall-40 {
  51.73% {
    transform: translate(12.9787vw, 51.73vh) scale(0.3785);
  }
  to {
    transform: translate(8.3697vw, 100vh) scale(0.3785);
  }
}
.snow:nth-child(41) {
  opacity: 0.5402;
  transform: translate(95.342vw, -10px) scale(0.675);
  animation: fall-41 28s -23s linear infinite;
}
@keyframes fall-41 {
  60.51% {
    transform: translate(95.8532vw, 60.51vh) scale(0.675);
  }
  to {
    transform: translate(95.5976vw, 100vh) scale(0.675);
  }
}
.snow:nth-child(42) {
  opacity: 0.0509;
  transform: translate(11.6742vw, -10px) scale(0.6117);
  animation: fall-42 18s -19s linear infinite;
}
@keyframes fall-42 {
  62.723% {
    transform: translate(16.0942vw, 62.723vh) scale(0.6117);
  }
  to {
    transform: translate(13.8842vw, 100vh) scale(0.6117);
  }
}
.snow:nth-child(43) {
  opacity: 0.0553;
  transform: translate(36.8058vw, -10px) scale(0.6006);
  animation: fall-43 28s -14s linear infinite;
}
@keyframes fall-43 {
  60.497% {
    transform: translate(42.5796vw, 60.497vh) scale(0.6006);
  }
  to {
    transform: translate(39.6927vw, 100vh) scale(0.6006);
  }
}
.snow:nth-child(44) {
  opacity: 0.1714;
  transform: translate(48.4659vw, -10px) scale(0.8756);
  animation: fall-44 25s -26s linear infinite;
}
@keyframes fall-44 {
  53.314% {
    transform: translate(42.7367vw, 53.314vh) scale(0.8756);
  }
  to {
    transform: translate(45.6013vw, 100vh) scale(0.8756);
  }
}
.snow:nth-child(45) {
  opacity: 0.7451;
  transform: translate(57.7473vw, -10px) scale(0.4018);
  animation: fall-45 12s -19s linear infinite;
}
@keyframes fall-45 {
  63.098% {
    transform: translate(59.2728vw, 63.098vh) scale(0.4018);
  }
  to {
    transform: translate(58.51005vw, 100vh) scale(0.4018);
  }
}
.snow:nth-child(46) {
  opacity: 0.6793;
  transform: translate(76.7613vw, -10px) scale(0.4194);
  animation: fall-46 29s -18s linear infinite;
}
@keyframes fall-46 {
  67.331% {
    transform: translate(85.0093vw, 67.331vh) scale(0.4194);
  }
  to {
    transform: translate(80.8853vw, 100vh) scale(0.4194);
  }
}
.snow:nth-child(47) {
  opacity: 0.9346;
  transform: translate(49.8391vw, -10px) scale(0.2831);
  animation: fall-47 21s -26s linear infinite;
}
@keyframes fall-47 {
  78.78% {
    transform: translate(44.6667vw, 78.78vh) scale(0.2831);
  }
  to {
    transform: translate(47.2529vw, 100vh) scale(0.2831);
  }
}
.snow:nth-child(48) {
  opacity: 0.3675;
  transform: translate(45.9352vw, -10px) scale(0.6729);
  animation: fall-48 10s -5s linear infinite;
}
@keyframes fall-48 {
  31.167% {
    transform: translate(48.9903vw, 31.167vh) scale(0.6729);
  }
  to {
    transform: translate(47.46275vw, 100vh) scale(0.6729);
  }
}
.snow:nth-child(49) {
  opacity: 0.544;
  transform: translate(96.3725vw, -10px) scale(0.302);
  animation: fall-49 12s -16s linear infinite;
}
@keyframes fall-49 {
  78.299% {
    transform: translate(105.4064vw, 78.299vh) scale(0.302);
  }
  to {
    transform: translate(100.88945vw, 100vh) scale(0.302);
  }
}
.snow:nth-child(50) {
  opacity: 0.2497;
  transform: translate(69.3929vw, -10px) scale(0.0944);
  animation: fall-50 19s -24s linear infinite;
}
@keyframes fall-50 {
  62.157% {
    transform: translate(74.3519vw, 62.157vh) scale(0.0944);
  }
  to {
    transform: translate(71.8724vw, 100vh) scale(0.0944);
  }
}
.snow:nth-child(51) {
  opacity: 0.3187;
  transform: translate(78.7308vw, -10px) scale(0.7016);
  animation: fall-51 24s -24s linear infinite;
}
@keyframes fall-51 {
  76.584% {
    transform: translate(81.048vw, 76.584vh) scale(0.7016);
  }
  to {
    transform: translate(79.8894vw, 100vh) scale(0.7016);
  }
}
.snow:nth-child(52) {
  opacity: 0.2325;
  transform: translate(34.5207vw, -10px) scale(0.1844);
  animation: fall-52 26s -8s linear infinite;
}
@keyframes fall-52 {
  30.881% {
    transform: translate(38.1222vw, 30.881vh) scale(0.1844);
  }
  to {
    transform: translate(36.32145vw, 100vh) scale(0.1844);
  }
}
.snow:nth-child(53) {
  opacity: 0.1584;
  transform: translate(37.8249vw, -10px) scale(0.7199);
  animation: fall-53 26s -25s linear infinite;
}
@keyframes fall-53 {
  37.191% {
    transform: translate(34.6435vw, 37.191vh) scale(0.7199);
  }
  to {
    transform: translate(36.2342vw, 100vh) scale(0.7199);
  }
}
.snow:nth-child(54) {
  opacity: 0.9561;
  transform: translate(52.4228vw, -10px) scale(0.5536);
  animation: fall-54 30s -25s linear infinite;
}
@keyframes fall-54 {
  74.75% {
    transform: translate(61.8452vw, 74.75vh) scale(0.5536);
  }
  to {
    transform: translate(57.134vw, 100vh) scale(0.5536);
  }
}
.snow:nth-child(55) {
  opacity: 0.4931;
  transform: translate(83.996vw, -10px) scale(0.4212);
  animation: fall-55 22s -28s linear infinite;
}
@keyframes fall-55 {
  51.859% {
    transform: translate(92.2761vw, 51.859vh) scale(0.4212);
  }
  to {
    transform: translate(88.13605vw, 100vh) scale(0.4212);
  }
}
.snow:nth-child(56) {
  opacity: 0.6377;
  transform: translate(66.3248vw, -10px) scale(0.9584);
  animation: fall-56 16s -2s linear infinite;
}
@keyframes fall-56 {
  74.013% {
    transform: translate(60.6847vw, 74.013vh) scale(0.9584);
  }
  to {
    transform: translate(63.50475vw, 100vh) scale(0.9584);
  }
}
.snow:nth-child(57) {
  opacity: 0.1579;
  transform: translate(46.1141vw, -10px) scale(0.0994);
  animation: fall-57 27s -17s linear infinite;
}
@keyframes fall-57 {
  74.442% {
    transform: translate(51.5944vw, 74.442vh) scale(0.0994);
  }
  to {
    transform: translate(48.85425vw, 100vh) scale(0.0994);
  }
}
.snow:nth-child(58) {
  opacity: 0.7083;
  transform: translate(31.249vw, -10px) scale(0.598);
  animation: fall-58 30s -23s linear infinite;
}
@keyframes fall-58 {
  60.119% {
    transform: translate(27.8462vw, 60.119vh) scale(0.598);
  }
  to {
    transform: translate(29.5476vw, 100vh) scale(0.598);
  }
}
.snow:nth-child(59) {
  opacity: 0.8603;
  transform: translate(21.2905vw, -10px) scale(0.9697);
  animation: fall-59 16s -11s linear infinite;
}
@keyframes fall-59 {
  33.05% {
    transform: translate(30.8382vw, 33.05vh) scale(0.9697);
  }
  to {
    transform: translate(26.06435vw, 100vh) scale(0.9697);
  }
}
.snow:nth-child(60) {
  opacity: 0.5506;
  transform: translate(96.808vw, -10px) scale(0.3487);
  animation: fall-60 19s -11s linear infinite;
}
@keyframes fall-60 {
  45.328% {
    transform: translate(97.5924vw, 45.328vh) scale(0.3487);
  }
  to {
    transform: translate(97.2002vw, 100vh) scale(0.3487);
  }
}
.snow:nth-child(61) {
  opacity: 0.9089;
  transform: translate(28.5213vw, -10px) scale(0.6201);
  animation: fall-61 13s -2s linear infinite;
}
@keyframes fall-61 {
  52.068% {
    transform: translate(31.2011vw, 52.068vh) scale(0.6201);
  }
  to {
    transform: translate(29.8612vw, 100vh) scale(0.6201);
  }
}
.snow:nth-child(62) {
  opacity: 0.6059;
  transform: translate(56.8359vw, -10px) scale(0.0388);
  animation: fall-62 28s -26s linear infinite;
}
@keyframes fall-62 {
  66.666% {
    transform: translate(49.2119vw, 66.666vh) scale(0.0388);
  }
  to {
    transform: translate(53.0239vw, 100vh) scale(0.0388);
  }
}
.snow:nth-child(63) {
  opacity: 0.3879;
  transform: translate(11.3897vw, -10px) scale(0.1207);
  animation: fall-63 20s -23s linear infinite;
}
@keyframes fall-63 {
  62.324% {
    transform: translate(9.3408vw, 62.324vh) scale(0.1207);
  }
  to {
    transform: translate(10.36525vw, 100vh) scale(0.1207);
  }
}
.snow:nth-child(64) {
  opacity: 0.7866;
  transform: translate(51.3024vw, -10px) scale(0.6597);
  animation: fall-64 17s -2s linear infinite;
}
@keyframes fall-64 {
  57.556% {
    transform: translate(48.066vw, 57.556vh) scale(0.6597);
  }
  to {
    transform: translate(49.6842vw, 100vh) scale(0.6597);
  }
}
.snow:nth-child(65) {
  opacity: 0.0834;
  transform: translate(0.8432vw, -10px) scale(0.1619);
  animation: fall-65 18s -26s linear infinite;
}
@keyframes fall-65 {
  69.038% {
    transform: translate(9.1537vw, 69.038vh) scale(0.1619);
  }
  to {
    transform: translate(4.99845vw, 100vh) scale(0.1619);
  }
}
.snow:nth-child(66) {
  opacity: 0.2416;
  transform: translate(48.9413vw, -10px) scale(0.5172);
  animation: fall-66 19s -29s linear infinite;
}
@keyframes fall-66 {
  75.952% {
    transform: translate(43.184vw, 75.952vh) scale(0.5172);
  }
  to {
    transform: translate(46.06265vw, 100vh) scale(0.5172);
  }
}
.snow:nth-child(67) {
  opacity: 0.1434;
  transform: translate(15.1514vw, -10px) scale(0.2072);
  animation: fall-67 20s -2s linear infinite;
}
@keyframes fall-67 {
  56.538% {
    transform: translate(23.4079vw, 56.538vh) scale(0.2072);
  }
  to {
    transform: translate(19.27965vw, 100vh) scale(0.2072);
  }
}
.snow:nth-child(68) {
  opacity: 0.3195;
  transform: translate(52.0434vw, -10px) scale(0.6749);
  animation: fall-68 26s -14s linear infinite;
}
@keyframes fall-68 {
  53.403% {
    transform: translate(50.4549vw, 53.403vh) scale(0.6749);
  }
  to {
    transform: translate(51.24915vw, 100vh) scale(0.6749);
  }
}
.snow:nth-child(69) {
  opacity: 0.8519;
  transform: translate(66.7381vw, -10px) scale(0.8929);
  animation: fall-69 18s -20s linear infinite;
}
@keyframes fall-69 {
  49.74% {
    transform: translate(68.1775vw, 49.74vh) scale(0.8929);
  }
  to {
    transform: translate(67.4578vw, 100vh) scale(0.8929);
  }
}
.snow:nth-child(70) {
  opacity: 0.2774;
  transform: translate(5.5977vw, -10px) scale(0.504);
  animation: fall-70 17s -4s linear infinite;
}
@keyframes fall-70 {
  35.061% {
    transform: translate(7.8314vw, 35.061vh) scale(0.504);
  }
  to {
    transform: translate(6.71455vw, 100vh) scale(0.504);
  }
}
.snow:nth-child(71) {
  opacity: 0.9369;
  transform: translate(47.9877vw, -10px) scale(0.6879);
  animation: fall-71 27s -28s linear infinite;
}
@keyframes fall-71 {
  66.259% {
    transform: translate(38.9499vw, 66.259vh) scale(0.6879);
  }
  to {
    transform: translate(43.4688vw, 100vh) scale(0.6879);
  }
}
.snow:nth-child(72) {
  opacity: 0.4307;
  transform: translate(35.5841vw, -10px) scale(0.0491);
  animation: fall-72 23s -28s linear infinite;
}
@keyframes fall-72 {
  57.398% {
    transform: translate(31.5259vw, 57.398vh) scale(0.0491);
  }
  to {
    transform: translate(33.555vw, 100vh) scale(0.0491);
  }
}
.snow:nth-child(73) {
  opacity: 0.926;
  transform: translate(59.9962vw, -10px) scale(0.6113);
  animation: fall-73 12s -30s linear infinite;
}
@keyframes fall-73 {
  65.477% {
    transform: translate(52.6675vw, 65.477vh) scale(0.6113);
  }
  to {
    transform: translate(56.33185vw, 100vh) scale(0.6113);
  }
}
.snow:nth-child(74) {
  opacity: 0.8349;
  transform: translate(88.6785vw, -10px) scale(0.4238);
  animation: fall-74 27s -20s linear infinite;
}
@keyframes fall-74 {
  43.282% {
    transform: translate(89.0441vw, 43.282vh) scale(0.4238);
  }
  to {
    transform: translate(88.8613vw, 100vh) scale(0.4238);
  }
}
.snow:nth-child(75) {
  opacity: 0.1236;
  transform: translate(1.7639vw, -10px) scale(0.4185);
  animation: fall-75 28s -8s linear infinite;
}
@keyframes fall-75 {
  70.53% {
    transform: translate(-1.013vw, 70.53vh) scale(0.4185);
  }
  to {
    transform: translate(0.37545vw, 100vh) scale(0.4185);
  }
}
.snow:nth-child(76) {
  opacity: 0.0669;
  transform: translate(6.7335vw, -10px) scale(0.5369);
  animation: fall-76 11s -4s linear infinite;
}
@keyframes fall-76 {
  45.164% {
    transform: translate(8.4167vw, 45.164vh) scale(0.5369);
  }
  to {
    transform: translate(7.5751vw, 100vh) scale(0.5369);
  }
}
.snow:nth-child(77) {
  opacity: 0.5105;
  transform: translate(41.9367vw, -10px) scale(0.6777);
  animation: fall-77 13s -10s linear infinite;
}
@keyframes fall-77 {
  37.953% {
    transform: translate(37.5814vw, 37.953vh) scale(0.6777);
  }
  to {
    transform: translate(39.75905vw, 100vh) scale(0.6777);
  }
}
.snow:nth-child(78) {
  opacity: 0.5303;
  transform: translate(3.8596vw, -10px) scale(0.374);
  animation: fall-78 12s -20s linear infinite;
}
@keyframes fall-78 {
  61.201% {
    transform: translate(-3.2459vw, 61.201vh) scale(0.374);
  }
  to {
    transform: translate(0.30685vw, 100vh) scale(0.374);
  }
}
.snow:nth-child(79) {
  opacity: 0.1633;
  transform: translate(8.3068vw, -10px) scale(0.171);
  animation: fall-79 24s -14s linear infinite;
}
@keyframes fall-79 {
  35.468% {
    transform: translate(0.5761vw, 35.468vh) scale(0.171);
  }
  to {
    transform: translate(4.44145vw, 100vh) scale(0.171);
  }
}
.snow:nth-child(80) {
  opacity: 0.1559;
  transform: translate(78.8688vw, -10px) scale(0.7908);
  animation: fall-80 22s -24s linear infinite;
}
@keyframes fall-80 {
  66.953% {
    transform: translate(83.1225vw, 66.953vh) scale(0.7908);
  }
  to {
    transform: translate(80.99565vw, 100vh) scale(0.7908);
  }
}
.snow:nth-child(81) {
  opacity: 0.6002;
  transform: translate(55.0254vw, -10px) scale(0.7953);
  animation: fall-81 10s -19s linear infinite;
}
@keyframes fall-81 {
  47.079% {
    transform: translate(47.7858vw, 47.079vh) scale(0.7953);
  }
  to {
    transform: translate(51.4056vw, 100vh) scale(0.7953);
  }
}
.snow:nth-child(82) {
  opacity: 0.8258;
  transform: translate(45.2611vw, -10px) scale(0.6225);
  animation: fall-82 17s -27s linear infinite;
}
@keyframes fall-82 {
  57.825% {
    transform: translate(35.6582vw, 57.825vh) scale(0.6225);
  }
  to {
    transform: translate(40.45965vw, 100vh) scale(0.6225);
  }
}
.snow:nth-child(83) {
  opacity: 0.8105;
  transform: translate(96.1842vw, -10px) scale(0.0839);
  animation: fall-83 18s -18s linear infinite;
}
@keyframes fall-83 {
  57.233% {
    transform: translate(104.4157vw, 57.233vh) scale(0.0839);
  }
  to {
    transform: translate(100.29995vw, 100vh) scale(0.0839);
  }
}
.snow:nth-child(84) {
  opacity: 0.2118;
  transform: translate(85.5593vw, -10px) scale(0.9012);
  animation: fall-84 18s -17s linear infinite;
}
@keyframes fall-84 {
  64.895% {
    transform: translate(79.6935vw, 64.895vh) scale(0.9012);
  }
  to {
    transform: translate(82.6264vw, 100vh) scale(0.9012);
  }
}
.snow:nth-child(85) {
  opacity: 0.0413;
  transform: translate(52.9828vw, -10px) scale(0.4176);
  animation: fall-85 17s -7s linear infinite;
}
@keyframes fall-85 {
  34.72% {
    transform: translate(50.7184vw, 34.72vh) scale(0.4176);
  }
  to {
    transform: translate(51.8506vw, 100vh) scale(0.4176);
  }
}
.snow:nth-child(86) {
  opacity: 0.7174;
  transform: translate(19.6046vw, -10px) scale(0.1693);
  animation: fall-86 25s -26s linear infinite;
}
@keyframes fall-86 {
  36.124% {
    transform: translate(25.5733vw, 36.124vh) scale(0.1693);
  }
  to {
    transform: translate(22.58895vw, 100vh) scale(0.1693);
  }
}
.snow:nth-child(87) {
  opacity: 0.9028;
  transform: translate(77.3006vw, -10px) scale(0.0153);
  animation: fall-87 26s -4s linear infinite;
}
@keyframes fall-87 {
  63.401% {
    transform: translate(71.1459vw, 63.401vh) scale(0.0153);
  }
  to {
    transform: translate(74.22325vw, 100vh) scale(0.0153);
  }
}
.snow:nth-child(88) {
  opacity: 0.457;
  transform: translate(90.4285vw, -10px) scale(0.8054);
  animation: fall-88 12s -12s linear infinite;
}
@keyframes fall-88 {
  63.774% {
    transform: translate(97.4507vw, 63.774vh) scale(0.8054);
  }
  to {
    transform: translate(93.9396vw, 100vh) scale(0.8054);
  }
}
.snow:nth-child(89) {
  opacity: 0.1693;
  transform: translate(83.3703vw, -10px) scale(0.5965);
  animation: fall-89 18s -20s linear infinite;
}
@keyframes fall-89 {
  34.195% {
    transform: translate(83.3538vw, 34.195vh) scale(0.5965);
  }
  to {
    transform: translate(83.36205vw, 100vh) scale(0.5965);
  }
}
.snow:nth-child(90) {
  opacity: 0.2386;
  transform: translate(34.6355vw, -10px) scale(0.5363);
  animation: fall-90 30s -10s linear infinite;
}
@keyframes fall-90 {
  56.763% {
    transform: translate(28.2792vw, 56.763vh) scale(0.5363);
  }
  to {
    transform: translate(31.45735vw, 100vh) scale(0.5363);
  }
}
.snow:nth-child(91) {
  opacity: 0.0286;
  transform: translate(72.2424vw, -10px) scale(0.3267);
  animation: fall-91 26s -29s linear infinite;
}
@keyframes fall-91 {
  46.468% {
    transform: translate(76.2391vw, 46.468vh) scale(0.3267);
  }
  to {
    transform: translate(74.24075vw, 100vh) scale(0.3267);
  }
}
.snow:nth-child(92) {
  opacity: 0.9727;
  transform: translate(67.0463vw, -10px) scale(0.0133);
  animation: fall-92 10s -10s linear infinite;
}
@keyframes fall-92 {
  59.517% {
    transform: translate(62.9355vw, 59.517vh) scale(0.0133);
  }
  to {
    transform: translate(64.9909vw, 100vh) scale(0.0133);
  }
}
.snow:nth-child(93) {
  opacity: 0.9282;
  transform: translate(60.3744vw, -10px) scale(0.3659);
  animation: fall-93 22s -15s linear infinite;
}
@keyframes fall-93 {
  47.558% {
    transform: translate(69.3663vw, 47.558vh) scale(0.3659);
  }
  to {
    transform: translate(64.87035vw, 100vh) scale(0.3659);
  }
}
.snow:nth-child(94) {
  opacity: 0.1603;
  transform: translate(49.4913vw, -10px) scale(0.5512);
  animation: fall-94 24s -10s linear infinite;
}
@keyframes fall-94 {
  35.743% {
    transform: translate(39.6579vw, 35.743vh) scale(0.5512);
  }
  to {
    transform: translate(44.5746vw, 100vh) scale(0.5512);
  }
}
.snow:nth-child(95) {
  opacity: 0.2745;
  transform: translate(25.2918vw, -10px) scale(0.1129);
  animation: fall-95 24s -16s linear infinite;
}
@keyframes fall-95 {
  34.108% {
    transform: translate(15.9408vw, 34.108vh) scale(0.1129);
  }
  to {
    transform: translate(20.6163vw, 100vh) scale(0.1129);
  }
}
.snow:nth-child(96) {
  opacity: 0.0166;
  transform: translate(74.3598vw, -10px) scale(0.081);
  animation: fall-96 25s -23s linear infinite;
}
@keyframes fall-96 {
  73.669% {
    transform: translate(74.366vw, 73.669vh) scale(0.081);
  }
  to {
    transform: translate(74.3629vw, 100vh) scale(0.081);
  }
}
.snow:nth-child(97) {
  opacity: 0.3534;
  transform: translate(96.5108vw, -10px) scale(0.8981);
  animation: fall-97 13s -16s linear infinite;
}
@keyframes fall-97 {
  36.527% {
    transform: translate(96.818vw, 36.527vh) scale(0.8981);
  }
  to {
    transform: translate(96.6644vw, 100vh) scale(0.8981);
  }
}
.snow:nth-child(98) {
  opacity: 0.0315;
  transform: translate(84.445vw, -10px) scale(0.3643);
  animation: fall-98 27s -14s linear infinite;
}
@keyframes fall-98 {
  52.678% {
    transform: translate(91.8202vw, 52.678vh) scale(0.3643);
  }
  to {
    transform: translate(88.1326vw, 100vh) scale(0.3643);
  }
}
.snow:nth-child(99) {
  opacity: 0.7373;
  transform: translate(38.8754vw, -10px) scale(0.0592);
  animation: fall-99 27s -8s linear infinite;
}
@keyframes fall-99 {
  74.761% {
    transform: translate(43.2182vw, 74.761vh) scale(0.0592);
  }
  to {
    transform: translate(41.0468vw, 100vh) scale(0.0592);
  }
}
.snow:nth-child(100) {
  opacity: 0.0565;
  transform: translate(55.965vw, -10px) scale(0.7003);
  animation: fall-100 22s -8s linear infinite;
}
@keyframes fall-100 {
  39.766% {
    transform: translate(53.5367vw, 39.766vh) scale(0.7003);
  }
  to {
    transform: translate(54.75085vw, 100vh) scale(0.7003);
  }
}
.snow:nth-child(101) {
  opacity: 0.4977;
  transform: translate(81.6099vw, -10px) scale(0.9159);
  animation: fall-101 20s -21s linear infinite;
}
@keyframes fall-101 {
  34.041% {
    transform: translate(86.227vw, 34.041vh) scale(0.9159);
  }
  to {
    transform: translate(83.91845vw, 100vh) scale(0.9159);
  }
}
.snow:nth-child(102) {
  opacity: 0.6347;
  transform: translate(58.8455vw, -10px) scale(0.0158);
  animation: fall-102 11s -15s linear infinite;
}
@keyframes fall-102 {
  79.909% {
    transform: translate(58.9611vw, 79.909vh) scale(0.0158);
  }
  to {
    transform: translate(58.9033vw, 100vh) scale(0.0158);
  }
}
.snow:nth-child(103) {
  opacity: 0.2437;
  transform: translate(5.6757vw, -10px) scale(0.0737);
  animation: fall-103 30s -6s linear infinite;
}
@keyframes fall-103 {
  48.772% {
    transform: translate(-0.2903vw, 48.772vh) scale(0.0737);
  }
  to {
    transform: translate(2.6927vw, 100vh) scale(0.0737);
  }
}
.snow:nth-child(104) {
  opacity: 0.9778;
  transform: translate(95.0375vw, -10px) scale(0.8799);
  animation: fall-104 26s -13s linear infinite;
}
@keyframes fall-104 {
  66.846% {
    transform: translate(86.2131vw, 66.846vh) scale(0.8799);
  }
  to {
    transform: translate(90.6253vw, 100vh) scale(0.8799);
  }
}
.snow:nth-child(105) {
  opacity: 0.2657;
  transform: translate(76.438vw, -10px) scale(0.934);
  animation: fall-105 19s -28s linear infinite;
}
@keyframes fall-105 {
  35.845% {
    transform: translate(74.1776vw, 35.845vh) scale(0.934);
  }
  to {
    transform: translate(75.3078vw, 100vh) scale(0.934);
  }
}
.snow:nth-child(106) {
  opacity: 0.2516;
  transform: translate(53.5464vw, -10px) scale(0.5479);
  animation: fall-106 16s -24s linear infinite;
}
@keyframes fall-106 {
  43.754% {
    transform: translate(61.9183vw, 43.754vh) scale(0.5479);
  }
  to {
    transform: translate(57.73235vw, 100vh) scale(0.5479);
  }
}
.snow:nth-child(107) {
  opacity: 0.2732;
  transform: translate(44.1999vw, -10px) scale(0.3936);
  animation: fall-107 27s -26s linear infinite;
}
@keyframes fall-107 {
  55.124% {
    transform: translate(43.64vw, 55.124vh) scale(0.3936);
  }
  to {
    transform: translate(43.91995vw, 100vh) scale(0.3936);
  }
}
.snow:nth-child(108) {
  opacity: 0.8703;
  transform: translate(37.2942vw, -10px) scale(0.4607);
  animation: fall-108 13s -15s linear infinite;
}
@keyframes fall-108 {
  38.153% {
    transform: translate(37.4422vw, 38.153vh) scale(0.4607);
  }
  to {
    transform: translate(37.3682vw, 100vh) scale(0.4607);
  }
}
.snow:nth-child(109) {
  opacity: 0.3285;
  transform: translate(12.2671vw, -10px) scale(0.9987);
  animation: fall-109 14s -18s linear infinite;
}
@keyframes fall-109 {
  75.847% {
    transform: translate(2.6957vw, 75.847vh) scale(0.9987);
  }
  to {
    transform: translate(7.4814vw, 100vh) scale(0.9987);
  }
}
.snow:nth-child(110) {
  opacity: 0.8483;
  transform: translate(31.5033vw, -10px) scale(0.9939);
  animation: fall-110 14s -3s linear infinite;
}
@keyframes fall-110 {
  47.437% {
    transform: translate(30.7958vw, 47.437vh) scale(0.9939);
  }
  to {
    transform: translate(31.14955vw, 100vh) scale(0.9939);
  }
}
.snow:nth-child(111) {
  opacity: 0.405;
  transform: translate(25.0545vw, -10px) scale(0.064);
  animation: fall-111 29s -22s linear infinite;
}
@keyframes fall-111 {
  69.918% {
    transform: translate(20.776vw, 69.918vh) scale(0.064);
  }
  to {
    transform: translate(22.91525vw, 100vh) scale(0.064);
  }
}
.snow:nth-child(112) {
  opacity: 0.2818;
  transform: translate(69.8689vw, -10px) scale(0.5045);
  animation: fall-112 12s -25s linear infinite;
}
@keyframes fall-112 {
  74.158% {
    transform: translate(65.3299vw, 74.158vh) scale(0.5045);
  }
  to {
    transform: translate(67.5994vw, 100vh) scale(0.5045);
  }
}
.snow:nth-child(113) {
  opacity: 0.1645;
  transform: translate(34.6036vw, -10px) scale(0.9598);
  animation: fall-113 23s -26s linear infinite;
}
@keyframes fall-113 {
  48.093% {
    transform: translate(35.9899vw, 48.093vh) scale(0.9598);
  }
  to {
    transform: translate(35.29675vw, 100vh) scale(0.9598);
  }
}
.snow:nth-child(114) {
  opacity: 0.4945;
  transform: translate(10.6262vw, -10px) scale(0.0865);
  animation: fall-114 19s -6s linear infinite;
}
@keyframes fall-114 {
  50.102% {
    transform: translate(8.8895vw, 50.102vh) scale(0.0865);
  }
  to {
    transform: translate(9.75785vw, 100vh) scale(0.0865);
  }
}
.snow:nth-child(115) {
  opacity: 0.911;
  transform: translate(60.198vw, -10px) scale(0.5079);
  animation: fall-115 23s -19s linear infinite;
}
@keyframes fall-115 {
  43.26% {
    transform: translate(53.3141vw, 43.26vh) scale(0.5079);
  }
  to {
    transform: translate(56.75605vw, 100vh) scale(0.5079);
  }
}
.snow:nth-child(116) {
  opacity: 0.0883;
  transform: translate(82.7562vw, -10px) scale(0.1794);
  animation: fall-116 13s -2s linear infinite;
}
@keyframes fall-116 {
  36.782% {
    transform: translate(91.9628vw, 36.782vh) scale(0.1794);
  }
  to {
    transform: translate(87.3595vw, 100vh) scale(0.1794);
  }
}
.snow:nth-child(117) {
  opacity: 0.4997;
  transform: translate(18.2792vw, -10px) scale(0.4274);
  animation: fall-117 12s -26s linear infinite;
}
@keyframes fall-117 {
  44.029% {
    transform: translate(8.703vw, 44.029vh) scale(0.4274);
  }
  to {
    transform: translate(13.4911vw, 100vh) scale(0.4274);
  }
}
.snow:nth-child(118) {
  opacity: 0.4451;
  transform: translate(56.247vw, -10px) scale(0.2704);
  animation: fall-118 29s -2s linear infinite;
}
@keyframes fall-118 {
  44.255% {
    transform: translate(58.8935vw, 44.255vh) scale(0.2704);
  }
  to {
    transform: translate(57.57025vw, 100vh) scale(0.2704);
  }
}
.snow:nth-child(119) {
  opacity: 0.6468;
  transform: translate(98.8008vw, -10px) scale(0.9144);
  animation: fall-119 18s -8s linear infinite;
}
@keyframes fall-119 {
  42.588% {
    transform: translate(102.426vw, 42.588vh) scale(0.9144);
  }
  to {
    transform: translate(100.6134vw, 100vh) scale(0.9144);
  }
}
.snow:nth-child(120) {
  opacity: 0.7927;
  transform: translate(39.0721vw, -10px) scale(0.1517);
  animation: fall-120 10s -30s linear infinite;
}
@keyframes fall-120 {
  51.062% {
    transform: translate(41.7067vw, 51.062vh) scale(0.1517);
  }
  to {
    transform: translate(40.3894vw, 100vh) scale(0.1517);
  }
}
.snow:nth-child(121) {
  opacity: 0.6122;
  transform: translate(43.3782vw, -10px) scale(0.2898);
  animation: fall-121 24s -16s linear infinite;
}
@keyframes fall-121 {
  30.4% {
    transform: translate(48.5864vw, 30.4vh) scale(0.2898);
  }
  to {
    transform: translate(45.9823vw, 100vh) scale(0.2898);
  }
}
.snow:nth-child(122) {
  opacity: 0.2388;
  transform: translate(89.5611vw, -10px) scale(0.3568);
  animation: fall-122 12s -16s linear infinite;
}
@keyframes fall-122 {
  42.16% {
    transform: translate(88.1669vw, 42.16vh) scale(0.3568);
  }
  to {
    transform: translate(88.864vw, 100vh) scale(0.3568);
  }
}
.snow:nth-child(123) {
  opacity: 0.9659;
  transform: translate(74.3217vw, -10px) scale(0.2913);
  animation: fall-123 15s -22s linear infinite;
}
@keyframes fall-123 {
  48.761% {
    transform: translate(83.2385vw, 48.761vh) scale(0.2913);
  }
  to {
    transform: translate(78.7801vw, 100vh) scale(0.2913);
  }
}
.snow:nth-child(124) {
  opacity: 0.6062;
  transform: translate(65.3387vw, -10px) scale(0.0339);
  animation: fall-124 21s -7s linear infinite;
}
@keyframes fall-124 {
  59.121% {
    transform: translate(60.5666vw, 59.121vh) scale(0.0339);
  }
  to {
    transform: translate(62.95265vw, 100vh) scale(0.0339);
  }
}
.snow:nth-child(125) {
  opacity: 0.3347;
  transform: translate(64.0525vw, -10px) scale(0.9854);
  animation: fall-125 28s -6s linear infinite;
}
@keyframes fall-125 {
  69.699% {
    transform: translate(70.8553vw, 69.699vh) scale(0.9854);
  }
  to {
    transform: translate(67.4539vw, 100vh) scale(0.9854);
  }
}
.snow:nth-child(126) {
  opacity: 0.3182;
  transform: translate(16.8212vw, -10px) scale(0.1776);
  animation: fall-126 14s -9s linear infinite;
}
@keyframes fall-126 {
  41.995% {
    transform: translate(18.1002vw, 41.995vh) scale(0.1776);
  }
  to {
    transform: translate(17.4607vw, 100vh) scale(0.1776);
  }
}
.snow:nth-child(127) {
  opacity: 0.9897;
  transform: translate(94.2664vw, -10px) scale(0.7131);
  animation: fall-127 23s -1s linear infinite;
}
@keyframes fall-127 {
  67.151% {
    transform: translate(90.3613vw, 67.151vh) scale(0.7131);
  }
  to {
    transform: translate(92.31385vw, 100vh) scale(0.7131);
  }
}
.snow:nth-child(128) {
  opacity: 0.1686;
  transform: translate(80.6752vw, -10px) scale(0.8373);
  animation: fall-128 11s -30s linear infinite;
}
@keyframes fall-128 {
  62.439% {
    transform: translate(82.342vw, 62.439vh) scale(0.8373);
  }
  to {
    transform: translate(81.5086vw, 100vh) scale(0.8373);
  }
}
.snow:nth-child(129) {
  opacity: 0.0218;
  transform: translate(84.5065vw, -10px) scale(0.1529);
  animation: fall-129 11s -13s linear infinite;
}
@keyframes fall-129 {
  75.516% {
    transform: translate(92.5728vw, 75.516vh) scale(0.1529);
  }
  to {
    transform: translate(88.53965vw, 100vh) scale(0.1529);
  }
}
.snow:nth-child(130) {
  opacity: 0.6863;
  transform: translate(26.9929vw, -10px) scale(0.2293);
  animation: fall-130 27s -15s linear infinite;
}
@keyframes fall-130 {
  67.182% {
    transform: translate(34.3186vw, 67.182vh) scale(0.2293);
  }
  to {
    transform: translate(30.65575vw, 100vh) scale(0.2293);
  }
}
.snow:nth-child(131) {
  opacity: 0.4062;
  transform: translate(36.4967vw, -10px) scale(0.8603);
  animation: fall-131 30s -28s linear infinite;
}
@keyframes fall-131 {
  56.593% {
    transform: translate(27.9537vw, 56.593vh) scale(0.8603);
  }
  to {
    transform: translate(32.2252vw, 100vh) scale(0.8603);
  }
}
.snow:nth-child(132) {
  opacity: 0.0573;
  transform: translate(29.3345vw, -10px) scale(0.6072);
  animation: fall-132 14s -11s linear infinite;
}
@keyframes fall-132 {
  43.655% {
    transform: translate(25.1292vw, 43.655vh) scale(0.6072);
  }
  to {
    transform: translate(27.23185vw, 100vh) scale(0.6072);
  }
}
.snow:nth-child(133) {
  opacity: 0.5354;
  transform: translate(96.5097vw, -10px) scale(0.2083);
  animation: fall-133 17s -15s linear infinite;
}
@keyframes fall-133 {
  39.027% {
    transform: translate(86.9032vw, 39.027vh) scale(0.2083);
  }
  to {
    transform: translate(91.70645vw, 100vh) scale(0.2083);
  }
}
.snow:nth-child(134) {
  opacity: 0.0077;
  transform: translate(24.6148vw, -10px) scale(0.1565);
  animation: fall-134 15s -14s linear infinite;
}
@keyframes fall-134 {
  75.607% {
    transform: translate(28.1147vw, 75.607vh) scale(0.1565);
  }
  to {
    transform: translate(26.36475vw, 100vh) scale(0.1565);
  }
}
.snow:nth-child(135) {
  opacity: 0.0676;
  transform: translate(46.482vw, -10px) scale(0.2554);
  animation: fall-135 19s -19s linear infinite;
}
@keyframes fall-135 {
  56.726% {
    transform: translate(48.3882vw, 56.726vh) scale(0.2554);
  }
  to {
    transform: translate(47.4351vw, 100vh) scale(0.2554);
  }
}
.snow:nth-child(136) {
  opacity: 0.5885;
  transform: translate(53.4638vw, -10px) scale(0.4663);
  animation: fall-136 28s -24s linear infinite;
}
@keyframes fall-136 {
  41.131% {
    transform: translate(55.9863vw, 41.131vh) scale(0.4663);
  }
  to {
    transform: translate(54.72505vw, 100vh) scale(0.4663);
  }
}
.snow:nth-child(137) {
  opacity: 0.4574;
  transform: translate(92.2983vw, -10px) scale(0.5671);
  animation: fall-137 16s -9s linear infinite;
}
@keyframes fall-137 {
  49.335% {
    transform: translate(83.0599vw, 49.335vh) scale(0.5671);
  }
  to {
    transform: translate(87.6791vw, 100vh) scale(0.5671);
  }
}
.snow:nth-child(138) {
  opacity: 0.958;
  transform: translate(0.3159vw, -10px) scale(0.077);
  animation: fall-138 17s -7s linear infinite;
}
@keyframes fall-138 {
  77.64% {
    transform: translate(5.7036vw, 77.64vh) scale(0.077);
  }
  to {
    transform: translate(3.00975vw, 100vh) scale(0.077);
  }
}
.snow:nth-child(139) {
  opacity: 0.705;
  transform: translate(24.1513vw, -10px) scale(0.6234);
  animation: fall-139 12s -21s linear infinite;
}
@keyframes fall-139 {
  36.502% {
    transform: translate(20.9824vw, 36.502vh) scale(0.6234);
  }
  to {
    transform: translate(22.56685vw, 100vh) scale(0.6234);
  }
}
.snow:nth-child(140) {
  opacity: 0.1336;
  transform: translate(56.7081vw, -10px) scale(0.8995);
  animation: fall-140 26s -13s linear infinite;
}
@keyframes fall-140 {
  47.071% {
    transform: translate(63.5838vw, 47.071vh) scale(0.8995);
  }
  to {
    transform: translate(60.14595vw, 100vh) scale(0.8995);
  }
}
.snow:nth-child(141) {
  opacity: 0.2753;
  transform: translate(97.8565vw, -10px) scale(0.9796);
  animation: fall-141 17s -27s linear infinite;
}
@keyframes fall-141 {
  52.162% {
    transform: translate(102.5703vw, 52.162vh) scale(0.9796);
  }
  to {
    transform: translate(100.2134vw, 100vh) scale(0.9796);
  }
}
.snow:nth-child(142) {
  opacity: 0.9229;
  transform: translate(12.2671vw, -10px) scale(0.649);
  animation: fall-142 18s -7s linear infinite;
}
@keyframes fall-142 {
  32.642% {
    transform: translate(5.467vw, 32.642vh) scale(0.649);
  }
  to {
    transform: translate(8.86705vw, 100vh) scale(0.649);
  }
}
.snow:nth-child(143) {
  opacity: 0.3254;
  transform: translate(14.6982vw, -10px) scale(0.1104);
  animation: fall-143 20s -15s linear infinite;
}
@keyframes fall-143 {
  52.747% {
    transform: translate(6.5176vw, 52.747vh) scale(0.1104);
  }
  to {
    transform: translate(10.6079vw, 100vh) scale(0.1104);
  }
}
.snow:nth-child(144) {
  opacity: 0.065;
  transform: translate(87.7488vw, -10px) scale(0.8918);
  animation: fall-144 18s -9s linear infinite;
}
@keyframes fall-144 {
  66.561% {
    transform: translate(79.4806vw, 66.561vh) scale(0.8918);
  }
  to {
    transform: translate(83.6147vw, 100vh) scale(0.8918);
  }
}
.snow:nth-child(145) {
  opacity: 0.1082;
  transform: translate(10.4813vw, -10px) scale(0.6821);
  animation: fall-145 17s -17s linear infinite;
}
@keyframes fall-145 {
  61.559% {
    transform: translate(12.3502vw, 61.559vh) scale(0.6821);
  }
  to {
    transform: translate(11.41575vw, 100vh) scale(0.6821);
  }
}
.snow:nth-child(146) {
  opacity: 0.4396;
  transform: translate(5.0213vw, -10px) scale(0.8899);
  animation: fall-146 15s -23s linear infinite;
}
@keyframes fall-146 {
  32.56% {
    transform: translate(8.9645vw, 32.56vh) scale(0.8899);
  }
  to {
    transform: translate(6.9929vw, 100vh) scale(0.8899);
  }
}
.snow:nth-child(147) {
  opacity: 0.4696;
  transform: translate(22.1228vw, -10px) scale(0.8801);
  animation: fall-147 12s -13s linear infinite;
}
@keyframes fall-147 {
  73.669% {
    transform: translate(23.3782vw, 73.669vh) scale(0.8801);
  }
  to {
    transform: translate(22.7505vw, 100vh) scale(0.8801);
  }
}
.snow:nth-child(148) {
  opacity: 0.9887;
  transform: translate(73.5568vw, -10px) scale(0.0998);
  animation: fall-148 19s -18s linear infinite;
}
@keyframes fall-148 {
  50.439% {
    transform: translate(76.9314vw, 50.439vh) scale(0.0998);
  }
  to {
    transform: translate(75.2441vw, 100vh) scale(0.0998);
  }
}
.snow:nth-child(149) {
  opacity: 0.9199;
  transform: translate(41.477vw, -10px) scale(0.8228);
  animation: fall-149 21s -16s linear infinite;
}
@keyframes fall-149 {
  53.706% {
    transform: translate(41.2519vw, 53.706vh) scale(0.8228);
  }
  to {
    transform: translate(41.36445vw, 100vh) scale(0.8228);
  }
}
.snow:nth-child(150) {
  opacity: 0.8949;
  transform: translate(70.3866vw, -10px) scale(0.9171);
  animation: fall-150 25s -26s linear infinite;
}
@keyframes fall-150 {
  32.48% {
    transform: translate(70.4642vw, 32.48vh) scale(0.9171);
  }
  to {
    transform: translate(70.4254vw, 100vh) scale(0.9171);
  }
}
.snow:nth-child(151) {
  opacity: 0.7928;
  transform: translate(21.0882vw, -10px) scale(0.1201);
  animation: fall-151 23s -4s linear infinite;
}
@keyframes fall-151 {
  45.791% {
    transform: translate(29.8192vw, 45.791vh) scale(0.1201);
  }
  to {
    transform: translate(25.4537vw, 100vh) scale(0.1201);
  }
}
.snow:nth-child(152) {
  opacity: 0.9606;
  transform: translate(65.4135vw, -10px) scale(0.9274);
  animation: fall-152 11s -14s linear infinite;
}
@keyframes fall-152 {
  76.78% {
    transform: translate(56.5582vw, 76.78vh) scale(0.9274);
  }
  to {
    transform: translate(60.98585vw, 100vh) scale(0.9274);
  }
}
.snow:nth-child(153) {
  opacity: 0.05;
  transform: translate(37.6803vw, -10px) scale(0.6257);
  animation: fall-153 28s -29s linear infinite;
}
@keyframes fall-153 {
  43.251% {
    transform: translate(42.3509vw, 43.251vh) scale(0.6257);
  }
  to {
    transform: translate(40.0156vw, 100vh) scale(0.6257);
  }
}
.snow:nth-child(154) {
  opacity: 0.9575;
  transform: translate(27.3567vw, -10px) scale(0.6498);
  animation: fall-154 13s -22s linear infinite;
}
@keyframes fall-154 {
  55.862% {
    transform: translate(36.928vw, 55.862vh) scale(0.6498);
  }
  to {
    transform: translate(32.14235vw, 100vh) scale(0.6498);
  }
}
.snow:nth-child(155) {
  opacity: 0.6792;
  transform: translate(32.0505vw, -10px) scale(0.6416);
  animation: fall-155 23s -17s linear infinite;
}
@keyframes fall-155 {
  72.451% {
    transform: translate(39.4959vw, 72.451vh) scale(0.6416);
  }
  to {
    transform: translate(35.7732vw, 100vh) scale(0.6416);
  }
}
.snow:nth-child(156) {
  opacity: 0.242;
  transform: translate(6.4522vw, -10px) scale(0.3317);
  animation: fall-156 26s -10s linear infinite;
}
@keyframes fall-156 {
  34.708% {
    transform: translate(14.543vw, 34.708vh) scale(0.3317);
  }
  to {
    transform: translate(10.4976vw, 100vh) scale(0.3317);
  }
}
.snow:nth-child(157) {
  opacity: 0.7849;
  transform: translate(63.2715vw, -10px) scale(0.8988);
  animation: fall-157 16s -9s linear infinite;
}
@keyframes fall-157 {
  43.187% {
    transform: translate(66.3146vw, 43.187vh) scale(0.8988);
  }
  to {
    transform: translate(64.79305vw, 100vh) scale(0.8988);
  }
}
.snow:nth-child(158) {
  opacity: 0.7404;
  transform: translate(16.9704vw, -10px) scale(0.0803);
  animation: fall-158 20s -21s linear infinite;
}
@keyframes fall-158 {
  55.521% {
    transform: translate(19.119vw, 55.521vh) scale(0.0803);
  }
  to {
    transform: translate(18.0447vw, 100vh) scale(0.0803);
  }
}
.snow:nth-child(159) {
  opacity: 0.7816;
  transform: translate(79.3216vw, -10px) scale(0.6599);
  animation: fall-159 28s -24s linear infinite;
}
@keyframes fall-159 {
  39.372% {
    transform: translate(81.0928vw, 39.372vh) scale(0.6599);
  }
  to {
    transform: translate(80.2072vw, 100vh) scale(0.6599);
  }
}
.snow:nth-child(160) {
  opacity: 0.8103;
  transform: translate(57.5277vw, -10px) scale(0.5305);
  animation: fall-160 28s -2s linear infinite;
}
@keyframes fall-160 {
  70.099% {
    transform: translate(48.8227vw, 70.099vh) scale(0.5305);
  }
  to {
    transform: translate(53.1752vw, 100vh) scale(0.5305);
  }
}
.snow:nth-child(161) {
  opacity: 0.1296;
  transform: translate(71.1697vw, -10px) scale(0.6985);
  animation: fall-161 27s -25s linear infinite;
}
@keyframes fall-161 {
  47.28% {
    transform: translate(70.273vw, 47.28vh) scale(0.6985);
  }
  to {
    transform: translate(70.72135vw, 100vh) scale(0.6985);
  }
}
.snow:nth-child(162) {
  opacity: 0.6357;
  transform: translate(89.6106vw, -10px) scale(0.6216);
  animation: fall-162 25s -4s linear infinite;
}
@keyframes fall-162 {
  40.807% {
    transform: translate(95.0726vw, 40.807vh) scale(0.6216);
  }
  to {
    transform: translate(92.3416vw, 100vh) scale(0.6216);
  }
}
.snow:nth-child(163) {
  opacity: 0.0803;
  transform: translate(17.4053vw, -10px) scale(0.3563);
  animation: fall-163 21s -9s linear infinite;
}
@keyframes fall-163 {
  45.309% {
    transform: translate(15.0219vw, 45.309vh) scale(0.3563);
  }
  to {
    transform: translate(16.2136vw, 100vh) scale(0.3563);
  }
}
.snow:nth-child(164) {
  opacity: 0.7098;
  transform: translate(73.4218vw, -10px) scale(0.5277);
  animation: fall-164 25s -3s linear infinite;
}
@keyframes fall-164 {
  32.78% {
    transform: translate(80.5393vw, 32.78vh) scale(0.5277);
  }
  to {
    transform: translate(76.98055vw, 100vh) scale(0.5277);
  }
}
.snow:nth-child(165) {
  opacity: 0.0624;
  transform: translate(56.454vw, -10px) scale(0.9717);
  animation: fall-165 15s -16s linear infinite;
}
@keyframes fall-165 {
  67.495% {
    transform: translate(60.1118vw, 67.495vh) scale(0.9717);
  }
  to {
    transform: translate(58.2829vw, 100vh) scale(0.9717);
  }
}
.snow:nth-child(166) {
  opacity: 0.949;
  transform: translate(28.1159vw, -10px) scale(0.4502);
  animation: fall-166 29s -16s linear infinite;
}
@keyframes fall-166 {
  43.018% {
    transform: translate(32.3085vw, 43.018vh) scale(0.4502);
  }
  to {
    transform: translate(30.2122vw, 100vh) scale(0.4502);
  }
}
.snow:nth-child(167) {
  opacity: 0.3335;
  transform: translate(51.7151vw, -10px) scale(0.9556);
  animation: fall-167 12s -15s linear infinite;
}
@keyframes fall-167 {
  68.59% {
    transform: translate(43.6568vw, 68.59vh) scale(0.9556);
  }
  to {
    transform: translate(47.68595vw, 100vh) scale(0.9556);
  }
}
.snow:nth-child(168) {
  opacity: 0.1317;
  transform: translate(35.9336vw, -10px) scale(0.1192);
  animation: fall-168 15s -9s linear infinite;
}
@keyframes fall-168 {
  55.999% {
    transform: translate(31.7266vw, 55.999vh) scale(0.1192);
  }
  to {
    transform: translate(33.8301vw, 100vh) scale(0.1192);
  }
}
.snow:nth-child(169) {
  opacity: 0.0589;
  transform: translate(12.2263vw, -10px) scale(0.3521);
  animation: fall-169 13s -20s linear infinite;
}
@keyframes fall-169 {
  31.499% {
    transform: translate(5.8085vw, 31.499vh) scale(0.3521);
  }
  to {
    transform: translate(9.0174vw, 100vh) scale(0.3521);
  }
}
.snow:nth-child(170) {
  opacity: 0.7054;
  transform: translate(72.6978vw, -10px) scale(0.4509);
  animation: fall-170 15s -11s linear infinite;
}
@keyframes fall-170 {
  34.315% {
    transform: translate(78.7692vw, 34.315vh) scale(0.4509);
  }
  to {
    transform: translate(75.7335vw, 100vh) scale(0.4509);
  }
}
.snow:nth-child(171) {
  opacity: 0.8821;
  transform: translate(52.2632vw, -10px) scale(0.2949);
  animation: fall-171 28s -27s linear infinite;
}
@keyframes fall-171 {
  54.389% {
    transform: translate(44.2935vw, 54.389vh) scale(0.2949);
  }
  to {
    transform: translate(48.27835vw, 100vh) scale(0.2949);
  }
}
.snow:nth-child(172) {
  opacity: 0.1345;
  transform: translate(28.6951vw, -10px) scale(0.3944);
  animation: fall-172 28s -9s linear infinite;
}
@keyframes fall-172 {
  35.09% {
    transform: translate(20.4355vw, 35.09vh) scale(0.3944);
  }
  to {
    transform: translate(24.5653vw, 100vh) scale(0.3944);
  }
}
.snow:nth-child(173) {
  opacity: 0.381;
  transform: translate(48.0658vw, -10px) scale(0.6182);
  animation: fall-173 19s -24s linear infinite;
}
@keyframes fall-173 {
  67.073% {
    transform: translate(45.3569vw, 67.073vh) scale(0.6182);
  }
  to {
    transform: translate(46.71135vw, 100vh) scale(0.6182);
  }
}
.snow:nth-child(174) {
  opacity: 0.5224;
  transform: translate(48.0266vw, -10px) scale(0.8887);
  animation: fall-174 17s -9s linear infinite;
}
@keyframes fall-174 {
  63.852% {
    transform: translate(39.5557vw, 63.852vh) scale(0.8887);
  }
  to {
    transform: translate(43.79115vw, 100vh) scale(0.8887);
  }
}
.snow:nth-child(175) {
  opacity: 0.2843;
  transform: translate(62.9789vw, -10px) scale(0.013);
  animation: fall-175 22s -29s linear infinite;
}
@keyframes fall-175 {
  65.568% {
    transform: translate(53.4639vw, 65.568vh) scale(0.013);
  }
  to {
    transform: translate(58.2214vw, 100vh) scale(0.013);
  }
}
.snow:nth-child(176) {
  opacity: 0.2886;
  transform: translate(88.7025vw, -10px) scale(0.1483);
  animation: fall-176 13s -2s linear infinite;
}
@keyframes fall-176 {
  32.146% {
    transform: translate(86.653vw, 32.146vh) scale(0.1483);
  }
  to {
    transform: translate(87.67775vw, 100vh) scale(0.1483);
  }
}
.snow:nth-child(177) {
  opacity: 0.6029;
  transform: translate(39.693vw, -10px) scale(0.4529);
  animation: fall-177 16s -15s linear infinite;
}
@keyframes fall-177 {
  56.188% {
    transform: translate(47.7192vw, 56.188vh) scale(0.4529);
  }
  to {
    transform: translate(43.7061vw, 100vh) scale(0.4529);
  }
}
.snow:nth-child(178) {
  opacity: 0.2062;
  transform: translate(79.8862vw, -10px) scale(0.618);
  animation: fall-178 16s -27s linear infinite;
}
@keyframes fall-178 {
  34.569% {
    transform: translate(81.0428vw, 34.569vh) scale(0.618);
  }
  to {
    transform: translate(80.4645vw, 100vh) scale(0.618);
  }
}
.snow:nth-child(179) {
  opacity: 0.8247;
  transform: translate(85.2124vw, -10px) scale(0.4154);
  animation: fall-179 10s -17s linear infinite;
}
@keyframes fall-179 {
  36.616% {
    transform: translate(93.7873vw, 36.616vh) scale(0.4154);
  }
  to {
    transform: translate(89.49985vw, 100vh) scale(0.4154);
  }
}
.snow:nth-child(180) {
  opacity: 0.3865;
  transform: translate(55.1382vw, -10px) scale(0.4211);
  animation: fall-180 28s -16s linear infinite;
}
@keyframes fall-180 {
  31.132% {
    transform: translate(57.1574vw, 31.132vh) scale(0.4211);
  }
  to {
    transform: translate(56.1478vw, 100vh) scale(0.4211);
  }
}
.snow:nth-child(181) {
  opacity: 0.1433;
  transform: translate(37.1926vw, -10px) scale(0.4307);
  animation: fall-181 17s -30s linear infinite;
}
@keyframes fall-181 {
  41.232% {
    transform: translate(38.5047vw, 41.232vh) scale(0.4307);
  }
  to {
    transform: translate(37.84865vw, 100vh) scale(0.4307);
  }
}
.snow:nth-child(182) {
  opacity: 0.0946;
  transform: translate(6.499vw, -10px) scale(0.5638);
  animation: fall-182 13s -9s linear infinite;
}
@keyframes fall-182 {
  35.614% {
    transform: translate(0.8129vw, 35.614vh) scale(0.5638);
  }
  to {
    transform: translate(3.65595vw, 100vh) scale(0.5638);
  }
}
.snow:nth-child(183) {
  opacity: 0.3829;
  transform: translate(60.144vw, -10px) scale(0.0342);
  animation: fall-183 10s -25s linear infinite;
}
@keyframes fall-183 {
  35.508% {
    transform: translate(50.4493vw, 35.508vh) scale(0.0342);
  }
  to {
    transform: translate(55.29665vw, 100vh) scale(0.0342);
  }
}
.snow:nth-child(184) {
  opacity: 0.5297;
  transform: translate(75.7798vw, -10px) scale(0.7922);
  animation: fall-184 30s -16s linear infinite;
}
@keyframes fall-184 {
  52.996% {
    transform: translate(80.3102vw, 52.996vh) scale(0.7922);
  }
  to {
    transform: translate(78.045vw, 100vh) scale(0.7922);
  }
}
.snow:nth-child(185) {
  opacity: 0.7435;
  transform: translate(32.9662vw, -10px) scale(0.6278);
  animation: fall-185 27s -4s linear infinite;
}
@keyframes fall-185 {
  50.224% {
    transform: translate(33.9962vw, 50.224vh) scale(0.6278);
  }
  to {
    transform: translate(33.4812vw, 100vh) scale(0.6278);
  }
}
.snow:nth-child(186) {
  opacity: 0.8799;
  transform: translate(83.6533vw, -10px) scale(0.384);
  animation: fall-186 19s -20s linear infinite;
}
@keyframes fall-186 {
  60.437% {
    transform: translate(86.5569vw, 60.437vh) scale(0.384);
  }
  to {
    transform: translate(85.1051vw, 100vh) scale(0.384);
  }
}
.snow:nth-child(187) {
  opacity: 0.9452;
  transform: translate(92.4841vw, -10px) scale(0.8923);
  animation: fall-187 15s -1s linear infinite;
}
@keyframes fall-187 {
  38.206% {
    transform: translate(98.6059vw, 38.206vh) scale(0.8923);
  }
  to {
    transform: translate(95.545vw, 100vh) scale(0.8923);
  }
}
.snow:nth-child(188) {
  opacity: 0.164;
  transform: translate(20.1652vw, -10px) scale(0.8233);
  animation: fall-188 11s -15s linear infinite;
}
@keyframes fall-188 {
  77.561% {
    transform: translate(16.2599vw, 77.561vh) scale(0.8233);
  }
  to {
    transform: translate(18.21255vw, 100vh) scale(0.8233);
  }
}
.snow:nth-child(189) {
  opacity: 0.0874;
  transform: translate(91.0862vw, -10px) scale(0.0526);
  animation: fall-189 17s -3s linear infinite;
}
@keyframes fall-189 {
  73.749% {
    transform: translate(91.7851vw, 73.749vh) scale(0.0526);
  }
  to {
    transform: translate(91.43565vw, 100vh) scale(0.0526);
  }
}
.snow:nth-child(190) {
  opacity: 0.9706;
  transform: translate(69.5433vw, -10px) scale(0.7123);
  animation: fall-190 12s -1s linear infinite;
}
@keyframes fall-190 {
  48.863% {
    transform: translate(64.8732vw, 48.863vh) scale(0.7123);
  }
  to {
    transform: translate(67.20825vw, 100vh) scale(0.7123);
  }
}
.snow:nth-child(191) {
  opacity: 0.5169;
  transform: translate(47.4799vw, -10px) scale(0.5674);
  animation: fall-191 23s -18s linear infinite;
}
@keyframes fall-191 {
  32.321% {
    transform: translate(45.4605vw, 32.321vh) scale(0.5674);
  }
  to {
    transform: translate(46.4702vw, 100vh) scale(0.5674);
  }
}
.snow:nth-child(192) {
  opacity: 0.5458;
  transform: translate(40.3653vw, -10px) scale(0.2845);
  animation: fall-192 27s -26s linear infinite;
}
@keyframes fall-192 {
  68.991% {
    transform: translate(38.0285vw, 68.991vh) scale(0.2845);
  }
  to {
    transform: translate(39.1969vw, 100vh) scale(0.2845);
  }
}
.snow:nth-child(193) {
  opacity: 0.4661;
  transform: translate(89.6976vw, -10px) scale(0.6892);
  animation: fall-193 21s -27s linear infinite;
}
@keyframes fall-193 {
  40.381% {
    transform: translate(92.029vw, 40.381vh) scale(0.6892);
  }
  to {
    transform: translate(90.8633vw, 100vh) scale(0.6892);
  }
}
.snow:nth-child(194) {
  opacity: 0.3161;
  transform: translate(4.6266vw, -10px) scale(0.9695);
  animation: fall-194 12s -15s linear infinite;
}
@keyframes fall-194 {
  46.742% {
    transform: translate(-0.4957vw, 46.742vh) scale(0.9695);
  }
  to {
    transform: translate(2.06545vw, 100vh) scale(0.9695);
  }
}
.snow:nth-child(195) {
  opacity: 0.6977;
  transform: translate(36.0442vw, -10px) scale(0.5887);
  animation: fall-195 17s -11s linear infinite;
}
@keyframes fall-195 {
  72.697% {
    transform: translate(35.3832vw, 72.697vh) scale(0.5887);
  }
  to {
    transform: translate(35.7137vw, 100vh) scale(0.5887);
  }
}
.snow:nth-child(196) {
  opacity: 0.3122;
  transform: translate(72.1581vw, -10px) scale(0.6822);
  animation: fall-196 15s -11s linear infinite;
}
@keyframes fall-196 {
  40.621% {
    transform: translate(67.0634vw, 40.621vh) scale(0.6822);
  }
  to {
    transform: translate(69.61075vw, 100vh) scale(0.6822);
  }
}
.snow:nth-child(197) {
  opacity: 0.4287;
  transform: translate(5.2939vw, -10px) scale(0.3356);
  animation: fall-197 14s -10s linear infinite;
}
@keyframes fall-197 {
  78.307% {
    transform: translate(13.0906vw, 78.307vh) scale(0.3356);
  }
  to {
    transform: translate(9.19225vw, 100vh) scale(0.3356);
  }
}
.snow:nth-child(198) {
  opacity: 0.9995;
  transform: translate(97.7195vw, -10px) scale(0.6257);
  animation: fall-198 13s -20s linear infinite;
}
@keyframes fall-198 {
  69.983% {
    transform: translate(103.6148vw, 69.983vh) scale(0.6257);
  }
  to {
    transform: translate(100.66715vw, 100vh) scale(0.6257);
  }
}
.snow:nth-child(199) {
  opacity: 0.269;
  transform: translate(46.5084vw, -10px) scale(0.453);
  animation: fall-199 13s -4s linear infinite;
}
@keyframes fall-199 {
  58.889% {
    transform: translate(46.1878vw, 58.889vh) scale(0.453);
  }
  to {
    transform: translate(46.3481vw, 100vh) scale(0.453);
  }
}
.snow:nth-child(200) {
  opacity: 0.9973;
  transform: translate(38.4897vw, -10px) scale(0.6554);
  animation: fall-200 15s -24s linear infinite;
}
@keyframes fall-200 {
  61.694% {
    transform: translate(45.4414vw, 61.694vh) scale(0.6554);
  }
  to {
    transform: translate(41.96555vw, 100vh) scale(0.6554);
  }
}


/* hieu ung 8 */
.hu-netweb-8 {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: -webkit-fill-available;
}


.b {
  border-radius: 50%;
  float: left;
  margin-top: -50px;
  position: absolute;
}
.b:nth-child(1) {
  margin-left: 0%;
  width: 9px;
  height: 9px;
  background: rgba(237, 237, 237, 0.8);
  box-shadow: 0 0 15px 10px rgba(237, 237, 237, 0.5);
  animation: fall 12s 8s infinite;
}
.b:nth-child(2) {
  margin-left: 1%;
  width: 2px;
  height: 2px;
  background: rgba(242, 242, 242, 0.8);
  box-shadow: 0 0 15px 10px rgba(242, 242, 242, 0.5);
  animation: fall 14s 2s infinite;
}
.b:nth-child(3) {
  margin-left: 2%;
  width: 2px;
  height: 2px;
  background: rgba(235, 235, 235, 0.8);
  box-shadow: 0 0 15px 10px rgba(235, 235, 235, 0.5);
  animation: fall 16s 8s infinite;
}
.b:nth-child(4) {
  margin-left: 3%;
  width: 7px;
  height: 7px;
  background: rgba(232, 232, 232, 0.8);
  box-shadow: 0 0 15px 10px rgba(232, 232, 232, 0.5);
  animation: fall 17s 5s infinite;
}
.b:nth-child(5) {
  margin-left: 4%;
  width: 8px;
  height: 8px;
  background: rgba(240, 240, 240, 0.8);
  box-shadow: 0 0 15px 10px rgba(240, 240, 240, 0.5);
  animation: fall 27s 6s infinite;
}
.b:nth-child(6) {
  margin-left: 5%;
  width: 9px;
  height: 9px;
  background: rgba(247, 247, 247, 0.8);
  box-shadow: 0 0 15px 10px rgba(247, 247, 247, 0.5);
  animation: fall 11s 3s infinite;
}
.b:nth-child(7) {
  margin-left: 6%;
  width: 10px;
  height: 10px;
  background: rgba(252, 252, 252, 0.8);
  box-shadow: 0 0 15px 10px rgba(252, 252, 252, 0.5);
  animation: fall 23s 6s infinite;
}
.b:nth-child(8) {
  margin-left: 7%;
  width: 7px;
  height: 7px;
  background: rgba(252, 252, 252, 0.8);
  box-shadow: 0 0 15px 10px rgba(252, 252, 252, 0.5);
  animation: fall 14s 11s infinite;
}
.b:nth-child(9) {
  margin-left: 8%;
  width: 4px;
  height: 4px;
  background: rgba(250, 250, 250, 0.8);
  box-shadow: 0 0 15px 10px rgba(250, 250, 250, 0.5);
  animation: fall 13s 10s infinite;
}
.b:nth-child(10) {
  margin-left: 9%;
  width: 11px;
  height: 11px;
  background: rgba(235, 235, 235, 0.8);
  box-shadow: 0 0 15px 10px rgba(235, 235, 235, 0.5);
  animation: fall 22s 10s infinite;
}
.b:nth-child(11) {
  margin-left: 10%;
  width: 10px;
  height: 10px;
  background: rgba(247, 247, 247, 0.8);
  box-shadow: 0 0 15px 10px rgba(247, 247, 247, 0.5);
  animation: fall 22s 2s infinite;
}
.b:nth-child(12) {
  margin-left: 11%;
  width: 8px;
  height: 8px;
  background: rgba(252, 252, 252, 0.8);
  box-shadow: 0 0 15px 10px rgba(252, 252, 252, 0.5);
  animation: fall 17s 2s infinite;
}
.b:nth-child(13) {
  margin-left: 12%;
  width: 11px;
  height: 11px;
  background: rgba(237, 237, 237, 0.8);
  box-shadow: 0 0 15px 10px rgba(237, 237, 237, 0.5);
  animation: fall 16s 9s infinite;
}
.b:nth-child(14) {
  margin-left: 13%;
  width: 7px;
  height: 7px;
  background: rgba(235, 235, 235, 0.8);
  box-shadow: 0 0 15px 10px rgba(235, 235, 235, 0.5);
  animation: fall 23s 5s infinite;
}
.b:nth-child(15) {
  margin-left: 14%;
  width: 8px;
  height: 8px;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0 0 15px 10px rgba(255, 255, 255, 0.5);
  animation: fall 19s 3s infinite;
}
.b:nth-child(16) {
  margin-left: 15%;
  width: 4px;
  height: 4px;
  background: rgba(250, 250, 250, 0.8);
  box-shadow: 0 0 15px 10px rgba(250, 250, 250, 0.5);
  animation: fall 12s 4s infinite;
}
.b:nth-child(17) {
  margin-left: 16%;
  width: 10px;
  height: 10px;
  background: rgba(245, 245, 245, 0.8);
  box-shadow: 0 0 15px 10px rgba(245, 245, 245, 0.5);
  animation: fall 30s 8s infinite;
}
.b:nth-child(18) {
  margin-left: 17%;
  width: 6px;
  height: 6px;
  background: rgba(250, 250, 250, 0.8);
  box-shadow: 0 0 15px 10px rgba(250, 250, 250, 0.5);
  animation: fall 29s 6s infinite;
}
.b:nth-child(19) {
  margin-left: 18%;
  width: 7px;
  height: 7px;
  background: rgba(237, 237, 237, 0.8);
  box-shadow: 0 0 15px 10px rgba(237, 237, 237, 0.5);
  animation: fall 21s 9s infinite;
}
.b:nth-child(20) {
  margin-left: 19%;
  width: 5px;
  height: 5px;
  background: rgba(240, 240, 240, 0.8);
  box-shadow: 0 0 15px 10px rgba(240, 240, 240, 0.5);
  animation: fall 27s 9s infinite;
}
.b:nth-child(21) {
  margin-left: 20%;
  width: 11px;
  height: 11px;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0 0 15px 10px rgba(255, 255, 255, 0.5);
  animation: fall 21s 7s infinite;
}
.b:nth-child(22) {
  margin-left: 21%;
  width: 9px;
  height: 9px;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0 0 15px 10px rgba(255, 255, 255, 0.5);
  animation: fall 28s 6s infinite;
}
.b:nth-child(23) {
  margin-left: 22%;
  width: 2px;
  height: 2px;
  background: rgba(250, 250, 250, 0.8);
  box-shadow: 0 0 15px 10px rgba(250, 250, 250, 0.5);
  animation: fall 17s 5s infinite;
}
.b:nth-child(24) {
  margin-left: 23%;
  width: 10px;
  height: 10px;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0 0 15px 10px rgba(255, 255, 255, 0.5);
  animation: fall 27s 9s infinite;
}
.b:nth-child(25) {
  margin-left: 24%;
  width: 6px;
  height: 6px;
  background: rgba(247, 247, 247, 0.8);
  box-shadow: 0 0 15px 10px rgba(247, 247, 247, 0.5);
  animation: fall 26s 7s infinite;
}
.b:nth-child(26) {
  margin-left: 25%;
  width: 5px;
  height: 5px;
  background: rgba(247, 247, 247, 0.8);
  box-shadow: 0 0 15px 10px rgba(247, 247, 247, 0.5);
  animation: fall 25s 5s infinite;
}
.b:nth-child(27) {
  margin-left: 26%;
  width: 4px;
  height: 4px;
  background: rgba(250, 250, 250, 0.8);
  box-shadow: 0 0 15px 10px rgba(250, 250, 250, 0.5);
  animation: fall 17s 2s infinite;
}
.b:nth-child(28) {
  margin-left: 27%;
  width: 4px;
  height: 4px;
  background: rgba(247, 247, 247, 0.8);
  box-shadow: 0 0 15px 10px rgba(247, 247, 247, 0.5);
  animation: fall 26s 9s infinite;
}
.b:nth-child(29) {
  margin-left: 28%;
  width: 7px;
  height: 7px;
  background: rgba(245, 245, 245, 0.8);
  box-shadow: 0 0 15px 10px rgba(245, 245, 245, 0.5);
  animation: fall 29s 9s infinite;
}
.b:nth-child(30) {
  margin-left: 29%;
  width: 9px;
  height: 9px;
  background: rgba(235, 235, 235, 0.8);
  box-shadow: 0 0 15px 10px rgba(235, 235, 235, 0.5);
  animation: fall 23s 7s infinite;
}
.b:nth-child(31) {
  margin-left: 30%;
  width: 5px;
  height: 5px;
  background: rgba(245, 245, 245, 0.8);
  box-shadow: 0 0 15px 10px rgba(245, 245, 245, 0.5);
  animation: fall 11s 2s infinite;
}
.b:nth-child(32) {
  margin-left: 31%;
  width: 4px;
  height: 4px;
  background: rgba(235, 235, 235, 0.8);
  box-shadow: 0 0 15px 10px rgba(235, 235, 235, 0.5);
  animation: fall 24s 6s infinite;
}
.b:nth-child(33) {
  margin-left: 32%;
  width: 7px;
  height: 7px;
  background: rgba(245, 245, 245, 0.8);
  box-shadow: 0 0 15px 10px rgba(245, 245, 245, 0.5);
  animation: fall 15s 7s infinite;
}
.b:nth-child(34) {
  margin-left: 33%;
  width: 6px;
  height: 6px;
  background: rgba(242, 242, 242, 0.8);
  box-shadow: 0 0 15px 10px rgba(242, 242, 242, 0.5);
  animation: fall 18s 5s infinite;
}
.b:nth-child(35) {
  margin-left: 34%;
  width: 8px;
  height: 8px;
  background: rgba(237, 237, 237, 0.8);
  box-shadow: 0 0 15px 10px rgba(237, 237, 237, 0.5);
  animation: fall 16s 4s infinite;
}
.b:nth-child(36) {
  margin-left: 35%;
  width: 8px;
  height: 8px;
  background: rgba(247, 247, 247, 0.8);
  box-shadow: 0 0 15px 10px rgba(247, 247, 247, 0.5);
  animation: fall 19s 4s infinite;
}
.b:nth-child(37) {
  margin-left: 36%;
  width: 11px;
  height: 11px;
  background: rgba(232, 232, 232, 0.8);
  box-shadow: 0 0 15px 10px rgba(232, 232, 232, 0.5);
  animation: fall 17s 11s infinite;
}
.b:nth-child(38) {
  margin-left: 37%;
  width: 10px;
  height: 10px;
  background: rgba(252, 252, 252, 0.8);
  box-shadow: 0 0 15px 10px rgba(252, 252, 252, 0.5);
  animation: fall 27s 6s infinite;
}
.b:nth-child(39) {
  margin-left: 38%;
  width: 5px;
  height: 5px;
  background: rgba(232, 232, 232, 0.8);
  box-shadow: 0 0 15px 10px rgba(232, 232, 232, 0.5);
  animation: fall 14s 11s infinite;
}
.b:nth-child(40) {
  margin-left: 39%;
  width: 3px;
  height: 3px;
  background: rgba(245, 245, 245, 0.8);
  box-shadow: 0 0 15px 10px rgba(245, 245, 245, 0.5);
  animation: fall 29s 3s infinite;
}
.b:nth-child(41) {
  margin-left: 40%;
  width: 2px;
  height: 2px;
  background: rgba(242, 242, 242, 0.8);
  box-shadow: 0 0 15px 10px rgba(242, 242, 242, 0.5);
  animation: fall 21s 7s infinite;
}
.b:nth-child(42) {
  margin-left: 41%;
  width: 5px;
  height: 5px;
  background: rgba(235, 235, 235, 0.8);
  box-shadow: 0 0 15px 10px rgba(235, 235, 235, 0.5);
  animation: fall 24s 6s infinite;
}
.b:nth-child(43) {
  margin-left: 42%;
  width: 4px;
  height: 4px;
  background: rgba(242, 242, 242, 0.8);
  box-shadow: 0 0 15px 10px rgba(242, 242, 242, 0.5);
  animation: fall 27s 11s infinite;
}
.b:nth-child(44) {
  margin-left: 43%;
  width: 5px;
  height: 5px;
  background: rgba(242, 242, 242, 0.8);
  box-shadow: 0 0 15px 10px rgba(242, 242, 242, 0.5);
  animation: fall 19s 2s infinite;
}
.b:nth-child(45) {
  margin-left: 44%;
  width: 5px;
  height: 5px;
  background: rgba(252, 252, 252, 0.8);
  box-shadow: 0 0 15px 10px rgba(252, 252, 252, 0.5);
  animation: fall 16s 5s infinite;
}
.b:nth-child(46) {
  margin-left: 45%;
  width: 3px;
  height: 3px;
  background: rgba(252, 252, 252, 0.8);
  box-shadow: 0 0 15px 10px rgba(252, 252, 252, 0.5);
  animation: fall 20s 6s infinite;
}
.b:nth-child(47) {
  margin-left: 46%;
  width: 11px;
  height: 11px;
  background: rgba(237, 237, 237, 0.8);
  box-shadow: 0 0 15px 10px rgba(237, 237, 237, 0.5);
  animation: fall 28s 11s infinite;
}
.b:nth-child(48) {
  margin-left: 47%;
  width: 10px;
  height: 10px;
  background: rgba(245, 245, 245, 0.8);
  box-shadow: 0 0 15px 10px rgba(245, 245, 245, 0.5);
  animation: fall 13s 5s infinite;
}
.b:nth-child(49) {
  margin-left: 48%;
  width: 11px;
  height: 11px;
  background: rgba(242, 242, 242, 0.8);
  box-shadow: 0 0 15px 10px rgba(242, 242, 242, 0.5);
  animation: fall 25s 3s infinite;
}
.b:nth-child(50) {
  margin-left: 49%;
  width: 10px;
  height: 10px;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0 0 15px 10px rgba(255, 255, 255, 0.5);
  animation: fall 30s 7s infinite;
}
.b:nth-child(51) {
  margin-left: 50%;
  width: 11px;
  height: 11px;
  background: rgba(252, 252, 252, 0.8);
  box-shadow: 0 0 15px 10px rgba(252, 252, 252, 0.5);
  animation: fall 16s 5s infinite;
}
.b:nth-child(52) {
  margin-left: 51%;
  width: 11px;
  height: 11px;
  background: rgba(245, 245, 245, 0.8);
  box-shadow: 0 0 15px 10px rgba(245, 245, 245, 0.5);
  animation: fall 30s 7s infinite;
}
.b:nth-child(53) {
  margin-left: 52%;
  width: 8px;
  height: 8px;
  background: rgba(232, 232, 232, 0.8);
  box-shadow: 0 0 15px 10px rgba(232, 232, 232, 0.5);
  animation: fall 19s 3s infinite;
}
.b:nth-child(54) {
  margin-left: 53%;
  width: 10px;
  height: 10px;
  background: rgba(250, 250, 250, 0.8);
  box-shadow: 0 0 15px 10px rgba(250, 250, 250, 0.5);
  animation: fall 15s 7s infinite;
}
.b:nth-child(55) {
  margin-left: 54%;
  width: 9px;
  height: 9px;
  background: rgba(242, 242, 242, 0.8);
  box-shadow: 0 0 15px 10px rgba(242, 242, 242, 0.5);
  animation: fall 23s 2s infinite;
}
.b:nth-child(56) {
  margin-left: 55%;
  width: 9px;
  height: 9px;
  background: rgba(252, 252, 252, 0.8);
  box-shadow: 0 0 15px 10px rgba(252, 252, 252, 0.5);
  animation: fall 25s 7s infinite;
}
.b:nth-child(57) {
  margin-left: 56%;
  width: 9px;
  height: 9px;
  background: rgba(237, 237, 237, 0.8);
  box-shadow: 0 0 15px 10px rgba(237, 237, 237, 0.5);
  animation: fall 24s 6s infinite;
}
.b:nth-child(58) {
  margin-left: 57%;
  width: 4px;
  height: 4px;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0 0 15px 10px rgba(255, 255, 255, 0.5);
  animation: fall 28s 2s infinite;
}
.b:nth-child(59) {
  margin-left: 58%;
  width: 10px;
  height: 10px;
  background: rgba(250, 250, 250, 0.8);
  box-shadow: 0 0 15px 10px rgba(250, 250, 250, 0.5);
  animation: fall 19s 2s infinite;
}
.b:nth-child(60) {
  margin-left: 59%;
  width: 10px;
  height: 10px;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0 0 15px 10px rgba(255, 255, 255, 0.5);
  animation: fall 11s 9s infinite;
}
.b:nth-child(61) {
  margin-left: 60%;
  width: 7px;
  height: 7px;
  background: rgba(235, 235, 235, 0.8);
  box-shadow: 0 0 15px 10px rgba(235, 235, 235, 0.5);
  animation: fall 14s 5s infinite;
}
.b:nth-child(62) {
  margin-left: 61%;
  width: 9px;
  height: 9px;
  background: rgba(240, 240, 240, 0.8);
  box-shadow: 0 0 15px 10px rgba(240, 240, 240, 0.5);
  animation: fall 29s 8s infinite;
}
.b:nth-child(63) {
  margin-left: 62%;
  width: 7px;
  height: 7px;
  background: rgba(235, 235, 235, 0.8);
  box-shadow: 0 0 15px 10px rgba(235, 235, 235, 0.5);
  animation: fall 26s 9s infinite;
}
.b:nth-child(64) {
  margin-left: 63%;
  width: 2px;
  height: 2px;
  background: rgba(242, 242, 242, 0.8);
  box-shadow: 0 0 15px 10px rgba(242, 242, 242, 0.5);
  animation: fall 13s 11s infinite;
}
.b:nth-child(65) {
  margin-left: 64%;
  width: 10px;
  height: 10px;
  background: rgba(250, 250, 250, 0.8);
  box-shadow: 0 0 15px 10px rgba(250, 250, 250, 0.5);
  animation: fall 17s 4s infinite;
}
.b:nth-child(66) {
  margin-left: 65%;
  width: 5px;
  height: 5px;
  background: rgba(232, 232, 232, 0.8);
  box-shadow: 0 0 15px 10px rgba(232, 232, 232, 0.5);
  animation: fall 21s 9s infinite;
}
.b:nth-child(67) {
  margin-left: 66%;
  width: 2px;
  height: 2px;
  background: rgba(242, 242, 242, 0.8);
  box-shadow: 0 0 15px 10px rgba(242, 242, 242, 0.5);
  animation: fall 21s 7s infinite;
}
.b:nth-child(68) {
  margin-left: 67%;
  width: 11px;
  height: 11px;
  background: rgba(232, 232, 232, 0.8);
  box-shadow: 0 0 15px 10px rgba(232, 232, 232, 0.5);
  animation: fall 25s 9s infinite;
}
.b:nth-child(69) {
  margin-left: 68%;
  width: 11px;
  height: 11px;
  background: rgba(247, 247, 247, 0.8);
  box-shadow: 0 0 15px 10px rgba(247, 247, 247, 0.5);
  animation: fall 18s 4s infinite;
}
.b:nth-child(70) {
  margin-left: 69%;
  width: 2px;
  height: 2px;
  background: rgba(235, 235, 235, 0.8);
  box-shadow: 0 0 15px 10px rgba(235, 235, 235, 0.5);
  animation: fall 16s 6s infinite;
}
.b:nth-child(71) {
  margin-left: 70%;
  width: 9px;
  height: 9px;
  background: rgba(235, 235, 235, 0.8);
  box-shadow: 0 0 15px 10px rgba(235, 235, 235, 0.5);
  animation: fall 29s 11s infinite;
}
.b:nth-child(72) {
  margin-left: 71%;
  width: 8px;
  height: 8px;
  background: rgba(242, 242, 242, 0.8);
  box-shadow: 0 0 15px 10px rgba(242, 242, 242, 0.5);
  animation: fall 14s 8s infinite;
}
.b:nth-child(73) {
  margin-left: 72%;
  width: 2px;
  height: 2px;
  background: rgba(240, 240, 240, 0.8);
  box-shadow: 0 0 15px 10px rgba(240, 240, 240, 0.5);
  animation: fall 21s 5s infinite;
}
.b:nth-child(74) {
  margin-left: 73%;
  width: 11px;
  height: 11px;
  background: rgba(247, 247, 247, 0.8);
  box-shadow: 0 0 15px 10px rgba(247, 247, 247, 0.5);
  animation: fall 21s 10s infinite;
}
.b:nth-child(75) {
  margin-left: 74%;
  width: 11px;
  height: 11px;
  background: rgba(252, 252, 252, 0.8);
  box-shadow: 0 0 15px 10px rgba(252, 252, 252, 0.5);
  animation: fall 14s 4s infinite;
}
.b:nth-child(76) {
  margin-left: 75%;
  width: 2px;
  height: 2px;
  background: rgba(245, 245, 245, 0.8);
  box-shadow: 0 0 15px 10px rgba(245, 245, 245, 0.5);
  animation: fall 27s 5s infinite;
}
.b:nth-child(77) {
  margin-left: 76%;
  width: 10px;
  height: 10px;
  background: rgba(252, 252, 252, 0.8);
  box-shadow: 0 0 15px 10px rgba(252, 252, 252, 0.5);
  animation: fall 12s 2s infinite;
}
.b:nth-child(78) {
  margin-left: 77%;
  width: 4px;
  height: 4px;
  background: rgba(247, 247, 247, 0.8);
  box-shadow: 0 0 15px 10px rgba(247, 247, 247, 0.5);
  animation: fall 28s 11s infinite;
}
.b:nth-child(79) {
  margin-left: 78%;
  width: 5px;
  height: 5px;
  background: rgba(250, 250, 250, 0.8);
  box-shadow: 0 0 15px 10px rgba(250, 250, 250, 0.5);
  animation: fall 27s 9s infinite;
}
.b:nth-child(80) {
  margin-left: 79%;
  width: 3px;
  height: 3px;
  background: rgba(235, 235, 235, 0.8);
  box-shadow: 0 0 15px 10px rgba(235, 235, 235, 0.5);
  animation: fall 29s 3s infinite;
}
.b:nth-child(81) {
  margin-left: 80%;
  width: 3px;
  height: 3px;
  background: rgba(232, 232, 232, 0.8);
  box-shadow: 0 0 15px 10px rgba(232, 232, 232, 0.5);
  animation: fall 14s 9s infinite;
}
.b:nth-child(82) {
  margin-left: 81%;
  width: 7px;
  height: 7px;
  background: rgba(250, 250, 250, 0.8);
  box-shadow: 0 0 15px 10px rgba(250, 250, 250, 0.5);
  animation: fall 20s 3s infinite;
}
.b:nth-child(83) {
  margin-left: 82%;
  width: 4px;
  height: 4px;
  background: rgba(252, 252, 252, 0.8);
  box-shadow: 0 0 15px 10px rgba(252, 252, 252, 0.5);
  animation: fall 17s 10s infinite;
}
.b:nth-child(84) {
  margin-left: 83%;
  width: 10px;
  height: 10px;
  background: rgba(250, 250, 250, 0.8);
  box-shadow: 0 0 15px 10px rgba(250, 250, 250, 0.5);
  animation: fall 26s 11s infinite;
}
.b:nth-child(85) {
  margin-left: 84%;
  width: 7px;
  height: 7px;
  background: rgba(247, 247, 247, 0.8);
  box-shadow: 0 0 15px 10px rgba(247, 247, 247, 0.5);
  animation: fall 11s 2s infinite;
}
.b:nth-child(86) {
  margin-left: 85%;
  width: 8px;
  height: 8px;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0 0 15px 10px rgba(255, 255, 255, 0.5);
  animation: fall 29s 3s infinite;
}
.b:nth-child(87) {
  margin-left: 86%;
  width: 8px;
  height: 8px;
  background: rgba(245, 245, 245, 0.8);
  box-shadow: 0 0 15px 10px rgba(245, 245, 245, 0.5);
  animation: fall 18s 11s infinite;
}
.b:nth-child(88) {
  margin-left: 87%;
  width: 8px;
  height: 8px;
  background: rgba(237, 237, 237, 0.8);
  box-shadow: 0 0 15px 10px rgba(237, 237, 237, 0.5);
  animation: fall 25s 9s infinite;
}
.b:nth-child(89) {
  margin-left: 88%;
  width: 10px;
  height: 10px;
  background: rgba(250, 250, 250, 0.8);
  box-shadow: 0 0 15px 10px rgba(250, 250, 250, 0.5);
  animation: fall 24s 11s infinite;
}
.b:nth-child(90) {
  margin-left: 89%;
  width: 4px;
  height: 4px;
  background: rgba(240, 240, 240, 0.8);
  box-shadow: 0 0 15px 10px rgba(240, 240, 240, 0.5);
  animation: fall 12s 2s infinite;
}
.b:nth-child(91) {
  margin-left: 90%;
  width: 3px;
  height: 3px;
  background: rgba(235, 235, 235, 0.8);
  box-shadow: 0 0 15px 10px rgba(235, 235, 235, 0.5);
  animation: fall 23s 3s infinite;
}
.b:nth-child(92) {
  margin-left: 91%;
  width: 7px;
  height: 7px;
  background: rgba(235, 235, 235, 0.8);
  box-shadow: 0 0 15px 10px rgba(235, 235, 235, 0.5);
  animation: fall 30s 5s infinite;
}
.b:nth-child(93) {
  margin-left: 92%;
  width: 4px;
  height: 4px;
  background: rgba(242, 242, 242, 0.8);
  box-shadow: 0 0 15px 10px rgba(242, 242, 242, 0.5);
  animation: fall 18s 4s infinite;
}
.b:nth-child(94) {
  margin-left: 93%;
  width: 3px;
  height: 3px;
  background: rgba(245, 245, 245, 0.8);
  box-shadow: 0 0 15px 10px rgba(245, 245, 245, 0.5);
  animation: fall 14s 7s infinite;
}
.b:nth-child(95) {
  margin-left: 94%;
  width: 11px;
  height: 11px;
  background: rgba(245, 245, 245, 0.8);
  box-shadow: 0 0 15px 10px rgba(245, 245, 245, 0.5);
  animation: fall 19s 11s infinite;
}
.b:nth-child(96) {
  margin-left: 95%;
  width: 6px;
  height: 6px;
  background: rgba(240, 240, 240, 0.8);
  box-shadow: 0 0 15px 10px rgba(240, 240, 240, 0.5);
  animation: fall 25s 9s infinite;
}
.b:nth-child(97) {
  margin-left: 96%;
  width: 8px;
  height: 8px;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0 0 15px 10px rgba(255, 255, 255, 0.5);
  animation: fall 11s 9s infinite;
}
.b:nth-child(98) {
  margin-left: 97%;
  width: 3px;
  height: 3px;
  background: rgba(247, 247, 247, 0.8);
  box-shadow: 0 0 15px 10px rgba(247, 247, 247, 0.5);
  animation: fall 20s 7s infinite;
}
.b:nth-child(99) {
  margin-left: 98%;
  width: 5px;
  height: 5px;
  background: rgba(247, 247, 247, 0.8);
  box-shadow: 0 0 15px 10px rgba(247, 247, 247, 0.5);
  animation: fall 13s 4s infinite;
}
.b:nth-child(100) {
  margin-left: 99%;
  width: 3px;
  height: 3px;
  background: rgba(247, 247, 247, 0.8);
  box-shadow: 0 0 15px 10px rgba(247, 247, 247, 0.5);
  animation: fall 12s 10s infinite;
}

@keyframes fall {
  0% {
    transform: scale(0);
  }
  2% {
    transform: scale(1);
    top: -50px;
  }
  100% {
    transform: scale(0);
    top: 100%;
  }
}