@font-face {
      font-family: 'Skyline';
      src: url(NewParisEDUSkyline-Regular.otf);
    }

  @font-face {
    font-family: 'brr';
    src: url(img/BRRREDU-Medium.otf);
  }

  @font-face {
    font-family: 'simplonItalic';
    src: url(img/SimplonEDUNorm-LightItalic.otf);
  }

  @font-face {
    font-family: 'simplonMedium';
    src: url(img/SimplonEDUNorm-Medium.otf);
  }


    :root{
      --fontFamily:'simplonItalic';
      --fontButton:'Skyline';
      --fontMenu:'brr' ;
      --fontSimplon:'simplonMedium';
    }


    html {
      font-family: var(--fontFamily)
    }
    body {
      padding: 0;
      margin: 0;
      width: 100vw;
      overflow: hidden;
      /* min-height: 100vh; */
      transition: background-color .5s ease;

       text-transform: uppercase;

       font-family: GT America,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
    -webkit-font-smoothing: antialiased;
    }

    header{
      width: 100vw;
      height: 10vh;
      position: absolute;
      z-index:3;
    }

    * {
      box-sizing: border-box;
    }




/* -----------------------ALLGEMEIN----------------------- */
        
      
       
        main{
             perspective: 100px;
            overflow-y: auto;
            position: absolute;
            height: 400vh;
            color: white;

         
  
        }
        
        .back{
          width: 100vw;
          height: 120vh;
          position: absolute;
          background-position-x: center;
          top: 0;
          z-index: 2;
        }

        .back2{
          width: 100vw;
          height: 100vh;
          position: absolute;
          background-position-x: center;
          bottom: -524rem;
          z-index: 2;
        }
      
        .playing .back{
          animation: ease-in-out 1s hinter infinite;
        }

     
        @keyframes hinter {
          0%,100%{
            background-image: url(../process/img/head_Zeichenfläche\ 1.png);
            background-size: 20rem;  
          }
           50%{
            background-image: url(../process/img/heart_Zeichenfläche\ 1.png);
            background-size: 20rem;
          }
        }
        
        article{
            position: relative;
            width: 100vw;
            height: 130vh;
            display: flex;
            justify-content: center;
            overflow: visible;

        }

        section{
            position: relative;
            width: 100vw;
            height: 290vh;
            display: flex;
            justify-content: center;
            overflow: visible;
            
           
        }

        .parallax__layer{
            position: absolute;
            font-family: var(--fontSimplon);
            font-size:8rem;
           
            
        }

        .s1{
            top: 8rem;
            left: 4rem;
            transform: translateZ(1);
            
        }

        .s2{
            top:10rem;
            left:60rem;
              color: rgb(0, 0, 0);
            -webkit-text-stroke-width: 1px;
            -webkit-text-stroke-color: rgb(255, 255, 255);
            transform: translateZ(-1);

        }

        .s3{
            top: 13rem;
            right: 10rem;

        }

        .bottom{
          position: relative;
          bottom: -10rem;
          left: 48vw;
          color: white;
          font-size: 3rem;

          width: 2.3rem;
          height: 3rem;
        }
      
        .bottom:hover{
           transform: rotate(360deg);
           transition: ease-in-out 0.3s center;
        }


/* -----------------------STARTSEITE----------------------- */
        .start{
            width: 100vw;
            
            height: 90vh;
        }

       
       
        h1{
            position: absolute;
             font-family: var(--fontFamily);
            font-style: italic;
            font-size: 15rem;
            bottom: 1rem;
            margin-left: 0rem;
           

            text-shadow:10px 10px 3px rgba(255, 255, 255, 0.233); 
             animation: shadow infinite 6s;       
        }


        @keyframes shadow {
            0% {
                
                text-shadow:rgb(197, 197, 197) 10px 10px 5px;


            }
            30% {
                text-shadow:rgb(197, 197, 197) -10px 10px 10px;
            }

            80% {
                text-shadow:rgb(197, 197, 197) 10px -10px 10px;
            }

            100%{
                 text-shadow:rgb(197, 197, 197) 10px 10px 5px;
            }
        }


        .h1{
          animation: h1  2s ease-in-out; 
          top: 0rem;   
        }



        @keyframes h1 {
            0% {  
              margin-left: -200rem;
              
            }
            80% {
                margin-left: 5rem;
            }

  
            100%{
                 margin-left: 0rem;
            }
        }

        .h3{
          animation: h2  2s ease-in-out;    
          top: 10rem;

          
        }

        @keyframes h2 {
            0% {  
              margin-right: -200rem;

            }
            80%{
                margin-right: 5rem;
            }

            100%{
                 margin-right: 0rem;
            }
        }

        .h2{
          animation: h3  2s ease-in-out;  
          z-index:1;
           color: rgb(0, 0, 0);
            -webkit-text-stroke-width: 1px;
            -webkit-text-stroke-color: rgb(255, 255, 255);
            top: 5rem;
           
        }

         @keyframes h3 {
            0% {  
             
               transform: scale(1);
            }
            50% {
                  transform: scale(1.5);
                 
            }

            70% {
                  transform: scale(1);   }

            100%{
                   transform: scale(1);
            }
        }

       
/* -----------------------MOVE ON MUSIC----------------------- */

 .playing .s1{
  animation: moving 0.5s ease-in-out infinite;
}

@keyframes moving {
  0%, 100%{
   letter-spacing: 1rem;
  
  }
  50%{
   letter-spacing: 1.5rem;

   
  }
}

/* -----------------------MOVE ON MUSIC----------------------- */


