:root {
        --duration: 1000ms
}

.g-snows,  .g-snows > li{
    overflow: hidden;
    pointer-events: none;
  }
  
  .g-snows {
    width: 100vw;
    height: 100%;

    
  }
  
  .g-snows > li {
    z-index: 1000;
    opacity: 0;
    position: fixed;
    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;
            /* transform: scale(0.7) !important; */
  }
  .g-snows > li:nth-child(1) {
    left: 116%;
    width: 20px;
    height: 20px;
    -webkit-animation-duration: calc(7.45*var(--duration));
            animation-duration: calc(7.45*var(--duration));
    -webkit-animation-delay: calc(1.038*var(--duration));
            animation-delay: calc(1.038*var(--duration));
    filter: blur(3px);
  }
  .g-snows > li:nth-child(2) {
    left: 60%;
    width: 9px;
    height: 9px;
    -webkit-animation-duration: 6776ms;
            animation-duration: 6776ms;
    -webkit-animation-delay: 3676ms;
            animation-delay: 3676ms;
    filter: blur(4px);
  }
  .g-snows > li:nth-child(3) {
    left: 62%;
    width: 10px;
    height: 10px;
    -webkit-animation-duration: 5878ms;
            animation-duration: 5878ms;
    -webkit-animation-delay: 4340ms;
            animation-delay: 4340ms;
    filter: blur(2px);
  }
  .g-snows > li:nth-child(4) {
    left: 23%;
    width: 8px;
    height: 8px;
    -webkit-animation-duration: 13578ms;
            animation-duration: 13578ms;
    -webkit-animation-delay: 4639ms;
            animation-delay: 4639ms;
    filter: blur(3px);
  }
  .g-snows > li:nth-child(5) {
    left: 29%;
    width: 22px;
    height: 22px;
    -webkit-animation-duration: 5883ms;
            animation-duration: 5883ms;
    -webkit-animation-delay: 1241ms;
            animation-delay: 1241ms;
    filter: blur(1px);
  }
  .g-snows > li:nth-child(6) {
    left: 30%;
    width: 23px;
    height: 23px;
    -webkit-animation-duration: 5606ms;
            animation-duration: 5606ms;
    -webkit-animation-delay: 3382ms;
            animation-delay: 3382ms;
    filter: blur(3px);
  }
  .g-snows > li:nth-child(7) {
    left: 97%;
    width: 14px;
    height: 14px;
    -webkit-animation-duration: 8160ms;
            animation-duration: 8160ms;
    -webkit-animation-delay: 3529ms;
            animation-delay: 3529ms;
    filter: blur(2px);
  }
  .g-snows > li:nth-child(8) {
    left: 72%;
    width: 19px;
    height: 19px;
   -webkit-animation-duration: calc(7.329 * var(--duration));
            animation-duration: calc(7.329 * var(--duration));
    -webkit-animation-delay: calc(0.487 * var(--duration));
            animation-delay: calc(0.487 * var(--duration)); 
    filter: blur(3px);
  }
  .g-snows > li:nth-child(9) {
    left: 2%;
    width: 26px;
    height: 26px;
    -webkit-animation-duration: 12558ms;
            animation-duration: 12558ms;
    -webkit-animation-delay: 2159ms;
            animation-delay: 2159ms;
    filter: blur(3px);
  }
  .g-snows > li:nth-child(10) {
    left: 93%;
    width: 1px;
    height: 1px;
    -webkit-animation-duration: 8768ms;
            animation-duration: 8768ms;
    -webkit-animation-delay: 4045ms;
            animation-delay: 4045ms;
    filter: blur(2px);
  }
  .g-snows > li:nth-child(11) {
    left: 76%;
    width: 27px;
    height: 27px;
    -webkit-animation-duration: 8920ms;
            animation-duration: 8920ms;
    -webkit-animation-delay: 1893ms;
            animation-delay: 1893ms;
    filter: blur(1px);
  }
  .g-snows > li:nth-child(12) {
    left: 5%;
    width: 9px;
    height: 9px;
    -webkit-animation-duration: 8418ms;
            animation-duration: 8418ms;
    -webkit-animation-delay: 4180ms;
            animation-delay: 4180ms;
    filter: blur(1px);
  }
  .g-snows > li:nth-child(13) {
    left: 45%;
    width: 3px;
    height: 3px;
    -webkit-animation-duration: 10499ms;
            animation-duration: 10499ms;
    -webkit-animation-delay: 4974ms;
            animation-delay: 4974ms;
    filter: blur(1px);
  }
  .g-snows > li:nth-child(14) {
    left: 7%;
    width: 16px;
    height: 16px;
    -webkit-animation-duration: 7374ms;
            animation-duration: 7374ms;
    -webkit-animation-delay: 2429ms;
            animation-delay: 2429ms;
    filter: blur(0px);
  }
  .g-snows > li:nth-child(15) {
    left: 5%;
    width: 11px;
    height: 11px;
    -webkit-animation-duration: 5787ms;
            animation-duration: 5787ms;
    -webkit-animation-delay: 714ms;
            animation-delay: 714ms;
    filter: blur(3px);
  }
  .g-snows > li:nth-child(16) {
    left: 0%;
    width: 25px;
    height: 25px;
    -webkit-animation-duration: 8652ms;
            animation-duration: 8652ms;
    -webkit-animation-delay: 4354ms;
            animation-delay: 4354ms;
    filter: blur(0px);
  }
  .g-snows > li:nth-child(17) {
    left: 51%;
    width: 1px;
    height: 1px;
    -webkit-animation-duration: 12603ms;
            animation-duration: 12603ms;
    -webkit-animation-delay: 3212ms;
            animation-delay: 3212ms;
    filter: blur(2px);
  }
  .g-snows > li:nth-child(18) {
    left: 108%;
    width: 8px;
    height: 8px;
    -webkit-animation-duration: 8584ms;
            animation-duration: 8584ms;
    -webkit-animation-delay: 2417ms;
            animation-delay: 2417ms;
    filter: blur(1px);
  }
  .g-snows > li:nth-child(19) {
    left: 13%;
    width: 9px;
    height: 9px;
    -webkit-animation-duration: 5100ms;
            animation-duration: 5100ms;
    -webkit-animation-delay: 82ms;
            animation-delay: 82ms;
    filter: blur(1px);
  }
  .g-snows > li:nth-child(20) {
    left: 52%;
    width: 16px;
    height: 16px;
    -webkit-animation-duration: 12138ms;
            animation-duration: 12138ms;
    -webkit-animation-delay: 1450ms;
            animation-delay: 1450ms;
    filter: blur(2px);
  }
  .g-snows > li:nth-child(21) {
    left: 48%;
    width: 4px;
    height: 4px;
    -webkit-animation-duration: 13340ms;
            animation-duration: 13340ms;
    -webkit-animation-delay: 2376ms;
            animation-delay: 2376ms;
    filter: blur(1px);
  }
  .g-snows > li:nth-child(22) {
    left: 21%;
    width: 29px;
    height: 29px;
    -webkit-animation-duration: 6176ms;
            animation-duration: 6176ms;
    -webkit-animation-delay: 2540ms;
            animation-delay: 2540ms;
    filter: blur(1px);
  }
  .g-snows > li:nth-child(23) {
    left: 68%;
    width: 11px;
    height: 11px;
    -webkit-animation-duration: 10080ms;
            animation-duration: 10080ms;
    -webkit-animation-delay: 2247ms;
            animation-delay: 2247ms;
    filter: blur(0px);
  }
  .g-snows > li:nth-child(24) {
    left: 46%;
    width: 2px;
    height: 2px;
    -webkit-animation-duration: 5586ms;
            animation-duration: 5586ms;
    -webkit-animation-delay: 4065ms;
            animation-delay: 4065ms;
    filter: blur(0px);
  }
  .g-snows > li:nth-child(25) {
    left: 63%;
    width: 19px;
    height: 19px;
    -webkit-animation-duration: 5182ms;
            animation-duration: 5182ms;
    -webkit-animation-delay: 2989ms;
            animation-delay: 2989ms;
    filter: blur(2px);
  }
  .g-snows > li:nth-child(26) {
    left: 14%;
    width: 20px;
    height: 20px;
    -webkit-animation-duration: 9883ms;
            animation-duration: 9883ms;
    -webkit-animation-delay: 384ms;
            animation-delay: 384ms;
    filter: blur(1px);
  }
  .g-snows > li:nth-child(27) {
    left: 33%;
    width: 6px;
    height: 6px;
    -webkit-animation-duration: 7636ms;
            animation-duration: 7636ms;
    -webkit-animation-delay: 2039ms;
            animation-delay: 2039ms;
    filter: blur(0px);
  }
  .g-snows > li:nth-child(28) {
    left: 15%;
    width: 24px;
    height: 24px;
    -webkit-animation-duration: 5791ms;
            animation-duration: 5791ms;
    -webkit-animation-delay: 4986ms;
            animation-delay: 4986ms;
    filter: blur(0px);
  }
  .g-snows > li:nth-child(29) {
    left: 42%;
    width: 14px;
    height: 14px;
    -webkit-animation-duration: 12201ms;
            animation-duration: 12201ms;
    -webkit-animation-delay: 606ms;
            animation-delay: 606ms;
    filter: blur(2px);
  }
  .g-snows > li:nth-child(30) {
    left: 50%;
    width: 9px;
    height: 9px;
    -webkit-animation-duration: 14492ms;
            animation-duration: 14492ms;
    -webkit-animation-delay: 2852ms;
            animation-delay: 2852ms;
    filter: blur(1px);
  }
  .g-snows > li:nth-child(31) {
    left: 119%;
    width: 0px;
    height: 0px;
    -webkit-animation-duration: 12918ms;
            animation-duration: 12918ms;
    -webkit-animation-delay: 2535ms;
            animation-delay: 2535ms;
    filter: blur(3px);
  }
  .g-snows > li:nth-child(32) {
    left: 18%;
    width: 16px;
    height: 16px;
    -webkit-animation-duration: 8172ms;
            animation-duration: 8172ms;
    -webkit-animation-delay: 2861ms;
            animation-delay: 2861ms;
    filter: blur(0px);
  }
  .g-snows > li:nth-child(33) {
    left: 45%;
    width: 8px;
    height: 8px;
    -webkit-animation-duration: 11457ms;
            animation-duration: 11457ms;
    -webkit-animation-delay: 4193ms;
            animation-delay: 4193ms;
    filter: blur(2px);
  }
  .g-snows > li:nth-child(34) {
    left: 28%;
    width: 0px;
    height: 0px;
    -webkit-animation-duration: 5516ms;
            animation-duration: 5516ms;
    -webkit-animation-delay: 3818ms;
            animation-delay: 3818ms;
    filter: blur(2px);
  }
  .g-snows > li:nth-child(35) {
    left: 22%;
    width: 2px;
    height: 2px;
    -webkit-animation-duration: 9555ms;
            animation-duration: 9555ms;
    -webkit-animation-delay: 1648ms;
            animation-delay: 1648ms;
    filter: blur(4px);
  }
  .g-snows > li:nth-child(36) {
    left: 101%;
    width: 9px;
    height: 9px;
    -webkit-animation-duration: 11777ms;
            animation-duration: 11777ms;
    -webkit-animation-delay: 2649ms;
            animation-delay: 2649ms;
    filter: blur(3px);
  }
  .g-snows > li:nth-child(37) {
    left: 98%;
    width: 17px;
    height: 17px;
    -webkit-animation-duration: 7319ms;
            animation-duration: 7319ms;
    -webkit-animation-delay: 4878ms;
            animation-delay: 4878ms;
    filter: blur(2px);
  }
  .g-snows > li:nth-child(38) {
    left: 6%;
    width: 15px;
    height: 15px;
    -webkit-animation-duration: 7766ms;
            animation-duration: 7766ms;
    -webkit-animation-delay: 3896ms;
            animation-delay: 3896ms;
    filter: blur(1px);
  }
  .g-snows > li:nth-child(39) {
    left: 116%;
    width: 6px;
    height: 6px;
    -webkit-animation-duration: 5310ms;
            animation-duration: 5310ms;
    -webkit-animation-delay: 3837ms;
            animation-delay: 3837ms;
    filter: blur(4px);
  }
  .g-snows > li:nth-child(40) {
    left: 27%;
    width: 13px;
    height: 13px;
    -webkit-animation-duration: 11378ms;
            animation-duration: 11378ms;
    -webkit-animation-delay: 2951ms;
            animation-delay: 2951ms;
    filter: blur(0px);
  }
  .g-snows > li:nth-child(41) {
    left: 37%;
    width: 7px;
    height: 7px;
    -webkit-animation-duration: 6769ms;
            animation-duration: 6769ms;
    -webkit-animation-delay: 893ms;
            animation-delay: 893ms;
    filter: blur(0px);
  }
  .g-snows > li:nth-child(42) {
    left: 29%;
    width: 23px;
    height: 23px;
    -webkit-animation-duration: 8194ms;
            animation-duration: 8194ms;
    -webkit-animation-delay: 480ms;
            animation-delay: 480ms;
    filter: blur(2px);
  }
  .g-snows > li:nth-child(43) {
    left: 28%;
    width: 19px;
    height: 19px;
    -webkit-animation-duration: 9329ms;
            animation-duration: 9329ms;
    -webkit-animation-delay: 429ms;
            animation-delay: 429ms;
    filter: blur(3px);
  }
  .g-snows > li:nth-child(44) {
    left: 91%;
    width: 0px;
    height: 0px;
    -webkit-animation-duration: 8034ms;
            animation-duration: 8034ms;
    -webkit-animation-delay: 551ms;
            animation-delay: 551ms;
    filter: blur(2px);
  }
  .g-snows > li:nth-child(45) {
    left: 48%;
    width: 6px;
    height: 6px;
    -webkit-animation-duration: 12886ms;
            animation-duration: 12886ms;
    -webkit-animation-delay: 3579ms;
            animation-delay: 3579ms;
    filter: blur(0px);
  }
  .g-snows > li:nth-child(46) {
    left: 14%;
    width: 11px;
    height: 11px;
    -webkit-animation-duration: 5161ms;
            animation-duration: 5161ms;
    -webkit-animation-delay: 2811ms;
            animation-delay: 2811ms;
    filter: blur(2px);
  }
  .g-snows > li:nth-child(47) {
    left: 6%;
    width: 20px;
    height: 20px;
    -webkit-animation-duration: 11335ms;
            animation-duration: 11335ms;
    -webkit-animation-delay: 3773ms;
            animation-delay: 3773ms;
    filter: blur(0px);
  }
  .g-snows > li:nth-child(48) {
    left: 60%;
    width: 11px;
    height: 11px;
    -webkit-animation-duration: 5522ms;
            animation-duration: 5522ms;
    -webkit-animation-delay: 4032ms;
            animation-delay: 4032ms;
    filter: blur(4px);
  }
  .g-snows > li:nth-child(49) {
    left: 38%;
    width: 4px;
    height: 4px;
    -webkit-animation-duration: 9821ms;
            animation-duration: 9821ms;
    -webkit-animation-delay: 234ms;
            animation-delay: 234ms;
    filter: blur(0px);
  }
  .g-snows > li:nth-child(50) {
    left: 12%;
    width: 1px;
    height: 1px;
    -webkit-animation-duration: 8479ms;
            animation-duration: 8479ms;
    -webkit-animation-delay: 2847ms;
            animation-delay: 2847ms;
    filter: blur(2px);
  }
  .g-snows > li:nth-child(51) {
    left: 56%;
    width: 2px;
    height: 2px;
    -webkit-animation-duration: 6021ms;
            animation-duration: 6021ms;
    -webkit-animation-delay: 1983ms;
            animation-delay: 1983ms;
    filter: blur(3px);
  }
  .g-snows > li:nth-child(52) {
    left: 69%;
    width: 21px;
    height: 21px;
    -webkit-animation-duration: 10641ms;
            animation-duration: 10641ms;
    -webkit-animation-delay: 4281ms;
            animation-delay: 4281ms;
    filter: blur(0px);
  }
  .g-snows > li:nth-child(53) {
    left: 41%;
    width: 19px;
    height: 19px;
    -webkit-animation-duration: 8616ms;
            animation-duration: 8616ms;
    -webkit-animation-delay: 4797ms;
            animation-delay: 4797ms;
    filter: blur(2px);
  }
  .g-snows > li:nth-child(54) {
    left: 9%;
    width: 1px;
    height: 1px;
    -webkit-animation-duration: 5902ms;
            animation-duration: 5902ms;
    -webkit-animation-delay: 2039ms;
            animation-delay: 2039ms;
    filter: blur(2px);
  }
  .g-snows > li:nth-child(55) {
    left: 37%;
    width: 16px;
    height: 16px;
    -webkit-animation-duration: 6684ms;
            animation-duration: 6684ms;
    -webkit-animation-delay: 2852ms;
            animation-delay: 2852ms;
    filter: blur(4px);
  }
  .g-snows > li:nth-child(56) {
    left: 68%;
    width: 22px;
    height: 22px;
    -webkit-animation-duration: 8672ms;
            animation-duration: 8672ms;
    -webkit-animation-delay: 1861ms;
            animation-delay: 1861ms;
    filter: blur(2px);
  }
  .g-snows > li:nth-child(57) {
    left: 138%;
    width: 8px;
    height: 8px;
    -webkit-animation-duration: 10807ms;
            animation-duration: 10807ms;
    -webkit-animation-delay: 2490ms;
            animation-delay: 2490ms;
    filter: blur(0px);
  }
  .g-snows > li:nth-child(58) {
    left: 24%;
    width: 16px;
    height: 16px;
    -webkit-animation-duration: 7339ms;
            animation-duration: 7339ms;
    -webkit-animation-delay: 1854ms;
            animation-delay: 1854ms;
    filter: blur(0px);
  }
  .g-snows > li:nth-child(59) {
    left: 50%;
    width: 26px;
    height: 26px;
    -webkit-animation-duration: 8508ms;
            animation-duration: 8508ms;
    -webkit-animation-delay: 2502ms;
            animation-delay: 2502ms;
    filter: blur(1px);
  }
  .g-snows > li:nth-child(60) {
    left: 59%;
    width: 0px;
    height: 0px;
    -webkit-animation-duration: 8726ms;
            animation-duration: 8726ms;
    -webkit-animation-delay: 4620ms;
            animation-delay: 4620ms;
    filter: blur(3px);
  }
  .g-snows > li:nth-child(61) {
    left: 14%;
    width: 16px;
    height: 16px;
    -webkit-animation-duration: 6553ms;
            animation-duration: 6553ms;
    -webkit-animation-delay: 33ms;
            animation-delay: 33ms;
    filter: blur(2px);
  }
  .g-snows > li:nth-child(62) {
    left: 1%;
    width: 2px;
    height: 2px;
    -webkit-animation-duration: 5682ms;
            animation-duration: 5682ms;
    -webkit-animation-delay: 51ms;
            animation-delay: 51ms;
    filter: blur(2px);
  }
  .g-snows > li:nth-child(63) {
    left: 86%;
    width: 17px;
    height: 17px;
    -webkit-animation-duration: 6670ms;
            animation-duration: 6670ms;
    -webkit-animation-delay: 779ms;
            animation-delay: 779ms;
    filter: blur(0px);
  }
  .g-snows > li:nth-child(64) {
    left: 129%;
    width: 3px;
    height: 3px;
    -webkit-animation-duration: 8335ms;
            animation-duration: 8335ms;
    -webkit-animation-delay: 4975ms;
            animation-delay: 4975ms;
    filter: blur(2px);
  }
  .g-snows > li:nth-child(65) {
    left: 22%;
    width: 15px;
    height: 15px;
    -webkit-animation-duration: 10432ms;
            animation-duration: 10432ms;
    -webkit-animation-delay: 4210ms;
            animation-delay: 4210ms;
    filter: blur(2px);
  }
  .g-snows > li:nth-child(66) {
    left: 24%;
    width: 8px;
    height: 8px;
    -webkit-animation-duration: 5057ms;
            animation-duration: 5057ms;
    -webkit-animation-delay: 2506ms;
            animation-delay: 2506ms;
    filter: blur(1px);
  }
  .g-snows > li:nth-child(67) {
    left: 121%;
    width: 3px;
    height: 3px;
    -webkit-animation-duration: 5827ms;
            animation-duration: 5827ms;
    -webkit-animation-delay: 3180ms;
            animation-delay: 3180ms;
    filter: blur(0px);
  }
  .g-snows > li:nth-child(68) {
    left: 117%;
    width: 8px;
    height: 8px;
    -webkit-animation-duration: 5888ms;
            animation-duration: 5888ms;
    -webkit-animation-delay: 2652ms;
            animation-delay: 2652ms;
    filter: blur(0px);
  }
  .g-snows > li:nth-child(69) {
    left: 31%;
    width: 1px;
    height: 1px;
    -webkit-animation-duration: 5899ms;
            animation-duration: 5899ms;
    -webkit-animation-delay: 3497ms;
            animation-delay: 3497ms;
    filter: blur(1px);
  }
  .g-snows > li:nth-child(70) {
    left: 12%;
    width: 22px;
    height: 22px;
    -webkit-animation-duration: 7368ms;
            animation-duration: 7368ms;
    -webkit-animation-delay: 3920ms;
            animation-delay: 3920ms;
    filter: blur(0px);
  }
  .g-snows > li:nth-child(71) {
    left: 8%;
    width: 0px;
    height: 0px;
    -webkit-animation-duration: 6039ms;
            animation-duration: 6039ms;
    -webkit-animation-delay: 4485ms;
            animation-delay: 4485ms;
    filter: blur(1px);
  }
  .g-snows > li:nth-child(72) {
    left: 21%;
    width: 10px;
    height: 10px;
    -webkit-animation-duration: 11097ms;
            animation-duration: 11097ms;
    -webkit-animation-delay: 1124ms;
            animation-delay: 1124ms;
    filter: blur(0px);
  }
  .g-snows > li:nth-child(73) {
    left: 47%;
    width: 2px;
    height: 2px;
    -webkit-animation-duration: 7855ms;
            animation-duration: 7855ms;
    -webkit-animation-delay: 1328ms;
            animation-delay: 1328ms;
    filter: blur(1px);
  }
  .g-snows > li:nth-child(74) {
    left: 24%;
    width: 3px;
    height: 3px;
    -webkit-animation-duration: 13736ms;
            animation-duration: 13736ms;
    -webkit-animation-delay: 3890ms;
            animation-delay: 3890ms;
    filter: blur(2px);
  }
  .g-snows > li:nth-child(75) {
    left: 33%;
    width: 1px;
    height: 1px;
    -webkit-animation-duration: 8850ms;
            animation-duration: 8850ms;
    -webkit-animation-delay: 1400ms;
            animation-delay: 1400ms;
    filter: blur(0px);
  }
  .g-snows > li:nth-child(76) {
    left: 15%;
    width: 14px;
    height: 14px;
    -webkit-animation-duration: 7744ms;
            animation-duration: 7744ms;
    -webkit-animation-delay: 552ms;
            animation-delay: 552ms;
    filter: blur(3px);
  }
  .g-snows > li:nth-child(77) {
    left: 11%;
    width: 6px;
    height: 6px;
    -webkit-animation-duration: 8043ms;
            animation-duration: 8043ms;
    -webkit-animation-delay: 4566ms;
            animation-delay: 4566ms;
    filter: blur(2px);
  }
  .g-snows > li:nth-child(78) {
    left: 50%;
    width: 2px;
    height: 2px;
    -webkit-animation-duration: 6381ms;
            animation-duration: 6381ms;
    -webkit-animation-delay: 2619ms;
            animation-delay: 2619ms;
    filter: blur(1px);
  }
  .g-snows > li:nth-child(79) {
    left: 109%;
    width: 8px;
    height: 8px;
    -webkit-animation-duration: 6573ms;
            animation-duration: 6573ms;
    -webkit-animation-delay: 3040ms;
            animation-delay: 3040ms;
    filter: blur(0px);
  }
  .g-snows > li:nth-child(80) {
    left: 2%;
    width: 8px;
    height: 8px;
    -webkit-animation-duration: 11396ms;
            animation-duration: 11396ms;
    -webkit-animation-delay: 3814ms;
            animation-delay: 3814ms;
    filter: blur(1px);
  }
  .g-snows > li:nth-child(81) {
    left: 78%;
    width: 5px;
    height: 5px;
    -webkit-animation-duration: 5453ms;
            animation-duration: 5453ms;
    -webkit-animation-delay: 3041ms;
            animation-delay: 3041ms;
    filter: blur(3px);
  }
  .g-snows > li:nth-child(82) {
    left: 96%;
    width: 26px;
    height: 26px;
    -webkit-animation-duration: 10220ms;
            animation-duration: 10220ms;
    -webkit-animation-delay: 671ms;
            animation-delay: 671ms;
    filter: blur(2px);
  }
  .g-snows > li:nth-child(83) {
    left: 72%;
    width: 24px;
    height: 24px;
    -webkit-animation-duration: 8569ms;
            animation-duration: 8569ms;
    -webkit-animation-delay: 2984ms;
            animation-delay: 2984ms;
    filter: blur(1px);
  }
  .g-snows > li:nth-child(84) {
    left: 58%;
    width: 14px;
    height: 14px;
    -webkit-animation-duration: 6471ms;
            animation-duration: 6471ms;
    -webkit-animation-delay: 2604ms;
            animation-delay: 2604ms;
    filter: blur(1px);
  }
  .g-snows > li:nth-child(85) {
    left: 79%;
    width: 15px;
    height: 15px;
    -webkit-animation-duration: 6326ms;
            animation-duration: 6326ms;
    -webkit-animation-delay: 450ms;
            animation-delay: 450ms;
    filter: blur(1px);
  }
  .g-snows > li:nth-child(86) {
    left: 31%;
    width: 5px;
    height: 5px;
    -webkit-animation-duration: 8506ms;
            animation-duration: 8506ms;
    -webkit-animation-delay: 3862ms;
            animation-delay: 3862ms;
    filter: blur(4px);
  }
  .g-snows > li:nth-child(87) {
    left: 2%;
    width: 7px;
    height: 7px;
    -webkit-animation-duration: 6066ms;
            animation-duration: 6066ms;
    -webkit-animation-delay: 2580ms;
            animation-delay: 2580ms;
    filter: blur(0px);
  }
  .g-snows > li:nth-child(88) {
    left: 25%;
    width: 21px;
    height: 21px;
    -webkit-animation-duration: 9532ms;
            animation-duration: 9532ms;
    -webkit-animation-delay: 415ms;
            animation-delay: 415ms;
    filter: blur(0px);
  }
  .g-snows > li:nth-child(89) {
    left: 19%;
    width: 12px;
    height: 12px;
    -webkit-animation-duration: 13125ms;
            animation-duration: 13125ms;
    -webkit-animation-delay: 1006ms;
            animation-delay: 1006ms;
    filter: blur(1px);
  }
  .g-snows > li:nth-child(90) {
    left: 93%;
    width: 5px;
    height: 5px;
    -webkit-animation-duration: 5556ms;
            animation-duration: 5556ms;
    -webkit-animation-delay: 2117ms;
            animation-delay: 2117ms;
    filter: blur(1px);
  }
  .g-snows > li:nth-child(91) {
    left: 35%;
    width: 1px;
    height: 1px;
    -webkit-animation-duration: 12436ms;
            animation-duration: 12436ms;
    -webkit-animation-delay: 484ms;
            animation-delay: 484ms;
    filter: blur(4px);
  }
  .g-snows > li:nth-child(92) {
    left: 85%;
    width: 28px;
    height: 28px;
    -webkit-animation-duration: 6508ms;
            animation-duration: 6508ms;
    -webkit-animation-delay: 4096ms;
            animation-delay: 4096ms;
    filter: blur(2px);
   
  }
  .g-snows > li:nth-child(93) {
    left: 16%;
    width: 12px;
    height: 12px;
    -webkit-animation-duration: 10038ms;
            animation-duration: 10038ms;
    -webkit-animation-delay: 3712ms;
            animation-delay: 3712ms;
    filter: blur(1px);
  }
  .g-snows > li:nth-child(94) {
    left: 35%;
    width: 4px;
    height: 4px;
    -webkit-animation-duration: 12187ms;
            animation-duration: 12187ms;
    -webkit-animation-delay: 641ms;
            animation-delay: 641ms;
    filter: blur(4px);
  }
  .g-snows > li:nth-child(95) {
    left: 9%;
    width: 12px;
    height: 12px;
    -webkit-animation-duration: 7594ms;
            animation-duration: 7594ms;
    -webkit-animation-delay: 1221ms;
            animation-delay: 1221ms;
    filter: blur(1px);
  }
  .g-snows > li:nth-child(96) {
    left: 13%;
    width: 22px;
    height: 22px;
    -webkit-animation-duration: 6331ms;
            animation-duration: 6331ms;
    -webkit-animation-delay: 4871ms;
            animation-delay: 4871ms;
    filter: blur(1px);
  }
  .g-snows > li:nth-child(97) {
    left: 4%;
    width: 1px;
    height: 1px;
    -webkit-animation-duration: 9140ms;
            animation-duration: 9140ms;
    -webkit-animation-delay: 3861ms;
            animation-delay: 3861ms;
    filter: blur(2px);
  }
  .g-snows > li:nth-child(98) {
    left: 14%;
    width: 14px;
    height: 14px;
    -webkit-animation-duration: 6434ms;
            animation-duration: 6434ms;
    -webkit-animation-delay: 1084ms;
            animation-delay: 1084ms;
    filter: blur(3px);
  }
  .g-snows > li:nth-child(99) {
    left: 107%;
    width: 6px;
    height: 6px;
    -webkit-animation-duration: 11491ms;
            animation-duration: 11491ms;
    -webkit-animation-delay: 47ms;
            animation-delay: 47ms;
    filter: blur(1px);
  }
  .g-snows > li:nth-child(100) {
    left: 93%;
    width: 3px;
    height: 3px;
    -webkit-animation-duration: 6114ms;
            animation-duration: 6114ms;
    -webkit-animation-delay: 1512ms;
            animation-delay: 1512ms;
    filter: blur(0px);
  }

  @-webkit-keyframes snow-drop {
        0% {
          transform: translate(0, 0) scale(0.7);
          opacity: 0.5;
          margin-left: 0;
        }
        10% {
          margin-left: 15px;
        }
        20% {
          margin-left: 20px;
        }
        25% {
          transform: translate(0, 24vh) scale(0.6);
          opacity: 0.75;
        }
        30% {
          margin-left: 15px;
        }
        40% {
          margin-left: 0;
        }
        50% {
          transform: translate(0, 48vh) scale(0.7);
          opacity: 1;
          margin-left: -15px;
        }
        60% {
          margin-left: -20px;
        }
        70% {
          margin-left: -15px;
        }
        75% {
          transform: translate(0, 72vh) scale(0.6);
          opacity: 0.5;
        }
        80% {
          margin-left: 0;
        }
        100% {
          transform: translate(0, 96vh) scale(0.7);
          opacity: 0;
        }
      }
      
      @keyframes snow-drop {
        0% {
          transform: translate(0, 0) scale(0.7);
          opacity: 0.5;
          margin-left: 0;
        }
        10% {
          margin-left: 15px;
        }
        20% {
          margin-left: 20px;
        }
        25% {
          transform: translate(0, 24vh) scale(0.6);
          opacity: 0.75;
        }
        30% {
          margin-left: 15px;
        }
        40% {
          margin-left: 0;
        }
        50% {
          transform: translate(0, 48vh) scale(0.7) ;
          opacity: 1;
          margin-left: -15px;
        }
        60% {
          margin-left: -20px;
        }
        70% {
          margin-left: -15px;
        }
        75% {
          transform: translate(0, 72vh) scale(0.6);
          opacity: 0.5;
        }
        80% {
          margin-left: 0;
        }
        100% {
          transform: translate(0, 96vh) scale(0.7);
          opacity: 0;
        }
      }

      @media only screen 
      and (max-height : 750px) {
      /* Styles here */
 
  @-webkit-keyframes snow-drop {
    0% {
      transform: translate(0, 0) scale(0.7);
      opacity: 0.5;
      margin-left: 0;
    }
    10% {
      margin-left: 15px;
    }
    20% {
      margin-left: 20px;
    }
    25% {
      transform: translate(0, 187.5px) scale(0.6);
      opacity: 0.75;
    }
    30% {
      margin-left: 15px;
    }
    40% {
      margin-left: 0;
    }
    50% {
      transform: translate(0, 375px) scale(0.7);
      opacity: 1;
      margin-left: -15px;
    }
    60% {
      margin-left: -20px;
    }
    70% {
      margin-left: -15px;
    }
    75% {
      transform: translate(0, 562.5px) scale(0.6);
      opacity: 0.5;
    }
    80% {
      margin-left: 0;
    }
    100% {
      transform: translate(0, 750px) scale(0.7);
      opacity: 0;
    }
  }
  
  @keyframes snow-drop {
    0% {
      transform: translate(0, 0) scale(0.7);
      opacity: 0.5;
      margin-left: 0;
    }
    10% {
      margin-left: 15px;
    }
    20% {
      margin-left: 20px;
    }
    25% {
      transform: translate(0, 187.5px) scale(0.6);
      opacity: 0.75;
    }
    30% {
      margin-left: 15px;
    }
    40% {
      margin-left: 0;
    }
    50% {
      transform: translate(0, 375px) scale(0.7) ;
      opacity: 1;
      margin-left: -15px;
    }
    60% {
      margin-left: -20px;
    }
    70% {
      margin-left: -15px;
    }
    75% {
      transform: translate(0, 562.5px) scale(0.6);
      opacity: 0.5;
    }
    80% {
      margin-left: 0;
    }
    100% {
      transform: translate(0, 750px) scale(0.7);
      opacity: 0;
    }
  }  }
  @media only screen and (max-width: 1000px) and (min-height: 900px) and (orientation: portrait) {

  @-webkit-keyframes snow-drop {
        0% {
                transform: translate(0, 0) scale(0.65);
                opacity: 0.5;
                margin-left: 0;
              }
              10% {
                margin-left: 15px;
              }
              20% {
                margin-left: 20px;
              }
              25% {
                transform: translate(0, 350px) scale(0.65);
                opacity: 0.75;
              }
              30% {
                margin-left: 15px;
              }
              40% {
                margin-left: 0;
              }
              50% {
                transform: translate(0, 700px) scale(0.65);
                opacity: 1;
                margin-left: -15px;
              }
              60% {
                margin-left: -20px;
              }
              70% {
                margin-left: -15px;
              }
              75% {
                transform: translate(0, 1050px) scale(0.65);
                opacity: 0.5;
              }
              80% {
                margin-left: 0;
              }
              100% {
                transform: translate(0, 1400px) scale(0.65);
                opacity: 0;
              }
      }
      
      @keyframes snow-drop {
        0% {
          transform: translate(0, 0) scale(0.65);
          opacity: 0.5;
          margin-left: 0;
        }
        10% {
          margin-left: 15px;
        }
        20% {
          margin-left: 20px;
        }
        25% {
          transform: translate(0, 350px) scale(0.65);
          opacity: 0.75;
        }
        30% {
          margin-left: 15px;
        }
        40% {
          margin-left: 0;
        }
        50% {
          transform: translate(0, 700px) scale(0.65);
          opacity: 1;
          margin-left: -15px;
        }
        60% {
          margin-left: -20px;
        }
        70% {
          margin-left: -15px;
        }
        75% {
          transform: translate(0, 1050px) scale(0.65);
          opacity: 0.5;
        }
        80% {
          margin-left: 0;
        }
        100% {
          transform: translate(0, 1400px) scale(0.65);
          opacity: 0;
        }
      }
}