/* -----------------------ERSTE SEKTION----------------------- */
        div .s1,.s2,.s3{
          width: 100vw;
        }
        
        figure{
            width: 40rem;
            background-size: cover ;
            height:40rem;
          /* filter: drop-shadow(16px 16px 20px red) ; */
          
        }

       
            .first{
                margin-top: 40rem;
            }

            .one {
                background-image: url(https://i.pinimg.com/564x/d3/aa/4c/d3aa4c47fdea6329b3a3fb31e6726ce6.jpg), url(https://i.pinimg.com/564x/9b/5f/f6/9b5ff6a517eb6a61d1f9b2029feceb60.jpg);
                background-blend-mode: overlay;
                position: absolute;
                left: 0;
                
            }
            .two {
                background-image: url(https://i.pinimg.com/564x/3c/50/1a/3c501a67f0e72fcb3f64177de1c0c620.jpg), url(https://i.pinimg.com/564x/96/da/ac/96daac8ba53ec8b030d0fcba273203ad.jpg) ;
                background-blend-mode: overlay;
                
                top: 75rem;
            }

            .parallax {
            width: 100%;
            perspective: 2px;
            height: 100vh;
            overflow-x: hidden;
            overflow-y: visible;
            }
            .parallax__layer {
            position: absolute;
           
            }
            .parallax__layer--base {
            transform: translateZ(1);
            z-index: 1;
      

            }
            .parallax__layer--back {
            transform: translateZ(-1px);
            
            }

             .parallax__layer--ground {
             transform: translateZ(-0.5px);
            z-index: -1;
            
            }

            .feeling{
                 top:-3rem;
                 left: 10rem;
            }

            .begun{
                top: 4rem;
                left: 30rem;
            }

            .saying{
                top: 39rem;
            }

            .said{
                top: 42rem;
            }

            .doing{
                top: 80rem;
                left: 26rem;
            }
            .done{
                top: 83rem;
                left: 40rem;
            }

            .motion{
              top: 46rem;
            }

            .myHead{
              top: 63rem;

            }

 /* -----------------------ZWEITE SEKTION----------------------- */

            .second{
                height: 110vh;
                margin-top: .10rem;
            }


            .text{
                font-family: 'Skyline';
                position: relative;
                text-align: center;
                letter-spacing: 4rem;
                line-height: 2rem;
                border: 0px solid tomato;
                color: white ;
                overflow: hidden;
                white-space: nowrap;
                width: 100%;
                animation: text ease-in-out 7s infinite;
                margin-top: -30rem;


            }


            @keyframes text {
                0%{
                font-size: 1rem;
                }

                50%{
                font-size: 0.3rem;
                }

                100%{
                font-size: 1rem;
                }
            }

            
   /* -----------------------DRITTE SEKTION----------------------- */
            .three{
                background-image: url(https://i.pinimg.com/564x/89/4f/bf/894fbf78c79faccabd6ab21d48546408.jpg), 
                        url(https://i.pinimg.com/564x/8b/a8/20/8ba820ff73dcd3de10870d4d19af94f4.jpg), radial-gradient(rgb(156, 156, 156), rgb(66, 66, 66),   rgb(0, 0, 0));
                background-blend-mode: overlay; 
               top: 500vh;
               left: 5rem;
            }
            .four{
                background-image: url( https://i.pinimg.com/564x/8b/a8/20/8ba820ff73dcd3de10870d4d19af94f4.jpg), 
                        url(https://i.pinimg.com/564x/68/29/33/682933d289021787f5420e1856a89581.jpg), radial-gradient(rgb(156, 156, 156), rgb(66, 66, 66),  rgb(0, 0, 0));
                background-blend-mode: overlay;
                right: 3rem;
                top: 600vh;
                width: 40rem;
               height: 40rem;
              
            }

            .s3{
                top:120rem;
                left:-10rem;
                width: 100rem;
                color: rgb(0, 0, 0);
                -webkit-text-stroke-width: 1px;
                -webkit-text-stroke-color: rgb(255, 255, 255);
                transform: translateZ(-1);
            }


            .fourth{
              height: 100vh;
              
            }
/* -----------------------DRITTE SEKTION----------------------- */

/* ---------------- THE OVERLAY - MENU ---------------->  */
        .overlay {
        /* Height & width depends on how you want to reveal the overlay (see JS below) */   
        height: 100%;
        width: 0;
        position: fixed; /* Stay in place */
        z-index: 1; /* Sit on top */
        left: 0;
        top: 0;
        background-color: rgb(0, 0, 0); /* Black fallback color */
        background-color: rgb(0, 0, 0); /* Black w/opacity */
        overflow-x: hidden; /* Disable horizontal scroll */
        transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
        }

        /* Position the content inside the overlay */
        .overlay-content {
        background-color: black;
        position: relative;
        /* 25% from the top */
        width: 100%; /* 100% width */
        text-align: start; /* Centered text/links */
        margin-top: 8vh; /* 30px top margin to avoid conflict with the close button on smaller screens */
        }

        /* The navigation links inside the overlay */
        .overlay a {
        padding: 0px;
        text-decoration: none;
        font-size: 36px;
        color: #000000;
        display: block; /* Display block instead of inline */
        transition: 0.3s; /* Transition effects on hover (color) */
        display: flex;
        align-items: center;
        padding-left: 1rem;
        width: 100%;
        }

        /* When you mouse over the navigation links, change their color */
        .overlay .menu:hover, .overlay .menu:focus {
        background-color: black;
        color: white;
            background-image: url(https://i.pinimg.com/originals/c5/a6/4f/c5a64fe6c50f40cba2fd9c3db6533aab.gif);
            /* background-image: url(https://i.pinimg.com/originals/13/7b/26/137b2650381f68239e643ed58dfc8777.gif); */
            background-size: 110%;
        }

       /* Position the close button (top right corner) */
        .overlay .closebtn {
        position: absolute;
        right: 1rem;  top: 1rem;
        fill: rgb(255, 255, 255); 
        transform: rotate(45deg);
        transform-origin: center; 
        }

        .closebtn:hover{
           transform: rotate(225deg);
           transition: ease-in-out 0.25s;
        }

        .openbutton{
         fill: rgb(255, 255, 255); 
        position: absolute;
        transform-origin: center;
        left: 1rem;
        top: 1rem;
        }
       
         .openbutton, .closebtn{
            width: 30px;
            height: 30px;
   
         }
        .openbutton:hover {
            transform: rotate(180deg);
           transition: ease-in-out 0.25s;
           transform-origin: center;
        }

    /* OVERLAY TEXT */
        .menu{
            width: 38.5vw;
            height: 20vh;
            padding-left: 3rem;
            border: black solid 6px;
            border-left: none;
            margin: 0;
            text-decoration: none;
            color: black;   
            font-family: var(--fontMenu);
            font-size: 500px;
            background-color: white;
            
        }
        .home1{
            border-bottom: none;
        }
        .song1{
            border-bottom: none;
        }
        .robot1{
            border-bottom: none;
              color: rgb(0, 0, 0);
                
        }

  /* .robot1{
          -webkit-text-stroke-width: 1px;
          -webkit-text-stroke-color: rgb(0, 0, 0);
             background-image: url(https://i.pinimg.com/originals/f5/f3/27/f5f327dc0b3619d95f20eba2d71aec78.gif);
             background-size: 100%;
        } */

/* <----------------THE OVERLAY - MENU----------------*/

/* ----------------------- CURSOR -----------------------> */
        #cursor{
            position: absolute;
            width: 50px;
            height: 50px;
            /* background-color: rgb(255, 255, 255); */
            border: 1px solid white;
            box-sizing: border-box;
            transition: 0.2s;
            transform: translate(-50%, -50%);
            border-radius: 50%;
            pointer-events: none;
            cursor: none;
            z-index: 4;

            mix-blend-mode: difference;  
        }

        #outerCursor{
           position: absolute;
            width: 30px;
            height: 30px;
            /* border: 1px solid white; */
            background-color: white;
            box-sizing: border-box;
            transform: translate(-50%, -50%);
            border-radius: 50%;
            pointer-events: none;
            cursor: none;
            z-index: 4;

            mix-blend-mode: difference;  
        }

        .element.style{
            opacity: 0;
            transform: matrix(0, 0, 0, 0, 1062, 896);
        }

        
        #cursor-follower{
            position: fixed;
            width: 60px;
            height: 60px;
            pointer-events: none;

        }

        #cursor-follower{
            mix-blend-mode: difference;
        }
/* <----------------------- CURSOR ----------------------- */

/* ---------------- MUSIC ---------------->  */

    body.playing {
      background-color: rgb(0, 0, 0);
    }

    body.paused {
      background-color: rgb(0, 0, 0);

    }

    .playing .trigger::before {
      content: 'Pause ';
    }
    
    .paused .trigger::before {
      content: 'Play ';
    }

    .trigger{
      position: absolute;
      top: 1rem;
      right: 2rem;
      color: white;
      font-family: var(--fontButton);
      font-size: 1.5rem;
    }

    .trigger:hover{
      transform: skewX(10deg);
      font-weight: bold;
    }
/* ---------------- MUSIC ---------------->  */

/* ----------------------snow----------------------- */




.snow1{
    width: 100vw;
    height: 100vh;
    position: absolute;
    top: 580vh;
}

.snow2{
    width: 100vw;
    height: 100vh;
    position: absolute;
    top: 680vh;
}
.snow3{
    width: 100vw;
    height: 100vh;
    position: absolute;
    top: 780vh;
}
.snow {
  position: absolute;
  width: 10px;
  height: 10px;
  background: white;
  border-radius: 50%;
}
.snow:nth-child(1) {
  opacity: 0.2029;
  transform: translate(75.8424vw, -10px) scale(0.5139);
  animation: fall-1 28s -6s linear infinite;
}
@keyframes fall-1 {
  30.849% {
    transform: translate(82.2416vw, 30.849vh) scale(0.5139);
  }
  to {
    transform: translate(79.042vw, 100vh) scale(0.5139);
  }
}
.snow:nth-child(2) {
  opacity: 0.532;
  transform: translate(39.2417vw, -10px) scale(0.0036);
  animation: fall-2 11s -14s linear infinite;
}
@keyframes fall-2 {
  56.673% {
    transform: translate(29.8665vw, 56.673vh) scale(0.0036);
  }
  to {
    transform: translate(34.5541vw, 100vh) scale(0.0036);
  }
}
.snow:nth-child(3) {
  opacity: 0.9431;
  transform: translate(88.3088vw, -10px) scale(0.1766);
  animation: fall-3 22s -7s linear infinite;
}
@keyframes fall-3 {
  46.215% {
    transform: translate(84.9552vw, 46.215vh) scale(0.1766);
  }
  to {
    transform: translate(86.632vw, 100vh) scale(0.1766);
  }
}
.snow:nth-child(4) {
  opacity: 0.4558;
  transform: translate(64.2733vw, -10px) scale(0.6586);
  animation: fall-4 17s -6s linear infinite;
}
@keyframes fall-4 {
  66.441% {
    transform: translate(55.0468vw, 66.441vh) scale(0.6586);
  }
  to {
    transform: translate(59.66005vw, 100vh) scale(0.6586);
  }
}
.snow:nth-child(5) {
  opacity: 0.3288;
  transform: translate(0.4913vw, -10px) scale(0.899);
  animation: fall-5 27s -26s linear infinite;
}
@keyframes fall-5 {
  70.218% {
    transform: translate(0.2162vw, 70.218vh) scale(0.899);
  }
  to {
    transform: translate(0.35375vw, 100vh) scale(0.899);
  }
}
.snow:nth-child(6) {
  opacity: 0.7288;
  transform: translate(17.1636vw, -10px) scale(0.0092);
  animation: fall-6 23s -27s linear infinite;
}
@keyframes fall-6 {
  51.534% {
    transform: translate(18.9919vw, 51.534vh) scale(0.0092);
  }
  to {
    transform: translate(18.07775vw, 100vh) scale(0.0092);
  }
}
.snow:nth-child(7) {
  opacity: 0.2921;
  transform: translate(53.1992vw, -10px) scale(0.0644);
  animation: fall-7 15s -13s linear infinite;
}
@keyframes fall-7 {
  35.03% {
    transform: translate(57.7345vw, 35.03vh) scale(0.0644);
  }
  to {
    transform: translate(55.46685vw, 100vh) scale(0.0644);
  }
}
.snow:nth-child(8) {
  opacity: 0.6458;
  transform: translate(82.1681vw, -10px) scale(0.9829);
  animation: fall-8 16s -30s linear infinite;
}
@keyframes fall-8 {
  53.422% {
    transform: translate(82.6853vw, 53.422vh) scale(0.9829);
  }
  to {
    transform: translate(82.4267vw, 100vh) scale(0.9829);
  }
}
.snow:nth-child(9) {
  opacity: 0.5033;
  transform: translate(80.8046vw, -10px) scale(0.5366);
  animation: fall-9 29s -23s linear infinite;
}
@keyframes fall-9 {
  46.712% {
    transform: translate(72.1989vw, 46.712vh) scale(0.5366);
  }
  to {
    transform: translate(76.50175vw, 100vh) scale(0.5366);
  }
}
.snow:nth-child(10) {
  opacity: 0.0838;
  transform: translate(72.5593vw, -10px) scale(0.731);
  animation: fall-10 13s -21s linear infinite;
}
@keyframes fall-10 {
  62.677% {
    transform: translate(67.426vw, 62.677vh) scale(0.731);
  }
  to {
    transform: translate(69.99265vw, 100vh) scale(0.731);
  }
}
.snow:nth-child(11) {
  opacity: 0.032;
  transform: translate(36.9279vw, -10px) scale(0.6317);
  animation: fall-11 11s -19s linear infinite;
}
@keyframes fall-11 {
  75.896% {
    transform: translate(35.0323vw, 75.896vh) scale(0.6317);
  }
  to {
    transform: translate(35.9801vw, 100vh) scale(0.6317);
  }
}
.snow:nth-child(12) {
  opacity: 0.6572;
  transform: translate(40.6799vw, -10px) scale(0.2845);
  animation: fall-12 14s -19s linear infinite;
}
@keyframes fall-12 {
  61.126% {
    transform: translate(45.6239vw, 61.126vh) scale(0.2845);
  }
  to {
    transform: translate(43.1519vw, 100vh) scale(0.2845);
  }
}
.snow:nth-child(13) {
  opacity: 0.7524;
  transform: translate(74.3488vw, -10px) scale(0.8899);
  animation: fall-13 12s -16s linear infinite;
}
@keyframes fall-13 {
  31.742% {
    transform: translate(76.2262vw, 31.742vh) scale(0.8899);
  }
  to {
    transform: translate(75.2875vw, 100vh) scale(0.8899);
  }
}
.snow:nth-child(14) {
  opacity: 0.307;
  transform: translate(4.3795vw, -10px) scale(0.0965);
  animation: fall-14 23s -21s linear infinite;
}
@keyframes fall-14 {
  55.012% {
    transform: translate(10.3155vw, 55.012vh) scale(0.0965);
  }
  to {
    transform: translate(7.3475vw, 100vh) scale(0.0965);
  }
}
.snow:nth-child(15) {
  opacity: 0.7595;
  transform: translate(37.1623vw, -10px) scale(0.5353);
  animation: fall-15 27s -12s linear infinite;
}
@keyframes fall-15 {
  78.876% {
    transform: translate(45.337vw, 78.876vh) scale(0.5353);
  }
  to {
    transform: translate(41.24965vw, 100vh) scale(0.5353);
  }
}
.snow:nth-child(16) {
  opacity: 0.4297;
  transform: translate(65.1214vw, -10px) scale(0.6384);
  animation: fall-16 20s -27s linear infinite;
}
@keyframes fall-16 {
  47.518% {
    transform: translate(66.5461vw, 47.518vh) scale(0.6384);
  }
  to {
    transform: translate(65.83375vw, 100vh) scale(0.6384);
  }
}
.snow:nth-child(17) {
  opacity: 0.3411;
  transform: translate(37.2043vw, -10px) scale(0.3115);
  animation: fall-17 27s -16s linear infinite;
}
@keyframes fall-17 {
  64.936% {
    transform: translate(43.045vw, 64.936vh) scale(0.3115);
  }
  to {
    transform: translate(40.12465vw, 100vh) scale(0.3115);
  }
}
.snow:nth-child(18) {
  opacity: 0.1706;
  transform: translate(20.2617vw, -10px) scale(0.8226);
  animation: fall-18 26s -16s linear infinite;
}
@keyframes fall-18 {
  69.323% {
    transform: translate(18.1841vw, 69.323vh) scale(0.8226);
  }
  to {
    transform: translate(19.2229vw, 100vh) scale(0.8226);
  }
}
.snow:nth-child(19) {
  opacity: 0.9368;
  transform: translate(47.3563vw, -10px) scale(0.271);
  animation: fall-19 10s -18s linear infinite;
}
@keyframes fall-19 {
  43.631% {
    transform: translate(40.6544vw, 43.631vh) scale(0.271);
  }
  to {
    transform: translate(44.00535vw, 100vh) scale(0.271);
  }
}
.snow:nth-child(20) {
  opacity: 0.8389;
  transform: translate(41.5633vw, -10px) scale(0.7029);
  animation: fall-20 16s -11s linear infinite;
}
@keyframes fall-20 {
  55.776% {
    transform: translate(50.9331vw, 55.776vh) scale(0.7029);
  }
  to {
    transform: translate(46.2482vw, 100vh) scale(0.7029);
  }
}
.snow:nth-child(21) {
  opacity: 0.8011;
  transform: translate(94.3702vw, -10px) scale(0.861);
  animation: fall-21 23s -21s linear infinite;
}
@keyframes fall-21 {
  69.877% {
    transform: translate(94.6106vw, 69.877vh) scale(0.861);
  }
  to {
    transform: translate(94.4904vw, 100vh) scale(0.861);
  }
}
.snow:nth-child(22) {
  opacity: 0.0993;
  transform: translate(28.8795vw, -10px) scale(0.6589);
  animation: fall-22 14s -24s linear infinite;
}
@keyframes fall-22 {
  60.071% {
    transform: translate(21.9463vw, 60.071vh) scale(0.6589);
  }
  to {
    transform: translate(25.4129vw, 100vh) scale(0.6589);
  }
}
.snow:nth-child(23) {
  opacity: 0.1393;
  transform: translate(10.1886vw, -10px) scale(0.6236);
  animation: fall-23 18s -21s linear infinite;
}
@keyframes fall-23 {
  52.133% {
    transform: translate(3.5961vw, 52.133vh) scale(0.6236);
  }
  to {
    transform: translate(6.89235vw, 100vh) scale(0.6236);
  }
}
.snow:nth-child(24) {
  opacity: 0.8288;
  transform: translate(97.0129vw, -10px) scale(0.8822);
  animation: fall-24 17s -3s linear infinite;
}
@keyframes fall-24 {
  40.27% {
    transform: translate(90.3112vw, 40.27vh) scale(0.8822);
  }
  to {
    transform: translate(93.66205vw, 100vh) scale(0.8822);
  }
}
.snow:nth-child(25) {
  opacity: 0.1517;
  transform: translate(55.6566vw, -10px) scale(0.9363);
  animation: fall-25 22s -9s linear infinite;
}
@keyframes fall-25 {
  69.475% {
    transform: translate(57.6803vw, 69.475vh) scale(0.9363);
  }
  to {
    transform: translate(56.66845vw, 100vh) scale(0.9363);
  }
}
.snow:nth-child(26) {
  opacity: 0.5626;
  transform: translate(22.1005vw, -10px) scale(0.6611);
  animation: fall-26 17s -5s linear infinite;
}
@keyframes fall-26 {
  58.541% {
    transform: translate(20.8855vw, 58.541vh) scale(0.6611);
  }
  to {
    transform: translate(21.493vw, 100vh) scale(0.6611);
  }
}
.snow:nth-child(27) {
  opacity: 0.7384;
  transform: translate(52.0335vw, -10px) scale(0.0781);
  animation: fall-27 29s -28s linear infinite;
}
@keyframes fall-27 {
  40.48% {
    transform: translate(57.7712vw, 40.48vh) scale(0.0781);
  }
  to {
    transform: translate(54.90235vw, 100vh) scale(0.0781);
  }
}
.snow:nth-child(28) {
  opacity: 0.1108;
  transform: translate(62.6466vw, -10px) scale(0.7965);
  animation: fall-28 10s -4s linear infinite;
}
@keyframes fall-28 {
  39.302% {
    transform: translate(69.8876vw, 39.302vh) scale(0.7965);
  }
  to {
    transform: translate(66.2671vw, 100vh) scale(0.7965);
  }
}
.snow:nth-child(29) {
  opacity: 0.7778;
  transform: translate(0.9898vw, -10px) scale(0.8835);
  animation: fall-29 14s -20s linear infinite;
}
@keyframes fall-29 {
  48.757% {
    transform: translate(6.0823vw, 48.757vh) scale(0.8835);
  }
  to {
    transform: translate(3.53605vw, 100vh) scale(0.8835);
  }
}
.snow:nth-child(30) {
  opacity: 0.2737;
  transform: translate(29.0259vw, -10px) scale(0.617);
  animation: fall-30 22s -22s linear infinite;
}
@keyframes fall-30 {
  43.941% {
    transform: translate(29.3473vw, 43.941vh) scale(0.617);
  }
  to {
    transform: translate(29.1866vw, 100vh) scale(0.617);
  }
}
.snow:nth-child(31) {
  opacity: 0.3748;
  transform: translate(60.6501vw, -10px) scale(0.2512);
  animation: fall-31 25s -25s linear infinite;
}
@keyframes fall-31 {
  71.41% {
    transform: translate(70.4012vw, 71.41vh) scale(0.2512);
  }
  to {
    transform: translate(65.52565vw, 100vh) scale(0.2512);
  }
}
.snow:nth-child(32) {
  opacity: 0.6562;
  transform: translate(4.0073vw, -10px) scale(0.485);
  animation: fall-32 21s -24s linear infinite;
}
@keyframes fall-32 {
  48.639% {
    transform: translate(8.4141vw, 48.639vh) scale(0.485);
  }
  to {
    transform: translate(6.2107vw, 100vh) scale(0.485);
  }
}
.snow:nth-child(33) {
  opacity: 0.5324;
  transform: translate(19.6524vw, -10px) scale(0.9312);
  animation: fall-33 11s -24s linear infinite;
}
@keyframes fall-33 {
  60.106% {
    transform: translate(11.5051vw, 60.106vh) scale(0.9312);
  }
  to {
    transform: translate(15.57875vw, 100vh) scale(0.9312);
  }
}
.snow:nth-child(34) {
  opacity: 0.5724;
  transform: translate(63.0007vw, -10px) scale(0.2338);
  animation: fall-34 10s -3s linear infinite;
}
@keyframes fall-34 {
  32.324% {
    transform: translate(55.6vw, 32.324vh) scale(0.2338);
  }
  to {
    transform: translate(59.30035vw, 100vh) scale(0.2338);
  }
}
.snow:nth-child(35) {
  opacity: 0.1404;
  transform: translate(7.6266vw, -10px) scale(0.6674);
  animation: fall-35 30s -22s linear infinite;
}
@keyframes fall-35 {
  48.877% {
    transform: translate(13.3501vw, 48.877vh) scale(0.6674);
  }
  to {
    transform: translate(10.48835vw, 100vh) scale(0.6674);
  }
}
.snow:nth-child(36) {
  opacity: 0.8377;
  transform: translate(83.6363vw, -10px) scale(0.1959);
  animation: fall-36 19s -5s linear infinite;
}
@keyframes fall-36 {
  33.161% {
    transform: translate(77.9068vw, 33.161vh) scale(0.1959);
  }
  to {
    transform: translate(80.77155vw, 100vh) scale(0.1959);
  }
}
.snow:nth-child(37) {
  opacity: 0.4479;
  transform: translate(79.9306vw, -10px) scale(0.7855);
  animation: fall-37 21s -21s linear infinite;
}
@keyframes fall-37 {
  50.029% {
    transform: translate(84.9122vw, 50.029vh) scale(0.7855);
  }
  to {
    transform: translate(82.4214vw, 100vh) scale(0.7855);
  }
}
.snow:nth-child(38) {
  opacity: 0.3336;
  transform: translate(23.4924vw, -10px) scale(0.2047);
  animation: fall-38 11s -23s linear infinite;
}
@keyframes fall-38 {
  38.366% {
    transform: translate(24.9852vw, 38.366vh) scale(0.2047);
  }
  to {
    transform: translate(24.2388vw, 100vh) scale(0.2047);
  }
}
.snow:nth-child(39) {
  opacity: 0.7955;
  transform: translate(6.2183vw, -10px) scale(0.4286);
  animation: fall-39 14s -12s linear infinite;
}
@keyframes fall-39 {
  73.092% {
    transform: translate(15.0086vw, 73.092vh) scale(0.4286);
  }
  to {
    transform: translate(10.61345vw, 100vh) scale(0.4286);
  }
}
.snow:nth-child(40) {
  opacity: 0.5717;
  transform: translate(97.6974vw, -10px) scale(0.3665);
  animation: fall-40 28s -21s linear infinite;
}
@keyframes fall-40 {
  59.245% {
    transform: translate(92.4583vw, 59.245vh) scale(0.3665);
  }
  to {
    transform: translate(95.07785vw, 100vh) scale(0.3665);
  }
}
.snow:nth-child(41) {
  opacity: 0.5275;
  transform: translate(27.683vw, -10px) scale(0.1183);
  animation: fall-41 30s -16s linear infinite;
}
@keyframes fall-41 {
  58.375% {
    transform: translate(19.8744vw, 58.375vh) scale(0.1183);
  }
  to {
    transform: translate(23.7787vw, 100vh) scale(0.1183);
  }
}
.snow:nth-child(42) {
  opacity: 0.5231;
  transform: translate(68.9724vw, -10px) scale(0.715);
  animation: fall-42 15s -9s linear infinite;
}
@keyframes fall-42 {
  73.95% {
    transform: translate(77.334vw, 73.95vh) scale(0.715);
  }
  to {
    transform: translate(73.1532vw, 100vh) scale(0.715);
  }
}
.snow:nth-child(43) {
  opacity: 0.7937;
  transform: translate(18.3699vw, -10px) scale(0.4167);
  animation: fall-43 25s -9s linear infinite;
}
@keyframes fall-43 {
  71.59% {
    transform: translate(24.8756vw, 71.59vh) scale(0.4167);
  }
  to {
    transform: translate(21.62275vw, 100vh) scale(0.4167);
  }
}
.snow:nth-child(44) {
  opacity: 0.5783;
  transform: translate(24.3568vw, -10px) scale(0.3622);
  animation: fall-44 12s -10s linear infinite;
}
@keyframes fall-44 {
  73.143% {
    transform: translate(19.1755vw, 73.143vh) scale(0.3622);
  }
  to {
    transform: translate(21.76615vw, 100vh) scale(0.3622);
  }
}
.snow:nth-child(45) {
  opacity: 0.0982;
  transform: translate(38.16vw, -10px) scale(0.9637);
  animation: fall-45 21s -10s linear infinite;
}
@keyframes fall-45 {
  72.761% {
    transform: translate(28.5377vw, 72.761vh) scale(0.9637);
  }
  to {
    transform: translate(33.34885vw, 100vh) scale(0.9637);
  }
}
.snow:nth-child(46) {
  opacity: 0.5143;
  transform: translate(82.225vw, -10px) scale(0.0933);
  animation: fall-46 15s -14s linear infinite;
}
@keyframes fall-46 {
  37.262% {
    transform: translate(84.6764vw, 37.262vh) scale(0.0933);
  }
  to {
    transform: translate(83.4507vw, 100vh) scale(0.0933);
  }
}
.snow:nth-child(47) {
  opacity: 0.2383;
  transform: translate(13.8521vw, -10px) scale(0.9865);
  animation: fall-47 25s -6s linear infinite;
}
@keyframes fall-47 {
  47.403% {
    transform: translate(13.3362vw, 47.403vh) scale(0.9865);
  }
  to {
    transform: translate(13.59415vw, 100vh) scale(0.9865);
  }
}
.snow:nth-child(48) {
  opacity: 0.3125;
  transform: translate(64.4813vw, -10px) scale(0.7646);
  animation: fall-48 24s -24s linear infinite;
}
@keyframes fall-48 {
  73.219% {
    transform: translate(74.3592vw, 73.219vh) scale(0.7646);
  }
  to {
    transform: translate(69.42025vw, 100vh) scale(0.7646);
  }
}
.snow:nth-child(49) {
  opacity: 0.8947;
  transform: translate(51.5641vw, -10px) scale(0.6452);
  animation: fall-49 15s -10s linear infinite;
}
@keyframes fall-49 {
  70.572% {
    transform: translate(47.7566vw, 70.572vh) scale(0.6452);
  }
  to {
    transform: translate(49.66035vw, 100vh) scale(0.6452);
  }
}
.snow:nth-child(50) {
  opacity: 0.4549;
  transform: translate(13.293vw, -10px) scale(0.5276);
  animation: fall-50 28s -23s linear infinite;
}
@keyframes fall-50 {
  36.168% {
    transform: translate(6.9409vw, 36.168vh) scale(0.5276);
  }
  to {
    transform: translate(10.11695vw, 100vh) scale(0.5276);
  }
}
.snow:nth-child(51) {
  opacity: 0.2667;
  transform: translate(81.3544vw, -10px) scale(0.7039);
  animation: fall-51 19s -9s linear infinite;
}
@keyframes fall-51 {
  43.799% {
    transform: translate(76.0376vw, 43.799vh) scale(0.7039);
  }
  to {
    transform: translate(78.696vw, 100vh) scale(0.7039);
  }
}
.snow:nth-child(52) {
  opacity: 0.5365;
  transform: translate(9.2794vw, -10px) scale(0.4154);
  animation: fall-52 22s -7s linear infinite;
}
@keyframes fall-52 {
  73.001% {
    transform: translate(-0.064vw, 73.001vh) scale(0.4154);
  }
  to {
    transform: translate(4.6077vw, 100vh) scale(0.4154);
  }
}
.snow:nth-child(53) {
  opacity: 0.3959;
  transform: translate(20.6022vw, -10px) scale(0.3714);
  animation: fall-53 24s -2s linear infinite;
}
@keyframes fall-53 {
  49.201% {
    transform: translate(22.9979vw, 49.201vh) scale(0.3714);
  }
  to {
    transform: translate(21.80005vw, 100vh) scale(0.3714);
  }
}
.snow:nth-child(54) {
  opacity: 0.4348;
  transform: translate(60.6765vw, -10px) scale(0.1502);
  animation: fall-54 20s -7s linear infinite;
}
@keyframes fall-54 {
  55.364% {
    transform: translate(66.0743vw, 55.364vh) scale(0.1502);
  }
  to {
    transform: translate(63.3754vw, 100vh) scale(0.1502);
  }
}
.snow:nth-child(55) {
  opacity: 0.8733;
  transform: translate(13.9921vw, -10px) scale(0.3597);
  animation: fall-55 10s -2s linear infinite;
}
@keyframes fall-55 {
  72.527% {
    transform: translate(9.6505vw, 72.527vh) scale(0.3597);
  }
  to {
    transform: translate(11.8213vw, 100vh) scale(0.3597);
  }
}
.snow:nth-child(56) {
  opacity: 0.1694;
  transform: translate(40.7118vw, -10px) scale(0.2225);
  animation: fall-56 13s -23s linear infinite;
}
@keyframes fall-56 {
  62.506% {
    transform: translate(47.8435vw, 62.506vh) scale(0.2225);
  }
  to {
    transform: translate(44.27765vw, 100vh) scale(0.2225);
  }
}
.snow:nth-child(57) {
  opacity: 0.038;
  transform: translate(3.7339vw, -10px) scale(0.1601);
  animation: fall-57 11s -12s linear infinite;
}
@keyframes fall-57 {
  49.412% {
    transform: translate(11.0344vw, 49.412vh) scale(0.1601);
  }
  to {
    transform: translate(7.38415vw, 100vh) scale(0.1601);
  }
}
.snow:nth-child(58) {
  opacity: 0.525;
  transform: translate(93.8713vw, -10px) scale(0.8847);
  animation: fall-58 13s -16s linear infinite;
}
@keyframes fall-58 {
  62.051% {
    transform: translate(92.1416vw, 62.051vh) scale(0.8847);
  }
  to {
    transform: translate(93.00645vw, 100vh) scale(0.8847);
  }
}
.snow:nth-child(59) {
  opacity: 0.4769;
  transform: translate(75.471vw, -10px) scale(0.066);
  animation: fall-59 27s -28s linear infinite;
}
@keyframes fall-59 {
  33.596% {
    transform: translate(83.2385vw, 33.596vh) scale(0.066);
  }
  to {
    transform: translate(79.35475vw, 100vh) scale(0.066);
  }
}
.snow:nth-child(60) {
  opacity: 0.2383;
  transform: translate(57.5006vw, -10px) scale(0.7483);
  animation: fall-60 23s -5s linear infinite;
}
@keyframes fall-60 {
  70.633% {
    transform: translate(61.3784vw, 70.633vh) scale(0.7483);
  }
  to {
    transform: translate(59.4395vw, 100vh) scale(0.7483);
  }
}
.snow:nth-child(61) {
  opacity: 0.2493;
  transform: translate(44.553vw, -10px) scale(0.5113);
  animation: fall-61 13s -7s linear infinite;
}
@keyframes fall-61 {
  57.607% {
    transform: translate(35.0632vw, 57.607vh) scale(0.5113);
  }
  to {
    transform: translate(39.8081vw, 100vh) scale(0.5113);
  }
}
.snow:nth-child(62) {
  opacity: 0.1907;
  transform: translate(66.0896vw, -10px) scale(0.0671);
  animation: fall-62 28s -30s linear infinite;
}
@keyframes fall-62 {
  47.584% {
    transform: translate(60.1497vw, 47.584vh) scale(0.0671);
  }
  to {
    transform: translate(63.11965vw, 100vh) scale(0.0671);
  }
}
.snow:nth-child(63) {
  opacity: 0.833;
  transform: translate(36.3914vw, -10px) scale(0.0419);
  animation: fall-63 27s -8s linear infinite;
}
@keyframes fall-63 {
  45.707% {
    transform: translate(40.6581vw, 45.707vh) scale(0.0419);
  }
  to {
    transform: translate(38.52475vw, 100vh) scale(0.0419);
  }
}
.snow:nth-child(64) {
  opacity: 0.0156;
  transform: translate(86.6906vw, -10px) scale(0.642);
  animation: fall-64 22s -5s linear infinite;
}
@keyframes fall-64 {
  45.062% {
    transform: translate(93.9717vw, 45.062vh) scale(0.642);
  }
  to {
    transform: translate(90.33115vw, 100vh) scale(0.642);
  }
}
.snow:nth-child(65) {
  opacity: 0.0919;
  transform: translate(55.4277vw, -10px) scale(0.0785);
  animation: fall-65 15s -9s linear infinite;
}
@keyframes fall-65 {
  55.891% {
    transform: translate(50.1025vw, 55.891vh) scale(0.0785);
  }
  to {
    transform: translate(52.7651vw, 100vh) scale(0.0785);
  }
}
.snow:nth-child(66) {
  opacity: 0.1011;
  transform: translate(38.3193vw, -10px) scale(0.8422);
  animation: fall-66 27s -30s linear infinite;
}
@keyframes fall-66 {
  56.199% {
    transform: translate(33.2295vw, 56.199vh) scale(0.8422);
  }
  to {
    transform: translate(35.7744vw, 100vh) scale(0.8422);
  }
}
.snow:nth-child(67) {
  opacity: 0.1585;
  transform: translate(90.2194vw, -10px) scale(0.1196);
  animation: fall-67 29s -22s linear infinite;
}
@keyframes fall-67 {
  79.328% {
    transform: translate(87.2612vw, 79.328vh) scale(0.1196);
  }
  to {
    transform: translate(88.7403vw, 100vh) scale(0.1196);
  }
}
.snow:nth-child(68) {
  opacity: 0.6816;
  transform: translate(47.7562vw, -10px) scale(0.3752);
  animation: fall-68 23s -27s linear infinite;
}
@keyframes fall-68 {
  70% {
    transform: translate(49.6574vw, 70vh) scale(0.3752);
  }
  to {
    transform: translate(48.7068vw, 100vh) scale(0.3752);
  }
}
.snow:nth-child(69) {
  opacity: 0.6935;
  transform: translate(28.5357vw, -10px) scale(0.092);
  animation: fall-69 13s -26s linear infinite;
}
@keyframes fall-69 {
  60.868% {
    transform: translate(37.3334vw, 60.868vh) scale(0.092);
  }
  to {
    transform: translate(32.93455vw, 100vh) scale(0.092);
  }
}
.snow:nth-child(70) {
  opacity: 0.8309;
  transform: translate(32.6654vw, -10px) scale(0.6945);
  animation: fall-70 23s -4s linear infinite;
}
@keyframes fall-70 {
  66.53% {
    transform: translate(22.7675vw, 66.53vh) scale(0.6945);
  }
  to {
    transform: translate(27.71645vw, 100vh) scale(0.6945);
  }
}
.snow:nth-child(71) {
  opacity: 0.6989;
  transform: translate(1.4963vw, -10px) scale(0.1694);
  animation: fall-71 29s -3s linear infinite;
}
@keyframes fall-71 {
  68.273% {
    transform: translate(4.8089vw, 68.273vh) scale(0.1694);
  }
  to {
    transform: translate(3.1526vw, 100vh) scale(0.1694);
  }
}
.snow:nth-child(72) {
  opacity: 0.8457;
  transform: translate(31.4517vw, -10px) scale(0.1166);
  animation: fall-72 29s -8s linear infinite;
}
@keyframes fall-72 {
  56.443% {
    transform: translate(24.2573vw, 56.443vh) scale(0.1166);
  }
  to {
    transform: translate(27.8545vw, 100vh) scale(0.1166);
  }
}
.snow:nth-child(73) {
  opacity: 0.5573;
  transform: translate(41.6819vw, -10px) scale(0.4303);
  animation: fall-73 29s -29s linear infinite;
}
@keyframes fall-73 {
  53.949% {
    transform: translate(40.1578vw, 53.949vh) scale(0.4303);
  }
  to {
    transform: translate(40.91985vw, 100vh) scale(0.4303);
  }
}
.snow:nth-child(74) {
  opacity: 0.1026;
  transform: translate(84.4293vw, -10px) scale(0.8667);
  animation: fall-74 30s -29s linear infinite;
}
@keyframes fall-74 {
  75.175% {
    transform: translate(86.76vw, 75.175vh) scale(0.8667);
  }
  to {
    transform: translate(85.59465vw, 100vh) scale(0.8667);
  }
}
.snow:nth-child(75) {
  opacity: 0.0655;
  transform: translate(93.1485vw, -10px) scale(0.8745);
  animation: fall-75 24s -20s linear infinite;
}
@keyframes fall-75 {
  31.282% {
    transform: translate(96.3658vw, 31.282vh) scale(0.8745);
  }
  to {
    transform: translate(94.75715vw, 100vh) scale(0.8745);
  }
}
.snow:nth-child(76) {
  opacity: 0.2708;
  transform: translate(24.8239vw, -10px) scale(0.3126);
  animation: fall-76 24s -1s linear infinite;
}
@keyframes fall-76 {
  59.903% {
    transform: translate(33.475vw, 59.903vh) scale(0.3126);
  }
  to {
    transform: translate(29.14945vw, 100vh) scale(0.3126);
  }
}
.snow:nth-child(77) {
  opacity: 0.1356;
  transform: translate(60.911vw, -10px) scale(0.7462);
  animation: fall-77 27s -17s linear infinite;
}
@keyframes fall-77 {
  58.116% {
    transform: translate(64.6179vw, 58.116vh) scale(0.7462);
  }
  to {
    transform: translate(62.76445vw, 100vh) scale(0.7462);
  }
}
.snow:nth-child(78) {
  opacity: 0.5945;
  transform: translate(56.2761vw, -10px) scale(0.6892);
  animation: fall-78 26s -30s linear infinite;
}
@keyframes fall-78 {
  77.345% {
    transform: translate(46.64vw, 77.345vh) scale(0.6892);
  }
  to {
    transform: translate(51.45805vw, 100vh) scale(0.6892);
  }
}
.snow:nth-child(79) {
  opacity: 0.8484;
  transform: translate(69.0867vw, -10px) scale(0.6774);
  animation: fall-79 13s -19s linear infinite;
}
@keyframes fall-79 {
  58.593% {
    transform: translate(70.1006vw, 58.593vh) scale(0.6774);
  }
  to {
    transform: translate(69.59365vw, 100vh) scale(0.6774);
  }
}
.snow:nth-child(80) {
  opacity: 0.628;
  transform: translate(73.379vw, -10px) scale(0.6737);
  animation: fall-80 28s -20s linear infinite;
}
@keyframes fall-80 {
  50.839% {
    transform: translate(74.9771vw, 50.839vh) scale(0.6737);
  }
  to {
    transform: translate(74.17805vw, 100vh) scale(0.6737);
  }
}
.snow:nth-child(81) {
  opacity: 0.6468;
  transform: translate(57.881vw, -10px) scale(0.2285);
  animation: fall-81 10s -6s linear infinite;
}
@keyframes fall-81 {
  35.036% {
    transform: translate(51.3546vw, 35.036vh) scale(0.2285);
  }
  to {
    transform: translate(54.6178vw, 100vh) scale(0.2285);
  }
}
.snow:nth-child(82) {
  opacity: 0.0389;
  transform: translate(22.7821vw, -10px) scale(0.0564);
  animation: fall-82 21s -18s linear infinite;
}
@keyframes fall-82 {
  65.995% {
    transform: translate(28.8538vw, 65.995vh) scale(0.0564);
  }
  to {
    transform: translate(25.81795vw, 100vh) scale(0.0564);
  }
}
.snow:nth-child(83) {
  opacity: 0.4368;
  transform: translate(74.1766vw, -10px) scale(0.9944);
  animation: fall-83 14s -5s linear infinite;
}
@keyframes fall-83 {
  70.213% {
    transform: translate(77.5379vw, 70.213vh) scale(0.9944);
  }
  to {
    transform: translate(75.85725vw, 100vh) scale(0.9944);
  }
}
.snow:nth-child(84) {
  opacity: 0.7028;
  transform: translate(17.4672vw, -10px) scale(0.104);
  animation: fall-84 19s -12s linear infinite;
}
@keyframes fall-84 {
  40.444% {
    transform: translate(15.9463vw, 40.444vh) scale(0.104);
  }
  to {
    transform: translate(16.70675vw, 100vh) scale(0.104);
  }
}
.snow:nth-child(85) {
  opacity: 0.7909;
  transform: translate(71.1763vw, -10px) scale(0.8454);
  animation: fall-85 15s -16s linear infinite;
}
@keyframes fall-85 {
  54.312% {
    transform: translate(73.3887vw, 54.312vh) scale(0.8454);
  }
  to {
    transform: translate(72.2825vw, 100vh) scale(0.8454);
  }
}
.snow:nth-child(86) {
  opacity: 0.9321;
  transform: translate(16.6912vw, -10px) scale(0.4421);
  animation: fall-86 20s -10s linear infinite;
}
@keyframes fall-86 {
  41.921% {
    transform: translate(19.1468vw, 41.921vh) scale(0.4421);
  }
  to {
    transform: translate(17.919vw, 100vh) scale(0.4421);
  }
}
.snow:nth-child(87) {
  opacity: 0.4638;
  transform: translate(24.0273vw, -10px) scale(0.8655);
  animation: fall-87 26s -17s linear infinite;
}
@keyframes fall-87 {
  74.016% {
    transform: translate(27.6616vw, 74.016vh) scale(0.8655);
  }
  to {
    transform: translate(25.84445vw, 100vh) scale(0.8655);
  }
}
.snow:nth-child(88) {
  opacity: 0.0149;
  transform: translate(42.2148vw, -10px) scale(0.5595);
  animation: fall-88 21s -7s linear infinite;
}
@keyframes fall-88 {
  73.736% {
    transform: translate(40.3369vw, 73.736vh) scale(0.5595);
  }
  to {
    transform: translate(41.27585vw, 100vh) scale(0.5595);
  }
}
.snow:nth-child(89) {
  opacity: 0.5651;
  transform: translate(86.5016vw, -10px) scale(0.7764);
  animation: fall-89 11s -28s linear infinite;
}
@keyframes fall-89 {
  38.829% {
    transform: translate(85.0471vw, 38.829vh) scale(0.7764);
  }
  to {
    transform: translate(85.77435vw, 100vh) scale(0.7764);
  }
}
.snow:nth-child(90) {
  opacity: 0.0725;
  transform: translate(35.9654vw, -10px) scale(0.8187);
  animation: fall-90 18s -1s linear infinite;
}
@keyframes fall-90 {
  40.784% {
    transform: translate(29.5241vw, 40.784vh) scale(0.8187);
  }
  to {
    transform: translate(32.74475vw, 100vh) scale(0.8187);
  }
}
.snow:nth-child(91) {
  opacity: 0.6534;
  transform: translate(60.8364vw, -10px) scale(0.0895);
  animation: fall-91 25s -26s linear infinite;
}
@keyframes fall-91 {
  64.457% {
    transform: translate(65.7641vw, 64.457vh) scale(0.0895);
  }
  to {
    transform: translate(63.30025vw, 100vh) scale(0.0895);
  }
}
.snow:nth-child(92) {
  opacity: 0.4829;
  transform: translate(44.4967vw, -10px) scale(0.335);
  animation: fall-92 10s -20s linear infinite;
}
@keyframes fall-92 {
  66.279% {
    transform: translate(45.7827vw, 66.279vh) scale(0.335);
  }
  to {
    transform: translate(45.1397vw, 100vh) scale(0.335);
  }
}
.snow:nth-child(93) {
  opacity: 0.7055;
  transform: translate(28.8806vw, -10px) scale(0.3976);
  animation: fall-93 27s -14s linear infinite;
}
@keyframes fall-93 {
  67.661% {
    transform: translate(37.4699vw, 67.661vh) scale(0.3976);
  }
  to {
    transform: translate(33.17525vw, 100vh) scale(0.3976);
  }
}
.snow:nth-child(94) {
  opacity: 0.4144;
  transform: translate(97.9346vw, -10px) scale(0.8251);
  animation: fall-94 12s -17s linear infinite;
}
@keyframes fall-94 {
  53.443% {
    transform: translate(97.4574vw, 53.443vh) scale(0.8251);
  }
  to {
    transform: translate(97.696vw, 100vh) scale(0.8251);
  }
}
.snow:nth-child(95) {
  opacity: 0.2494;
  transform: translate(38.7966vw, -10px) scale(0.7075);
  animation: fall-95 18s -4s linear infinite;
}
@keyframes fall-95 {
  53.499% {
    transform: translate(29.1895vw, 53.499vh) scale(0.7075);
  }
  to {
    transform: translate(33.99305vw, 100vh) scale(0.7075);
  }
}
.snow:nth-child(96) {
  opacity: 0.6386;
  transform: translate(87.9086vw, -10px) scale(0.8616);
  animation: fall-96 10s -4s linear infinite;
}
@keyframes fall-96 {
  57.487% {
    transform: translate(79.8455vw, 57.487vh) scale(0.8616);
  }
  to {
    transform: translate(83.87705vw, 100vh) scale(0.8616);
  }
}
.snow:nth-child(97) {
  opacity: 0.3146;
  transform: translate(53.9072vw, -10px) scale(0.1743);
  animation: fall-97 23s -25s linear infinite;
}
@keyframes fall-97 {
  55.32% {
    transform: translate(55.3351vw, 55.32vh) scale(0.1743);
  }
  to {
    transform: translate(54.62115vw, 100vh) scale(0.1743);
  }
}
.snow:nth-child(98) {
  opacity: 0.2852;
  transform: translate(6.7048vw, -10px) scale(0.0877);
  animation: fall-98 24s -2s linear infinite;
}
@keyframes fall-98 {
  55.246% {
    transform: translate(16.4578vw, 55.246vh) scale(0.0877);
  }
  to {
    transform: translate(11.5813vw, 100vh) scale(0.0877);
  }
}
.snow:nth-child(99) {
  opacity: 0.0326;
  transform: translate(49.8292vw, -10px) scale(0.363);
  animation: fall-99 28s -23s linear infinite;
}
@keyframes fall-99 {
  37.401% {
    transform: translate(43.8627vw, 37.401vh) scale(0.363);
  }
  to {
    transform: translate(46.84595vw, 100vh) scale(0.363);
  }
}
.snow:nth-child(100) {
  opacity: 0.397;
  transform: translate(38.3081vw, -10px) scale(0.1907);
  animation: fall-100 27s -25s linear infinite;
}
@keyframes fall-100 {
  42.089% {
    transform: translate(38.8838vw, 42.089vh) scale(0.1907);
  }
  to {
    transform: translate(38.59595vw, 100vh) scale(0.1907);
  }
}
.snow:nth-child(101) {
  opacity: 0.3293;
  transform: translate(5.7051vw, -10px) scale(0.7016);
  animation: fall-101 13s -30s linear infinite;
}
@keyframes fall-101 {
  72.78% {
    transform: translate(13.4206vw, 72.78vh) scale(0.7016);
  }
  to {
    transform: translate(9.56285vw, 100vh) scale(0.7016);
  }
}
.snow:nth-child(102) {
  opacity: 0.8271;
  transform: translate(9.8078vw, -10px) scale(0.3137);
  animation: fall-102 30s -22s linear infinite;
}
@keyframes fall-102 {
  41.576% {
    transform: translate(2.2156vw, 41.576vh) scale(0.3137);
  }
  to {
    transform: translate(6.0117vw, 100vh) scale(0.3137);
  }
}
.snow:nth-child(103) {
  opacity: 0.8915;
  transform: translate(9.1888vw, -10px) scale(0.6997);
  animation: fall-103 21s -30s linear infinite;
}
@keyframes fall-103 {
  52.87% {
    transform: translate(16.3608vw, 52.87vh) scale(0.6997);
  }
  to {
    transform: translate(12.7748vw, 100vh) scale(0.6997);
  }
}
.snow:nth-child(104) {
  opacity: 0.1598;
  transform: translate(78.5519vw, -10px) scale(0.8603);
  animation: fall-104 15s -19s linear infinite;
}
@keyframes fall-104 {
  72.568% {
    transform: translate(77.5918vw, 72.568vh) scale(0.8603);
  }
  to {
    transform: translate(78.07185vw, 100vh) scale(0.8603);
  }
}
.snow:nth-child(105) {
  opacity: 0.3801;
  transform: translate(16.9018vw, -10px) scale(0.5746);
  animation: fall-105 25s -5s linear infinite;
}
@keyframes fall-105 {
  52.734% {
    transform: translate(18.3436vw, 52.734vh) scale(0.5746);
  }
  to {
    transform: translate(17.6227vw, 100vh) scale(0.5746);
  }
}
.snow:nth-child(106) {
  opacity: 0.2395;
  transform: translate(89.5045vw, -10px) scale(0.2198);
  animation: fall-106 22s -19s linear infinite;
}
@keyframes fall-106 {
  44.684% {
    transform: translate(97.5317vw, 44.684vh) scale(0.2198);
  }
  to {
    transform: translate(93.5181vw, 100vh) scale(0.2198);
  }
}
.snow:nth-child(107) {
  opacity: 0.2279;
  transform: translate(41.2038vw, -10px) scale(0.4614);
  animation: fall-107 21s -24s linear infinite;
}
@keyframes fall-107 {
  58.543% {
    transform: translate(40.4917vw, 58.543vh) scale(0.4614);
  }
  to {
    transform: translate(40.84775vw, 100vh) scale(0.4614);
  }
}
.snow:nth-child(108) {
  opacity: 0.5185;
  transform: translate(52.7838vw, -10px) scale(0.3419);
  animation: fall-108 20s -9s linear infinite;
}
@keyframes fall-108 {
  73.001% {
    transform: translate(43.2443vw, 73.001vh) scale(0.3419);
  }
  to {
    transform: translate(48.01405vw, 100vh) scale(0.3419);
  }
}
.snow:nth-child(109) {
  opacity: 0.9615;
  transform: translate(11.5349vw, -10px) scale(0.1917);
  animation: fall-109 29s -30s linear infinite;
}
@keyframes fall-109 {
  32.97% {
    transform: translate(4.2023vw, 32.97vh) scale(0.1917);
  }
  to {
    transform: translate(7.8686vw, 100vh) scale(0.1917);
  }
}
.snow:nth-child(110) {
  opacity: 0.1976;
  transform: translate(10.2877vw, -10px) scale(0.7358);
  animation: fall-110 27s -5s linear infinite;
}
@keyframes fall-110 {
  72.761% {
    transform: translate(1.3051vw, 72.761vh) scale(0.7358);
  }
  to {
    transform: translate(5.7964vw, 100vh) scale(0.7358);
  }
}
.snow:nth-child(111) {
  opacity: 0.1448;
  transform: translate(28.4883vw, -10px) scale(0.5281);
  animation: fall-111 15s -19s linear infinite;
}
@keyframes fall-111 {
  30.028% {
    transform: translate(33.012vw, 30.028vh) scale(0.5281);
  }
  to {
    transform: translate(30.75015vw, 100vh) scale(0.5281);
  }
}
.snow:nth-child(112) {
  opacity: 0.9358;
  transform: translate(62.7255vw, -10px) scale(0.1934);
  animation: fall-112 12s -15s linear infinite;
}
@keyframes fall-112 {
  72.012% {
    transform: translate(69.8589vw, 72.012vh) scale(0.1934);
  }
  to {
    transform: translate(66.2922vw, 100vh) scale(0.1934);
  }
}
.snow:nth-child(113) {
  opacity: 0.2912;
  transform: translate(65.3973vw, -10px) scale(0.6866);
  animation: fall-113 13s -6s linear infinite;
}
@keyframes fall-113 {
  43.163% {
    transform: translate(67.7526vw, 43.163vh) scale(0.6866);
  }
  to {
    transform: translate(66.57495vw, 100vh) scale(0.6866);
  }
}
.snow:nth-child(114) {
  opacity: 0.8257;
  transform: translate(96.4316vw, -10px) scale(0.8838);
  animation: fall-114 15s -2s linear infinite;
}
@keyframes fall-114 {
  56.141% {
    transform: translate(86.5151vw, 56.141vh) scale(0.8838);
  }
  to {
    transform: translate(91.47335vw, 100vh) scale(0.8838);
  }
}
.snow:nth-child(115) {
  opacity: 0.6967;
  transform: translate(79.1377vw, -10px) scale(0.7601);
  animation: fall-115 10s -4s linear infinite;
}
@keyframes fall-115 {
  34.418% {
    transform: translate(87.4114vw, 34.418vh) scale(0.7601);
  }
  to {
    transform: translate(83.27455vw, 100vh) scale(0.7601);
  }
}
.snow:nth-child(116) {
  opacity: 0.6339;
  transform: translate(95.4584vw, -10px) scale(0.1054);
  animation: fall-116 25s -13s linear infinite;
}
@keyframes fall-116 {
  50.268% {
    transform: translate(103.6898vw, 50.268vh) scale(0.1054);
  }
  to {
    transform: translate(99.5741vw, 100vh) scale(0.1054);
  }
}
.snow:nth-child(117) {
  opacity: 0.0925;
  transform: translate(59.7378vw, -10px) scale(0.2489);
  animation: fall-117 23s -29s linear infinite;
}
@keyframes fall-117 {
  59.422% {
    transform: translate(66.2241vw, 59.422vh) scale(0.2489);
  }
  to {
    transform: translate(62.98095vw, 100vh) scale(0.2489);
  }
}
.snow:nth-child(118) {
  opacity: 0.3536;
  transform: translate(60.8926vw, -10px) scale(0.492);
  animation: fall-118 12s -27s linear infinite;
}
@keyframes fall-118 {
  41.661% {
    transform: translate(63.9938vw, 41.661vh) scale(0.492);
  }
  to {
    transform: translate(62.4432vw, 100vh) scale(0.492);
  }
}
.snow:nth-child(119) {
  opacity: 0.3315;
  transform: translate(7.3336vw, -10px) scale(0.2824);
  animation: fall-119 20s -7s linear infinite;
}
@keyframes fall-119 {
  64.073% {
    transform: translate(11.4918vw, 64.073vh) scale(0.2824);
  }
  to {
    transform: translate(9.4127vw, 100vh) scale(0.2824);
  }
}
.snow:nth-child(120) {
  opacity: 0.4182;
  transform: translate(2.6857vw, -10px) scale(0.4854);
  animation: fall-120 13s -17s linear infinite;
}
@keyframes fall-120 {
  77.09% {
    transform: translate(5.0544vw, 77.09vh) scale(0.4854);
  }
  to {
    transform: translate(3.87005vw, 100vh) scale(0.4854);
  }
}
.snow:nth-child(121) {
  opacity: 0.5794;
  transform: translate(75.6977vw, -10px) scale(0.1554);
  animation: fall-121 29s -18s linear infinite;
}
@keyframes fall-121 {
  68.395% {
    transform: translate(69.221vw, 68.395vh) scale(0.1554);
  }
  to {
    transform: translate(72.45935vw, 100vh) scale(0.1554);
  }
}
.snow:nth-child(122) {
  opacity: 0.0565;
  transform: translate(69.8174vw, -10px) scale(0.5775);
  animation: fall-122 14s -4s linear infinite;
}
@keyframes fall-122 {
  34.321% {
    transform: translate(74.2079vw, 34.321vh) scale(0.5775);
  }
  to {
    transform: translate(72.01265vw, 100vh) scale(0.5775);
  }
}
.snow:nth-child(123) {
  opacity: 0.7696;
  transform: translate(93.5627vw, -10px) scale(0.8237);
  animation: fall-123 30s -23s linear infinite;
}
@keyframes fall-123 {
  60.767% {
    transform: translate(98.7807vw, 60.767vh) scale(0.8237);
  }
  to {
    transform: translate(96.1717vw, 100vh) scale(0.8237);
  }
}
.snow:nth-child(124) {
  opacity: 0.8786;
  transform: translate(12.4192vw, -10px) scale(0.3125);
  animation: fall-124 29s -2s linear infinite;
}
@keyframes fall-124 {
  66.651% {
    transform: translate(14.9165vw, 66.651vh) scale(0.3125);
  }
  to {
    transform: translate(13.66785vw, 100vh) scale(0.3125);
  }
}
.snow:nth-child(125) {
  opacity: 0.0328;
  transform: translate(24.5185vw, -10px) scale(0.9343);
  animation: fall-125 10s -4s linear infinite;
}
@keyframes fall-125 {
  52.23% {
    transform: translate(22.0787vw, 52.23vh) scale(0.9343);
  }
  to {
    transform: translate(23.2986vw, 100vh) scale(0.9343);
  }
}
.snow:nth-child(126) {
  opacity: 0.9975;
  transform: translate(48.2609vw, -10px) scale(0.1812);
  animation: fall-126 26s -15s linear infinite;
}
@keyframes fall-126 {
  30.389% {
    transform: translate(47.1717vw, 30.389vh) scale(0.1812);
  }
  to {
    transform: translate(47.7163vw, 100vh) scale(0.1812);
  }
}
.snow:nth-child(127) {
  opacity: 0.7295;
  transform: translate(73.3229vw, -10px) scale(0.5391);
  animation: fall-127 15s -19s linear infinite;
}
@keyframes fall-127 {
  71.406% {
    transform: translate(64.9678vw, 71.406vh) scale(0.5391);
  }
  to {
    transform: translate(69.14535vw, 100vh) scale(0.5391);
  }
}
.snow:nth-child(128) {
  opacity: 0.0344;
  transform: translate(6.0755vw, -10px) scale(0.5427);
  animation: fall-128 24s -15s linear infinite;
}
@keyframes fall-128 {
  40.529% {
    transform: translate(-0.6793vw, 40.529vh) scale(0.5427);
  }
  to {
    transform: translate(2.6981vw, 100vh) scale(0.5427);
  }
}
.snow:nth-child(129) {
  opacity: 0.0292;
  transform: translate(28.7591vw, -10px) scale(0.9825);
  animation: fall-129 22s -18s linear infinite;
}
@keyframes fall-129 {
  51.211% {
    transform: translate(21.9893vw, 51.211vh) scale(0.9825);
  }
  to {
    transform: translate(25.3742vw, 100vh) scale(0.9825);
  }
}
.snow:nth-child(130) {
  opacity: 0.1535;
  transform: translate(86.641vw, -10px) scale(0.8957);
  animation: fall-130 27s -6s linear infinite;
}
@keyframes fall-130 {
  46.314% {
    transform: translate(93.1984vw, 46.314vh) scale(0.8957);
  }
  to {
    transform: translate(89.9197vw, 100vh) scale(0.8957);
  }
}
.snow:nth-child(131) {
  opacity: 0.1819;
  transform: translate(8.756vw, -10px) scale(0.7931);
  animation: fall-131 12s -22s linear infinite;
}
@keyframes fall-131 {
  55.683% {
    transform: translate(8.8084vw, 55.683vh) scale(0.7931);
  }
  to {
    transform: translate(8.7822vw, 100vh) scale(0.7931);
  }
}
.snow:nth-child(132) {
  opacity: 0.7717;
  transform: translate(36.5875vw, -10px) scale(0.6436);
  animation: fall-132 25s -22s linear infinite;
}
@keyframes fall-132 {
  70.281% {
    transform: translate(35.8943vw, 70.281vh) scale(0.6436);
  }
  to {
    transform: translate(36.2409vw, 100vh) scale(0.6436);
  }
}
.snow:nth-child(133) {
  opacity: 0.2313;
  transform: translate(32.7401vw, -10px) scale(0.3762);
  animation: fall-133 26s -18s linear infinite;
}
@keyframes fall-133 {
  73.518% {
    transform: translate(37.1481vw, 73.518vh) scale(0.3762);
  }
  to {
    transform: translate(34.9441vw, 100vh) scale(0.3762);
  }
}
.snow:nth-child(134) {
  opacity: 0.053;
  transform: translate(28.2165vw, -10px) scale(0.1672);
  animation: fall-134 30s -27s linear infinite;
}
@keyframes fall-134 {
  43.262% {
    transform: translate(19.5959vw, 43.262vh) scale(0.1672);
  }
  to {
    transform: translate(23.9062vw, 100vh) scale(0.1672);
  }
}
.snow:nth-child(135) {
  opacity: 0.1441;
  transform: translate(12.6049vw, -10px) scale(0.6356);
  animation: fall-135 26s -5s linear infinite;
}
@keyframes fall-135 {
  72.065% {
    transform: translate(13.3144vw, 72.065vh) scale(0.6356);
  }
  to {
    transform: translate(12.95965vw, 100vh) scale(0.6356);
  }
}
.snow:nth-child(136) {
  opacity: 0.9936;
  transform: translate(99.981vw, -10px) scale(0.7365);
  animation: fall-136 15s -19s linear infinite;
}
@keyframes fall-136 {
  65.949% {
    transform: translate(101.9234vw, 65.949vh) scale(0.7365);
  }
  to {
    transform: translate(100.9522vw, 100vh) scale(0.7365);
  }
}
.snow:nth-child(137) {
  opacity: 0.0069;
  transform: translate(35.7532vw, -10px) scale(0.0407);
  animation: fall-137 21s -6s linear infinite;
}
@keyframes fall-137 {
  39.582% {
    transform: translate(43.7127vw, 39.582vh) scale(0.0407);
  }
  to {
    transform: translate(39.73295vw, 100vh) scale(0.0407);
  }
}
.snow:nth-child(138) {
  opacity: 0.6649;
  transform: translate(26.1022vw, -10px) scale(0.8929);
  animation: fall-138 18s -15s linear infinite;
}
@keyframes fall-138 {
  48.099% {
    transform: translate(21.8986vw, 48.099vh) scale(0.8929);
  }
  to {
    transform: translate(24.0004vw, 100vh) scale(0.8929);
  }
}
.snow:nth-child(139) {
  opacity: 0.2862;
  transform: translate(96.4547vw, -10px) scale(0.641);
  animation: fall-139 29s -29s linear infinite;
}
@keyframes fall-139 {
  74.952% {
    transform: translate(96.7199vw, 74.952vh) scale(0.641);
  }
  to {
    transform: translate(96.5873vw, 100vh) scale(0.641);
  }
}
.snow:nth-child(140) {
  opacity: 0.5792;
  transform: translate(45.199vw, -10px) scale(0.9695);
  animation: fall-140 13s -27s linear infinite;
}
@keyframes fall-140 {
  64.608% {
    transform: translate(39.5907vw, 64.608vh) scale(0.9695);
  }
  to {
    transform: translate(42.39485vw, 100vh) scale(0.9695);
  }
}
.snow:nth-child(141) {
  opacity: 0.1238;
  transform: translate(86.7746vw, -10px) scale(0.5465);
  animation: fall-141 11s -6s linear infinite;
}
@keyframes fall-141 {
  60.432% {
    transform: translate(80.9449vw, 60.432vh) scale(0.5465);
  }
  to {
    transform: translate(83.85975vw, 100vh) scale(0.5465);
  }
}
.snow:nth-child(142) {
  opacity: 0.4233;
  transform: translate(3.6447vw, -10px) scale(0.2282);
  animation: fall-142 18s -23s linear infinite;
}
@keyframes fall-142 {
  48.508% {
    transform: translate(8.2308vw, 48.508vh) scale(0.2282);
  }
  to {
    transform: translate(5.93775vw, 100vh) scale(0.2282);
  }
}
.snow:nth-child(143) {
  opacity: 0.5858;
  transform: translate(77.6069vw, -10px) scale(0.9764);
  animation: fall-143 15s -29s linear infinite;
}
@keyframes fall-143 {
  74.066% {
    transform: translate(73.5208vw, 74.066vh) scale(0.9764);
  }
  to {
    transform: translate(75.56385vw, 100vh) scale(0.9764);
  }
}
.snow:nth-child(144) {
  opacity: 0.7629;
  transform: translate(81.8825vw, -10px) scale(0.3402);
  animation: fall-144 26s -23s linear infinite;
}
@keyframes fall-144 {
  31.692% {
    transform: translate(85.8962vw, 31.692vh) scale(0.3402);
  }
  to {
    transform: translate(83.88935vw, 100vh) scale(0.3402);
  }
}
.snow:nth-child(145) {
  opacity: 0.5354;
  transform: translate(58.5249vw, -10px) scale(0.9815);
  animation: fall-145 21s -21s linear infinite;
}
@keyframes fall-145 {
  51.197% {
    transform: translate(56.2951vw, 51.197vh) scale(0.9815);
  }
  to {
    transform: translate(57.41vw, 100vh) scale(0.9815);
  }
}
.snow:nth-child(146) {
  opacity: 0.6637;
  transform: translate(82.4254vw, -10px) scale(0.6922);
  animation: fall-146 12s -4s linear infinite;
}
@keyframes fall-146 {
  62.301% {
    transform: translate(89.1917vw, 62.301vh) scale(0.6922);
  }
  to {
    transform: translate(85.80855vw, 100vh) scale(0.6922);
  }
}
.snow:nth-child(147) {
  opacity: 0.5449;
  transform: translate(58.9664vw, -10px) scale(0.4413);
  animation: fall-147 29s -2s linear infinite;
}
@keyframes fall-147 {
  62.305% {
    transform: translate(68.3364vw, 62.305vh) scale(0.4413);
  }
  to {
    transform: translate(63.6514vw, 100vh) scale(0.4413);
  }
}
.snow:nth-child(148) {
  opacity: 0.9348;
  transform: translate(4.1906vw, -10px) scale(0.4548);
  animation: fall-148 16s -28s linear infinite;
}
@keyframes fall-148 {
  76.698% {
    transform: translate(13.3709vw, 76.698vh) scale(0.4548);
  }
  to {
    transform: translate(8.78075vw, 100vh) scale(0.4548);
  }
}
.snow:nth-child(149) {
  opacity: 0.5479;
  transform: translate(6.7206vw, -10px) scale(0.7823);
  animation: fall-149 29s -23s linear infinite;
}
@keyframes fall-149 {
  75.454% {
    transform: translate(12.4124vw, 75.454vh) scale(0.7823);
  }
  to {
    transform: translate(9.5665vw, 100vh) scale(0.7823);
  }
}
.snow:nth-child(150) {
  opacity: 0.2092;
  transform: translate(99.2124vw, -10px) scale(0.8261);
  animation: fall-150 16s -30s linear infinite;
}
@keyframes fall-150 {
  63.264% {
    transform: translate(108.1261vw, 63.264vh) scale(0.8261);
  }
  to {
    transform: translate(103.66925vw, 100vh) scale(0.8261);
  }
}
.snow:nth-child(151) {
  opacity: 0.0242;
  transform: translate(43.989vw, -10px) scale(0.1998);
  animation: fall-151 16s -15s linear infinite;
}
@keyframes fall-151 {
  79.871% {
    transform: translate(37.0902vw, 79.871vh) scale(0.1998);
  }
  to {
    transform: translate(40.5396vw, 100vh) scale(0.1998);
  }
}
.snow:nth-child(152) {
  opacity: 0.0667;
  transform: translate(85.4761vw, -10px) scale(0.6856);
  animation: fall-152 20s -27s linear infinite;
}
@keyframes fall-152 {
  58.573% {
    transform: translate(84.8055vw, 58.573vh) scale(0.6856);
  }
  to {
    transform: translate(85.1408vw, 100vh) scale(0.6856);
  }
}
.snow:nth-child(153) {
  opacity: 0.9265;
  transform: translate(86.5456vw, -10px) scale(0.5074);
  animation: fall-153 25s -26s linear infinite;
}
@keyframes fall-153 {
  35.589% {
    transform: translate(89.5692vw, 35.589vh) scale(0.5074);
  }
  to {
    transform: translate(88.0574vw, 100vh) scale(0.5074);
  }
}
.snow:nth-child(154) {
  opacity: 0.0649;
  transform: translate(41.5585vw, -10px) scale(0.3568);
  animation: fall-154 21s -23s linear infinite;
}
@keyframes fall-154 {
  41.235% {
    transform: translate(48.3419vw, 41.235vh) scale(0.3568);
  }
  to {
    transform: translate(44.9502vw, 100vh) scale(0.3568);
  }
}
.snow:nth-child(155) {
  opacity: 0.2447;
  transform: translate(31.7093vw, -10px) scale(0.6952);
  animation: fall-155 15s -27s linear infinite;
}
@keyframes fall-155 {
  52.369% {
    transform: translate(24.9781vw, 52.369vh) scale(0.6952);
  }
  to {
    transform: translate(28.3437vw, 100vh) scale(0.6952);
  }
}
.snow:nth-child(156) {
  opacity: 0.7192;
  transform: translate(90.0307vw, -10px) scale(0.8889);
  animation: fall-156 29s -5s linear infinite;
}
@keyframes fall-156 {
  59.822% {
    transform: translate(87.9259vw, 59.822vh) scale(0.8889);
  }
  to {
    transform: translate(88.9783vw, 100vh) scale(0.8889);
  }
}
.snow:nth-child(157) {
  opacity: 0.1837;
  transform: translate(95.1756vw, -10px) scale(0.8814);
  animation: fall-157 29s -23s linear infinite;
}
@keyframes fall-157 {
  71.504% {
    transform: translate(89.2762vw, 71.504vh) scale(0.8814);
  }
  to {
    transform: translate(92.2259vw, 100vh) scale(0.8814);
  }
}
.snow:nth-child(158) {
  opacity: 0.3011;
  transform: translate(84.9456vw, -10px) scale(0.7429);
  animation: fall-158 22s -18s linear infinite;
}
@keyframes fall-158 {
  46.746% {
    transform: translate(85.3273vw, 46.746vh) scale(0.7429);
  }
  to {
    transform: translate(85.13645vw, 100vh) scale(0.7429);
  }
}
.snow:nth-child(159) {
  opacity: 0.7475;
  transform: translate(28.6432vw, -10px) scale(0.7445);
  animation: fall-159 18s -28s linear infinite;
}
@keyframes fall-159 {
  41.879% {
    transform: translate(26.1492vw, 41.879vh) scale(0.7445);
  }
  to {
    transform: translate(27.3962vw, 100vh) scale(0.7445);
  }
}
.snow:nth-child(160) {
  opacity: 0.319;
  transform: translate(44.3807vw, -10px) scale(0.0509);
  animation: fall-160 26s -20s linear infinite;
}
@keyframes fall-160 {
  79.874% {
    transform: translate(47.2196vw, 79.874vh) scale(0.0509);
  }
  to {
    transform: translate(45.80015vw, 100vh) scale(0.0509);
  }
}
.snow:nth-child(161) {
  opacity: 0.5974;
  transform: translate(83.7892vw, -10px) scale(0.0874);
  animation: fall-161 13s -5s linear infinite;
}
@keyframes fall-161 {
  58.622% {
    transform: translate(86.5679vw, 58.622vh) scale(0.0874);
  }
  to {
    transform: translate(85.17855vw, 100vh) scale(0.0874);
  }
}
.snow:nth-child(162) {
  opacity: 0.5225;
  transform: translate(47.9424vw, -10px) scale(0.3617);
  animation: fall-162 29s -5s linear infinite;
}
@keyframes fall-162 {
  35.302% {
    transform: translate(50.0432vw, 35.302vh) scale(0.3617);
  }
  to {
    transform: translate(48.9928vw, 100vh) scale(0.3617);
  }
}
.snow:nth-child(163) {
  opacity: 0.8403;
  transform: translate(26.6896vw, -10px) scale(0.5418);
  animation: fall-163 24s -10s linear infinite;
}
@keyframes fall-163 {
  62.436% {
    transform: translate(24.0956vw, 62.436vh) scale(0.5418);
  }
  to {
    transform: translate(25.3926vw, 100vh) scale(0.5418);
  }
}
.snow:nth-child(164) {
  opacity: 0.1878;
  transform: translate(54.475vw, -10px) scale(0.7515);
  animation: fall-164 27s -15s linear infinite;
}
@keyframes fall-164 {
  42.669% {
    transform: translate(51.476vw, 42.669vh) scale(0.7515);
  }
  to {
    transform: translate(52.9755vw, 100vh) scale(0.7515);
  }
}
.snow:nth-child(165) {
  opacity: 0.0167;
  transform: translate(77.2081vw, -10px) scale(0.7415);
  animation: fall-165 22s -1s linear infinite;
}
@keyframes fall-165 {
  60.171% {
    transform: translate(67.3553vw, 60.171vh) scale(0.7415);
  }
  to {
    transform: translate(72.2817vw, 100vh) scale(0.7415);
  }
}
.snow:nth-child(166) {
  opacity: 0.039;
  transform: translate(51.5472vw, -10px) scale(0.8755);
  animation: fall-166 17s -8s linear infinite;
}
@keyframes fall-166 {
  50.86% {
    transform: translate(57.0053vw, 50.86vh) scale(0.8755);
  }
  to {
    transform: translate(54.27625vw, 100vh) scale(0.8755);
  }
}
.snow:nth-child(167) {
  opacity: 0.1273;
  transform: translate(23.9446vw, -10px) scale(0.5177);
  animation: fall-167 16s -18s linear infinite;
}
@keyframes fall-167 {
  51.143% {
    transform: translate(31.7178vw, 51.143vh) scale(0.5177);
  }
  to {
    transform: translate(27.8312vw, 100vh) scale(0.5177);
  }
}
.snow:nth-child(168) {
  opacity: 0.1963;
  transform: translate(72.1577vw, -10px) scale(0.5891);
  animation: fall-168 17s -22s linear infinite;
}
@keyframes fall-168 {
  47.368% {
    transform: translate(79.4267vw, 47.368vh) scale(0.5891);
  }
  to {
    transform: translate(75.7922vw, 100vh) scale(0.5891);
  }
}
.snow:nth-child(169) {
  opacity: 0.4323;
  transform: translate(52.6358vw, -10px) scale(0.5378);
  animation: fall-169 20s -9s linear infinite;
}
@keyframes fall-169 {
  55.095% {
    transform: translate(62.0651vw, 55.095vh) scale(0.5378);
  }
  to {
    transform: translate(57.35045vw, 100vh) scale(0.5378);
  }
}
.snow:nth-child(170) {
  opacity: 0.0792;
  transform: translate(31.399vw, -10px) scale(0.0005);
  animation: fall-170 26s -5s linear infinite;
}
@keyframes fall-170 {
  42.641% {
    transform: translate(34.6456vw, 42.641vh) scale(0.0005);
  }
  to {
    transform: translate(33.0223vw, 100vh) scale(0.0005);
  }
}
.snow:nth-child(171) {
  opacity: 0.8435;
  transform: translate(18.7944vw, -10px) scale(0.9062);
  animation: fall-171 15s -21s linear infinite;
}
@keyframes fall-171 {
  35.765% {
    transform: translate(11.6297vw, 35.765vh) scale(0.9062);
  }
  to {
    transform: translate(15.21205vw, 100vh) scale(0.9062);
  }
}
.snow:nth-child(172) {
  opacity: 0.5482;
  transform: translate(38.6425vw, -10px) scale(0.3531);
  animation: fall-172 24s -24s linear infinite;
}
@keyframes fall-172 {
  67.322% {
    transform: translate(40.6824vw, 67.322vh) scale(0.3531);
  }
  to {
    transform: translate(39.66245vw, 100vh) scale(0.3531);
  }
}
.snow:nth-child(173) {
  opacity: 0.046;
  transform: translate(58.755vw, -10px) scale(0.7165);
  animation: fall-173 10s -12s linear infinite;
}
@keyframes fall-173 {
  51.209% {
    transform: translate(54.3405vw, 51.209vh) scale(0.7165);
  }
  to {
    transform: translate(56.54775vw, 100vh) scale(0.7165);
  }
}
.snow:nth-child(174) {
  opacity: 0.5715;
  transform: translate(33.1443vw, -10px) scale(0.1723);
  animation: fall-174 21s -22s linear infinite;
}
@keyframes fall-174 {
  30.569% {
    transform: translate(28.1916vw, 30.569vh) scale(0.1723);
  }
  to {
    transform: translate(30.66795vw, 100vh) scale(0.1723);
  }
}
.snow:nth-child(175) {
  opacity: 0.8534;
  transform: translate(79.9145vw, -10px) scale(0.7011);
  animation: fall-175 30s -23s linear infinite;
}
@keyframes fall-175 {
  40.489% {
    transform: translate(81.0469vw, 40.489vh) scale(0.7011);
  }
  to {
    transform: translate(80.4807vw, 100vh) scale(0.7011);
  }
}
.snow:nth-child(176) {
  opacity: 0.8731;
  transform: translate(1.4429vw, -10px) scale(0.0049);
  animation: fall-176 21s -14s linear infinite;
}
@keyframes fall-176 {
  79.576% {
    transform: translate(-5.3674vw, 79.576vh) scale(0.0049);
  }
  to {
    transform: translate(-1.96225vw, 100vh) scale(0.0049);
  }
}
.snow:nth-child(177) {
  opacity: 0.8433;
  transform: translate(70.993vw, -10px) scale(0.2447);
  animation: fall-177 27s -14s linear infinite;
}
@keyframes fall-177 {
  48.433% {
    transform: translate(72.5372vw, 48.433vh) scale(0.2447);
  }
  to {
    transform: translate(71.7651vw, 100vh) scale(0.2447);
  }
}
.snow:nth-child(178) {
  opacity: 0.48;
  transform: translate(91.4298vw, -10px) scale(0.4858);
  animation: fall-178 30s -18s linear infinite;
}
@keyframes fall-178 {
  70.86% {
    transform: translate(92.0096vw, 70.86vh) scale(0.4858);
  }
  to {
    transform: translate(91.7197vw, 100vh) scale(0.4858);
  }
}
.snow:nth-child(179) {
  opacity: 0.08;
  transform: translate(4.8361vw, -10px) scale(0.8893);
  animation: fall-179 17s -25s linear infinite;
}
@keyframes fall-179 {
  71.559% {
    transform: translate(6.97vw, 71.559vh) scale(0.8893);
  }
  to {
    transform: translate(5.90305vw, 100vh) scale(0.8893);
  }
}
.snow:nth-child(180) {
  opacity: 0.7634;
  transform: translate(67.5553vw, -10px) scale(0.063);
  animation: fall-180 28s -15s linear infinite;
}
@keyframes fall-180 {
  72.706% {
    transform: translate(67.5659vw, 72.706vh) scale(0.063);
  }
  to {
    transform: translate(67.5606vw, 100vh) scale(0.063);
  }
}
.snow:nth-child(181) {
  opacity: 0.7247;
  transform: translate(1.2636vw, -10px) scale(0.9735);
  animation: fall-181 30s -11s linear infinite;
}
@keyframes fall-181 {
  36.782% {
    transform: translate(7.7137vw, 36.782vh) scale(0.9735);
  }
  to {
    transform: translate(4.48865vw, 100vh) scale(0.9735);
  }
}
.snow:nth-child(182) {
  opacity: 0.9237;
  transform: translate(49.6052vw, -10px) scale(0.9475);
  animation: fall-182 19s -25s linear infinite;
}
@keyframes fall-182 {
  59.365% {
    transform: translate(40.1132vw, 59.365vh) scale(0.9475);
  }
  to {
    transform: translate(44.8592vw, 100vh) scale(0.9475);
  }
}
.snow:nth-child(183) {
  opacity: 0.8832;
  transform: translate(21.9004vw, -10px) scale(0.14);
  animation: fall-183 27s -19s linear infinite;
}
@keyframes fall-183 {
  64.351% {
    transform: translate(15.6316vw, 64.351vh) scale(0.14);
  }
  to {
    transform: translate(18.766vw, 100vh) scale(0.14);
  }
}
.snow:nth-child(184) {
  opacity: 0.6442;
  transform: translate(57.0457vw, -10px) scale(0.9675);
  animation: fall-184 20s -8s linear infinite;
}
@keyframes fall-184 {
  37.726% {
    transform: translate(59.7336vw, 37.726vh) scale(0.9675);
  }
  to {
    transform: translate(58.38965vw, 100vh) scale(0.9675);
  }
}
.snow:nth-child(185) {
  opacity: 0.66;
  transform: translate(75.5708vw, -10px) scale(0.3859);
  animation: fall-185 24s -6s linear infinite;
}
@keyframes fall-185 {
  79.109% {
    transform: translate(83.3397vw, 79.109vh) scale(0.3859);
  }
  to {
    transform: translate(79.45525vw, 100vh) scale(0.3859);
  }
}
.snow:nth-child(186) {
  opacity: 0.6946;
  transform: translate(67.8524vw, -10px) scale(0.493);
  animation: fall-186 11s -11s linear infinite;
}
@keyframes fall-186 {
  46.462% {
    transform: translate(74.4177vw, 46.462vh) scale(0.493);
  }
  to {
    transform: translate(71.13505vw, 100vh) scale(0.493);
  }
}
.snow:nth-child(187) {
  opacity: 0.6078;
  transform: translate(54.0057vw, -10px) scale(0.9905);
  animation: fall-187 21s -3s linear infinite;
}
@keyframes fall-187 {
  41.2% {
    transform: translate(53.6276vw, 41.2vh) scale(0.9905);
  }
  to {
    transform: translate(53.81665vw, 100vh) scale(0.9905);
  }
}
.snow:nth-child(188) {
  opacity: 0.6744;
  transform: translate(9.0545vw, -10px) scale(0.1639);
  animation: fall-188 21s -23s linear infinite;
}
@keyframes fall-188 {
  31.018% {
    transform: translate(16.886vw, 31.018vh) scale(0.1639);
  }
  to {
    transform: translate(12.97025vw, 100vh) scale(0.1639);
  }
}
.snow:nth-child(189) {
  opacity: 0.7137;
  transform: translate(36.8713vw, -10px) scale(0.5358);
  animation: fall-189 23s -18s linear infinite;
}
@keyframes fall-189 {
  55.659% {
    transform: translate(30.1323vw, 55.659vh) scale(0.5358);
  }
  to {
    transform: translate(33.5018vw, 100vh) scale(0.5358);
  }
}
.snow:nth-child(190) {
  opacity: 0.1405;
  transform: translate(44.0692vw, -10px) scale(0.5367);
  animation: fall-190 30s -26s linear infinite;
}
@keyframes fall-190 {
  54.167% {
    transform: translate(35.7637vw, 54.167vh) scale(0.5367);
  }
  to {
    transform: translate(39.91645vw, 100vh) scale(0.5367);
  }
}
.snow:nth-child(191) {
  opacity: 0.3944;
  transform: translate(33.2249vw, -10px) scale(0.0937);
  animation: fall-191 12s -10s linear infinite;
}
@keyframes fall-191 {
  37.966% {
    transform: translate(23.5132vw, 37.966vh) scale(0.0937);
  }
  to {
    transform: translate(28.36905vw, 100vh) scale(0.0937);
  }
}
.snow:nth-child(192) {
  opacity: 0.0502;
  transform: translate(48.9649vw, -10px) scale(0.5555);
  animation: fall-192 20s -22s linear infinite;
}
@keyframes fall-192 {
  66.445% {
    transform: translate(50.0527vw, 66.445vh) scale(0.5555);
  }
  to {
    transform: translate(49.5088vw, 100vh) scale(0.5555);
  }
}
.snow:nth-child(193) {
  opacity: 0.5624;
  transform: translate(33.4858vw, -10px) scale(0.2204);
  animation: fall-193 17s -26s linear infinite;
}
@keyframes fall-193 {
  76.192% {
    transform: translate(37.2644vw, 76.192vh) scale(0.2204);
  }
  to {
    transform: translate(35.3751vw, 100vh) scale(0.2204);
  }
}
.snow:nth-child(194) {
  opacity: 0.2091;
  transform: translate(91.3156vw, -10px) scale(0.9563);
  animation: fall-194 24s -30s linear infinite;
}
@keyframes fall-194 {
  63.575% {
    transform: translate(82.7197vw, 63.575vh) scale(0.9563);
  }
  to {
    transform: translate(87.01765vw, 100vh) scale(0.9563);
  }
}
.snow:nth-child(195) {
  opacity: 0.8434;
  transform: translate(72.5614vw, -10px) scale(0.393);
  animation: fall-195 28s -7s linear infinite;
}
@keyframes fall-195 {
  62.582% {
    transform: translate(74.8844vw, 62.582vh) scale(0.393);
  }
  to {
    transform: translate(73.7229vw, 100vh) scale(0.393);
  }
}
.snow:nth-child(196) {
  opacity: 0.3325;
  transform: translate(9.3066vw, -10px) scale(0.2836);
  animation: fall-196 10s -8s linear infinite;
}
@keyframes fall-196 {
  56.943% {
    transform: translate(11.2859vw, 56.943vh) scale(0.2836);
  }
  to {
    transform: translate(10.29625vw, 100vh) scale(0.2836);
  }
}
.snow:nth-child(197) {
  opacity: 0.7596;
  transform: translate(14.2862vw, -10px) scale(0.1878);
  animation: fall-197 20s -1s linear infinite;
}
@keyframes fall-197 {
  53.702% {
    transform: translate(22.3084vw, 53.702vh) scale(0.1878);
  }
  to {
    transform: translate(18.2973vw, 100vh) scale(0.1878);
  }
}
.snow:nth-child(198) {
  opacity: 0.7569;
  transform: translate(81.2467vw, -10px) scale(0.8408);
  animation: fall-198 18s -17s linear infinite;
}
@keyframes fall-198 {
  65.898% {
    transform: translate(79.8212vw, 65.898vh) scale(0.8408);
  }
  to {
    transform: translate(80.53395vw, 100vh) scale(0.8408);
  }
}
.snow:nth-child(199) {
  opacity: 0.5451;
  transform: translate(13.2377vw, -10px) scale(0.2059);
  animation: fall-199 17s -21s linear infinite;
}
@keyframes fall-199 {
  34.701% {
    transform: translate(10.5127vw, 34.701vh) scale(0.2059);
  }
  to {
    transform: translate(11.8752vw, 100vh) scale(0.2059);
  }
}
.snow:nth-child(200) {
  opacity: 0.5322;
  transform: translate(42.0526vw, -10px) scale(0.5488);
  animation: fall-200 19s -17s linear infinite;
}
@keyframes fall-200 {
  56.323% {
    transform: translate(51.9602vw, 56.323vh) scale(0.5488);
  }
  to {
    transform: translate(47.0064vw, 100vh) scale(0.5488);
  }
}