body {
        background-color: black;
        
      
        background-image: url(neww.jpg);
        background-repeat: no-repeat;
        background-size: cover;  
        background-position: center;
      
      }
      ::-webkit-scrollbar {
      display: none;
      }
      ::-moz-scrollbar {
      display: none;
      }
      ::-o-scrollbar {
      display: none;
      }
      .header {
      
        width: 100%;
       
      
      }
      
      .but1 {
      border-radius: 0 !important;
      outline: 0px solid transparent;
        margin: 20px;
        height: 45px;
        width: 100px;
        border-style: none;
        background-color: rgba(255, 255, 255, 0.27);
        transition-duration: 0.5s;
        font-size: 15px;
        font-family: arial;
        border-radius: 0 !important;
        outline: 0px solid transparent;
      }
      
      .a1 {
        text-decoration: none;
        color: black;
      }
      
      
      .but1:hover {
        background-color: white;
        color: rgba(255, 255, 255, 0.562);
        border-radius: 0 !important;
        outline: 0px solid transparent;
      
      }
      
      /*below comes section N2*/
      /*  */
      
      .container{
      display: flex;
      width: 100%;
      height: 100vh;
      align-content: center;
      align-items: center;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      }
      
      
      
      
      .formform{
        background: linear-gradient( to right, rgba(0, 0, 0, 0.226), rgb(0, 0, 0), rgba(3, 3, 17, 0.24));

      height: auto;
      width: 100%;
      display: flex;
      flex-direction: row;
      justify-content: space-around;
      align-items:center;
      justify-content: center;
      align-content: center;
      font-size: 45px;
      }
      .red {
      -webkit-animation: scale-in-ver-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
              animation: scale-in-ver-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
      
        display: flex;
        justify-content: space-between;
        align-content: center;
        align-items: center;
        flex-direction: column;
        
        height: 350px;
        width: 12%;
      
        background-image: url(duoWHEAT.png);
        background-size: cover;
        background-repeat: no-repeat;
        border-bottom-color: black;
        border: 3px solid black;
        background-position-y: -35px;
      }
      .red:hover {   
        color: #2641a1;
        text-shadow: 2px 2px black;
        font-size: 50px;
        font-family: 'Playfair Display', serif;
      transition: 0.9s;
        height: 515px;
        width: 19%;
        background-image: url(WHEAT.jpg);
        background-size: cover;
      
        border-style: none;
      -webkit-animation: scale-in-ver-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
              animation: scale-in-ver-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
      
      
      
      @-webkit-keyframes scale-in-ver-bottom {
        0% {
          -webkit-transform: scaleY(0);
                  transform: scaleY(0);
          -webkit-transform-origin: 0% 100%;
                  transform-origin: 0% 100%;
          opacity: 1;
        }
        100% {
          -webkit-transform: scaleY(1);
                  transform: scaleY(1);
          -webkit-transform-origin: 0% 100%;
                  transform-origin: 0% 100%;
          opacity: 1;
        }
      }
      @keyframes scale-in-ver-bottom {
        0% {
          -webkit-transform: scaleY(0);
                  transform: scaleY(0);
          -webkit-transform-origin: 0% 100%;
                  transform-origin: 0% 100%;
          opacity: 1;
        }
        100% {
          -webkit-transform: scaleY(1);
                  transform: scaleY(1);
          -webkit-transform-origin: 0% 100%;
                  transform-origin: 0% 100%;
          opacity: 1;
        }
      }
      
      
      .red{
        display: flex;
        color: white;
        justify-content: center;
        font-family: 'Tenor Sans', sans-serif;
        font-size: 40px;
      
      }
      
      
      .but2 { border-radius: 0 !important;
      outline: 0px solid transparent;
        display: flex;
        justify-content: center;
        align-content: center;
        align-items: center;
        width: 150px;
        height: 30px;
        font-size: 12px;
        background-color: rgba(0, 0, 0, 0.671);
        border: none;
        color: grey;
        font-family: sans-serif;
        
      }
      .but2:hover .hover-content{
        display: block;
        position: absolute;
        color: rgba(255, 255, 255, 0.781);
        background-color: rgba(216, 115, 0, 0.685);
        min-width: 150px;
      }
      
      
      
      /*section two*/
      
      
      .white {
        display: flex;
        color: white;
        justify-content: center;
        font-family: 'Tenor Sans', sans-serif;
        font-size: 40px;
      
      
      -webkit-animation: scale-in-ver-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
              animation: scale-in-ver-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
      
        display: flex;
        justify-content: space-between;
        align-content: center;
        align-items: center;
        flex-direction: column;
        
        height: 350px;
        width: 12%;
      
      
        background-image: url(duofruit.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        border-bottom-color: black;
        border: 3px solid black;
      }
      .white:hover {
        color: #2641a1;
        text-shadow: 2px 2px black;        font-size: 50px;
        font-family: 'Playfair Display', serif;
      transition: 0.9s;
      width: 19%;
        height: 515px;
        background-image: url(fruit.jpg);
        background-size: cover;
      
        border-style: none;
      -webkit-animation: scale-in-ver-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
              animation: scale-in-ver-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
      
      
      
      @-webkit-keyframes scale-in-ver-bottom {
        0% {
          -webkit-transform: scaleY(0);
                  transform: scaleY(0);
          -webkit-transform-origin: 0% 100%;
                  transform-origin: 0% 100%;
          opacity: 1;
        }
        100% {
          -webkit-transform: scaleY(1);
                  transform: scaleY(1);
          -webkit-transform-origin: 0% 100%;
                  transform-origin: 0% 100%;
          opacity: 1;
        }
      }
      @keyframes scale-in-ver-bottom {
        0% {
          -webkit-transform: scaleY(0);
                  transform: scaleY(0);
          -webkit-transform-origin: 0% 100%;
                  transform-origin: 0% 100%;
          opacity: 1;
        }
        100% {
          -webkit-transform: scaleY(1);
                  transform: scaleY(1);
          -webkit-transform-origin: 0% 100%;
                  transform-origin: 0% 100%;
          opacity: 1;
        }
      }
      
      
      .white{
        display: flex;
        color: white;
        justify-content: center;
        font-family: 'Tenor Sans', sans-serif;
        font-size: 40px;
      
      }
      
      .but3 { border-radius: 0 !important;
      outline: 0px solid transparent;
        display: flex;
        justify-content: center;
        align-content: center;
        align-items: center;
        width: 150px;
        height: 30px;
        font-size: 12px;
        background-color: rgba(0, 0, 0, 0.671);
        border: none;
        color: grey;
        font-family: sans-serif;
      }
      
      /*section three*/
      
      
      .fruit{
      display: flex;
        color: white;
        justify-content: center;
        font-family: 'Tenor Sans', sans-serif;
        font-size: 40px;
      
      
      -webkit-animation: scale-in-ver-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
              animation: scale-in-ver-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
      
        display: flex;
        justify-content: space-between;
        align-content: center;
        align-items: center;
        flex-direction: column;
        
        height: 350px;
        width: 12%;
      
      
        background-image: url(duosouvenir.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        border-bottom-color: black;
        border: 3px solid black;
      }
      .fruit:hover {
        color: black;
        font-size: 50px;
        font-family: 'Playfair Display', serif;
      transition: 0.9s;
        height: 515px;
        width: 19%;
        background-image: url(souvenir.jpg);
        background-size: cover;
      
        border-style: none;
      -webkit-animation: scale-in-ver-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
              animation: scale-in-ver-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
      
      
      
      @-webkit-keyframes scale-in-ver-bottom {
        0% {
          -webkit-transform: scaleY(0);
                  transform: scaleY(0);
          -webkit-transform-origin: 0% 100%;
                  transform-origin: 0% 100%;
          opacity: 1;
        }
        100% {
          -webkit-transform: scaleY(1);
                  transform: scaleY(1);
          -webkit-transform-origin: 0% 100%;
                  transform-origin: 0% 100%;
          opacity: 1;
        }
      }
      @keyframes scale-in-ver-bottom {
        0% {
          -webkit-transform: scaleY(0);
                  transform: scaleY(0);
          -webkit-transform-origin: 0% 100%;
                  transform-origin: 0% 100%;
          opacity: 1;
        }
        100% {
          -webkit-transform: scaleY(1);
                  transform: scaleY(1);
          -webkit-transform-origin: 0% 100%;
                  transform-origin: 0% 100%;
          opacity: 1;
        }
      }
      
      .fruit{
        display: flex;
        color: white;
      
        justify-content: center;
        font-family: 'Tenor Sans', sans-serif;
        font-size: 40px;
      
      }
      .but4 { border-radius: 0 !important;
      outline: 0px solid transparent;
        display: flex;
        justify-content: center;
        align-content: center;
        align-items: center;
        width: 150px;
        height: 30px;
        font-size: 12px;
        background-color: rgba(0, 0, 0, 0.671);
        border: none;
        color: grey;
        font-family: sans-serif;
      
      }
      
      /*section four*/
      
      
      .special{
      display: flex;
        color: white;
        justify-content: center;
        font-family: 'Tenor Sans', sans-serif;
        font-size: 40px;
      
      
      -webkit-animation: scale-in-ver-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
              animation: scale-in-ver-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
      
        display: flex;
        justify-content: space-between;
        align-content: center;
        align-items: center;
        flex-direction: column;
        
        height: 350px;
        width: 12%;
      
      
        background-image: url(./images/specialduo.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        border-bottom-color: black;
        border: 3px solid black;
      }
      .special:hover {
        color: black;
        font-size: 50px;
        font-family: 'Playfair Display', serif;
      transition: 0.9s;
        height: 515px;
        width: 19%;
        background-image: url(images/special.jpg);
        border-style: none;
        background-size: cover;
       
      -webkit-animation: scale-in-ver-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
              animation: scale-in-ver-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
      
      
      
      @-webkit-keyframes scale-in-ver-bottom {
        0% {
          -webkit-transform: scaleY(0);
                  transform: scaleY(0);
          -webkit-transform-origin: 0% 100%;
                  transform-origin: 0% 100%;
          opacity: 1;
        }
        100% {
          -webkit-transform: scaleY(1);
                  transform: scaleY(1);
          -webkit-transform-origin: 0% 100%;
                  transform-origin: 0% 100%;
          opacity: 1;
        }
      }
      @keyframes scale-in-ver-bottom {
        0% {
          -webkit-transform: scaleY(0);
                  transform: scaleY(0);
          -webkit-transform-origin: 0% 100%;
                  transform-origin: 0% 100%;
          opacity: 1;
        }
        100% {
          -webkit-transform: scaleY(1);
                  transform: scaleY(1);
          -webkit-transform-origin: 0% 100%;
                  transform-origin: 0% 100%;
          opacity: 1;
        }
      }
      
      .special{
        display: flex;
        color: white;
      
        justify-content: center;
        font-family: 'Tenor Sans', sans-serif;
        font-size: 40px;
      
      }
      .but5 { border-radius: 0 !important;
      outline: 0px solid transparent;
        display: flex;
        justify-content: center;
        align-content: center;
        align-items: center;
        width: 150px;
        height: 30px;
        font-size: 12px;
        background-color: rgba(0, 0, 0, 0.671);
        border: none;
        color: grey;
        font-family: sans-serif;
      
      }
      
      
      .bottom {
        height: 50%;
        width: 100%;
        
      
      }
      
      a {
        text-decoration: none;
        color: white;
      
      }
      
      .but2:hover {
        background-color: rgba(0, 0, 0, 0.63);
      
      }
      
      .but3:hover {
        background-color: rgba(0, 0, 0, 0.63);
      
      
      }
      
      .but4:hover {
        background-color: rgba(0, 0, 0, 0.63);
      
      
      } 
      
      
      .but5:hover {
        background-color: rgba(0, 0, 0, 0.63);
      
      
      }
      
      .rtex{
        font-size: 30px;
        font-family: 'Playfair Display', serif;
      }
      
      .rtex:hover{
        font-size: 50px;
        font-family: 'Playfair Display', serif;
      }
      .wtex{
        font-size: 30px;
        font-family: 'Playfair Display', serif;
      }
      .wtex:hover{
        font-size: 50px;
        font-family: 'Playfair Display', serif;
      }
      
      .ftex{
        font-size: 30px;
        font-family: 'Playfair Display', serif;
      }
      .ftex:hover{
        font-size: 50px;
        font-family: 'Playfair Display', serif;
      }
      .stex{
        font-size: 30px;
        font-family: 'Playfair Display', serif;
      }
      .stex:hover  {
        color: black;
        font-size: 50px;
        font-family: 'Playfair Display', serif;
      }
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      
      .firefly { z-index: +10;
      position: fixed;
      left: 50%;
      top: 50%;
      width: 0.4vw;
      height: 0.4vw;
      margin: -0.2vw 0 0 9.8vw;
      animation: ease 200s alternate infinite;
      pointer-events: none;
      }
      .firefly::before, .firefly::after {
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      border-radius: 50%;
      transform-origin: -10vw;
      }
      .firefly::before {
      background: wheat;
      opacity: 0.4;
      animation: drift ease alternate infinite;
      }
      .firefly::after {
      background: white;
      opacity: 0;
      box-shadow: 0 0 0vw 0vw yellow;
      animation: drift ease alternate infinite, flash ease infinite;
      }
      
      .firefly:nth-child(1) {
      animation-name: move1;
      }
      .firefly:nth-child(1)::before {
      animation-duration: 17s;
      }
      .firefly:nth-child(1)::after {
      animation-duration: 17s, 7701ms;
      animation-delay: 0ms, 6233ms;
      }
      
      @keyframes move1 {
      0% {
        transform: translateX(-47vw) translateY(43vh) scale(0.81);
      }
      3.5714285714% {
        transform: translateX(14vw) translateY(5vh) scale(0.42);
      }
      7.1428571429% {
        transform: translateX(18vw) translateY(-29vh) scale(0.33);
      }
      10.7142857143% {
        transform: translateX(-28vw) translateY(-20vh) scale(0.28);
      }
      14.2857142857% {
        transform: translateX(27vw) translateY(24vh) scale(0.76);
      }
      17.8571428571% {
        transform: translateX(46vw) translateY(17vh) scale(0.42);
      }
      21.4285714286% {
        transform: translateX(-38vw) translateY(-30vh) scale(0.66);
      }
      25% {
        transform: translateX(12vw) translateY(-37vh) scale(0.57);
      }
      28.5714285714% {
        transform: translateX(27vw) translateY(12vh) scale(0.89);
      }
      32.1428571429% {
        transform: translateX(-3vw) translateY(-44vh) scale(0.49);
      }
      35.7142857143% {
        transform: translateX(46vw) translateY(-10vh) scale(0.37);
      }
      39.2857142857% {
        transform: translateX(-39vw) translateY(18vh) scale(0.77);
      }
      42.8571428571% {
        transform: translateX(-27vw) translateY(25vh) scale(0.59);
      }
      46.4285714286% {
        transform: translateX(9vw) translateY(-18vh) scale(0.71);
      }
      50% {
        transform: translateX(34vw) translateY(34vh) scale(0.41);
      }
      53.5714285714% {
        transform: translateX(1vw) translateY(-43vh) scale(0.93);
      }
      57.1428571429% {
        transform: translateX(-24vw) translateY(-36vh) scale(0.93);
      }
      60.7142857143% {
        transform: translateX(-38vw) translateY(-30vh) scale(0.86);
      }
      64.2857142857% {
        transform: translateX(39vw) translateY(-14vh) scale(0.84);
      }
      67.8571428571% {
        transform: translateX(-26vw) translateY(-35vh) scale(0.39);
      }
      71.4285714286% {
        transform: translateX(2vw) translateY(-5vh) scale(0.54);
      }
      75% {
        transform: translateX(26vw) translateY(-31vh) scale(0.94);
      }
      78.5714285714% {
        transform: translateX(49vw) translateY(-16vh) scale(0.85);
      }
      82.1428571429% {
        transform: translateX(1vw) translateY(-6vh) scale(0.64);
      }
      85.7142857143% {
        transform: translateX(12vw) translateY(-19vh) scale(0.93);
      }
      89.2857142857% {
        transform: translateX(30vw) translateY(-27vh) scale(0.45);
      }
      92.8571428571% {
        transform: translateX(-25vw) translateY(-15vh) scale(0.41);
      }
      96.4285714286% {
        transform: translateX(-1vw) translateY(29vh) scale(0.91);
      }
      100% {
        transform: translateX(-9vw) translateY(-45vh) scale(0.29);
      }
      }
      .firefly:nth-child(2) {
      animation-name: move2;
      }
      .firefly:nth-child(2)::before {
      animation-duration: 14s;
      }
      .firefly:nth-child(2)::after {
      animation-duration: 14s, 8683ms;
      animation-delay: 0ms, 845ms;
      }
      
      @keyframes move2 {
      0% {
        transform: translateX(-12vw) translateY(8vh) scale(0.84);
      }
      5% {
        transform: translateX(-36vw) translateY(6vh) scale(0.93);
      }
      10% {
        transform: translateX(34vw) translateY(-3vh) scale(0.52);
      }
      15% {
        transform: translateX(4vw) translateY(43vh) scale(0.95);
      }
      20% {
        transform: translateX(23vw) translateY(-33vh) scale(0.67);
      }
      25% {
        transform: translateX(42vw) translateY(-44vh) scale(0.6);
      }
      30% {
        transform: translateX(6vw) translateY(17vh) scale(0.97);
      }
      35% {
        transform: translateX(7vw) translateY(-4vh) scale(0.96);
      }
      40% {
        transform: translateX(30vw) translateY(-38vh) scale(0.38);
      }
      45% {
        transform: translateX(-12vw) translateY(-9vh) scale(0.44);
      }
      50% {
        transform: translateX(25vw) translateY(37vh) scale(0.88);
      }
      55% {
        transform: translateX(1vw) translateY(-36vh) scale(0.37);
      }
      60% {
        transform: translateX(-38vw) translateY(-26vh) scale(0.79);
      }
      65% {
        transform: translateX(20vw) translateY(37vh) scale(0.49);
      }
      70% {
        transform: translateX(-43vw) translateY(-30vh) scale(0.51);
      }
      75% {
        transform: translateX(15vw) translateY(11vh) scale(0.75);
      }
      80% {
        transform: translateX(22vw) translateY(0vh) scale(0.3);
      }
      85% {
        transform: translateX(-18vw) translateY(49vh) scale(0.73);
      }
      90% {
        transform: translateX(-37vw) translateY(33vh) scale(0.51);
      }
      95% {
        transform: translateX(-23vw) translateY(0vh) scale(0.47);
      }
      100% {
        transform: translateX(-32vw) translateY(18vh) scale(0.61);
      }
      }
      .firefly:nth-child(3) {
      animation-name: move3;
      }
      .firefly:nth-child(3)::before {
      animation-duration: 9s;
      }
      .firefly:nth-child(3)::after {
      animation-duration: 9s, 6520ms;
      animation-delay: 0ms, 2537ms;
      }
      
      @keyframes move3 {
      0% {
        transform: translateX(8vw) translateY(19vh) scale(0.45);
      }
      4.7619047619% {
        transform: translateX(-20vw) translateY(-20vh) scale(0.48);
      }
      9.5238095238% {
        transform: translateX(49vw) translateY(-26vh) scale(0.58);
      }
      14.2857142857% {
        transform: translateX(20vw) translateY(0vh) scale(0.78);
      }
      19.0476190476% {
        transform: translateX(32vw) translateY(-33vh) scale(0.34);
      }
      23.8095238095% {
        transform: translateX(-20vw) translateY(-48vh) scale(0.51);
      }
      28.5714285714% {
        transform: translateX(-1vw) translateY(42vh) scale(0.54);
      }
      33.3333333333% {
        transform: translateX(-16vw) translateY(-12vh) scale(0.4);
      }
      38.0952380952% {
        transform: translateX(21vw) translateY(26vh) scale(0.59);
      }
      42.8571428571% {
        transform: translateX(18vw) translateY(-31vh) scale(0.3);
      }
      47.619047619% {
        transform: translateX(13vw) translateY(-13vh) scale(0.8);
      }
      52.380952381% {
        transform: translateX(25vw) translateY(-1vh) scale(0.59);
      }
      57.1428571429% {
        transform: translateX(13vw) translateY(46vh) scale(0.73);
      }
      61.9047619048% {
        transform: translateX(-17vw) translateY(46vh) scale(0.56);
      }
      66.6666666667% {
        transform: translateX(-31vw) translateY(-40vh) scale(0.74);
      }
      71.4285714286% {
        transform: translateX(-17vw) translateY(-37vh) scale(0.72);
      }
      76.1904761905% {
        transform: translateX(-32vw) translateY(44vh) scale(0.95);
      }
      80.9523809524% {
        transform: translateX(6vw) translateY(19vh) scale(0.81);
      }
      85.7142857143% {
        transform: translateX(39vw) translateY(-38vh) scale(0.68);
      }
      90.4761904762% {
        transform: translateX(-11vw) translateY(-28vh) scale(0.32);
      }
      95.2380952381% {
        transform: translateX(-49vw) translateY(24vh) scale(0.84);
      }
      100% {
        transform: translateX(-25vw) translateY(-36vh) scale(0.8);
      }
      }
      .firefly:nth-child(4) {
      animation-name: move4;
      }
      .firefly:nth-child(4)::before {
      animation-duration: 16s;
      }
      .firefly:nth-child(4)::after {
      animation-duration: 16s, 6762ms;
      animation-delay: 0ms, 4964ms;
      }
      
      @keyframes move4 {
      0% {
        transform: translateX(17vw) translateY(8vh) scale(0.84);
      }
      3.5714285714% {
        transform: translateX(-37vw) translateY(24vh) scale(0.45);
      }
      7.1428571429% {
        transform: translateX(22vw) translateY(14vh) scale(0.81);
      }
      10.7142857143% {
        transform: translateX(40vw) translateY(-34vh) scale(0.77);
      }
      14.2857142857% {
        transform: translateX(-16vw) translateY(-44vh) scale(0.71);
      }
      17.8571428571% {
        transform: translateX(-22vw) translateY(4vh) scale(0.79);
      }
      21.4285714286% {
        transform: translateX(-34vw) translateY(-44vh) scale(0.89);
      }
      25% {
        transform: translateX(19vw) translateY(6vh) scale(0.3);
      }
      28.5714285714% {
        transform: translateX(-28vw) translateY(-42vh) scale(0.36);
      }
      32.1428571429% {
        transform: translateX(-37vw) translateY(26vh) scale(0.46);
      }
      35.7142857143% {
        transform: translateX(-41vw) translateY(21vh) scale(0.77);
      }
      39.2857142857% {
        transform: translateX(-28vw) translateY(-25vh) scale(0.73);
      }
      42.8571428571% {
        transform: translateX(-8vw) translateY(30vh) scale(0.3);
      }
      46.4285714286% {
        transform: translateX(19vw) translateY(19vh) scale(0.49);
      }
      50% {
        transform: translateX(32vw) translateY(48vh) scale(0.73);
      }
      53.5714285714% {
        transform: translateX(4vw) translateY(-6vh) scale(0.82);
      }
      57.1428571429% {
        transform: translateX(-2vw) translateY(34vh) scale(0.95);
      }
      60.7142857143% {
        transform: translateX(44vw) translateY(15vh) scale(0.66);
      }
      64.2857142857% {
        transform: translateX(17vw) translateY(-7vh) scale(0.3);
      }
      67.8571428571% {
        transform: translateX(-26vw) translateY(10vh) scale(0.77);
      }
      71.4285714286% {
        transform: translateX(15vw) translateY(21vh) scale(0.46);
      }
      75% {
        transform: translateX(-7vw) translateY(47vh) scale(0.52);
      }
      78.5714285714% {
        transform: translateX(-27vw) translateY(-6vh) scale(0.88);
      }
      82.1428571429% {
        transform: translateX(15vw) translateY(7vh) scale(0.45);
      }
      85.7142857143% {
        transform: translateX(-3vw) translateY(-7vh) scale(0.34);
      }
      89.2857142857% {
        transform: translateX(7vw) translateY(9vh) scale(0.81);
      }
      92.8571428571% {
        transform: translateX(-15vw) translateY(2vh) scale(0.62);
      }
      96.4285714286% {
        transform: translateX(-15vw) translateY(-24vh) scale(0.45);
      }
      100% {
        transform: translateX(18vw) translateY(-21vh) scale(0.4);
      }
      }
      .firefly:nth-child(5) {
      animation-name: move5;
      }
      .firefly:nth-child(5)::before {
      animation-duration: 11s;
      }
      .firefly:nth-child(5)::after {
      animation-duration: 11s, 7725ms;
      animation-delay: 0ms, 7306ms;
      }
      
      @keyframes move5 {
      0% {
        transform: translateX(6vw) translateY(-12vh) scale(0.38);
      }
      4.7619047619% {
        transform: translateX(-22vw) translateY(50vh) scale(0.57);
      }
      9.5238095238% {
        transform: translateX(22vw) translateY(-45vh) scale(0.87);
      }
      14.2857142857% {
        transform: translateX(11vw) translateY(-23vh) scale(0.9);
      }
      19.0476190476% {
        transform: translateX(-49vw) translateY(13vh) scale(0.54);
      }
      23.8095238095% {
        transform: translateX(-37vw) translateY(-5vh) scale(0.98);
      }
      28.5714285714% {
        transform: translateX(10vw) translateY(35vh) scale(0.99);
      }
      33.3333333333% {
        transform: translateX(-27vw) translateY(-25vh) scale(0.33);
      }
      38.0952380952% {
        transform: translateX(-1vw) translateY(-21vh) scale(0.73);
      }
      42.8571428571% {
        transform: translateX(47vw) translateY(31vh) scale(0.8);
      }
      47.619047619% {
        transform: translateX(44vw) translateY(-10vh) scale(0.91);
      }
      52.380952381% {
        transform: translateX(-21vw) translateY(-30vh) scale(0.28);
      }
      57.1428571429% {
        transform: translateX(-37vw) translateY(5vh) scale(0.88);
      }
      61.9047619048% {
        transform: translateX(37vw) translateY(1vh) scale(0.92);
      }
      66.6666666667% {
        transform: translateX(37vw) translateY(-46vh) scale(0.57);
      }
      71.4285714286% {
        transform: translateX(32vw) translateY(-37vh) scale(0.44);
      }
      76.1904761905% {
        transform: translateX(24vw) translateY(-12vh) scale(0.28);
      }
      80.9523809524% {
        transform: translateX(-15vw) translateY(-49vh) scale(0.64);
      }
      85.7142857143% {
        transform: translateX(-2vw) translateY(-36vh) scale(0.94);
      }
      90.4761904762% {
        transform: translateX(24vw) translateY(-9vh) scale(0.72);
      }
      95.2380952381% {
        transform: translateX(46vw) translateY(-16vh) scale(0.78);
      }
      100% {
        transform: translateX(-31vw) translateY(-36vh) scale(0.83);
      }
      }
      .firefly:nth-child(6) {
      animation-name: move6;
      }
      .firefly:nth-child(6)::before {
      animation-duration: 9s;
      }
      .firefly:nth-child(6)::after {
      animation-duration: 9s, 10851ms;
      animation-delay: 0ms, 5768ms;
      }
      
      @keyframes move6 {
      0% {
        transform: translateX(50vw) translateY(7vh) scale(0.58);
      }
      3.5714285714% {
        transform: translateX(36vw) translateY(38vh) scale(0.67);
      }
      7.1428571429% {
        transform: translateX(18vw) translateY(-18vh) scale(0.34);
      }
      10.7142857143% {
        transform: translateX(-31vw) translateY(-15vh) scale(0.86);
      }
      14.2857142857% {
        transform: translateX(-16vw) translateY(0vh) scale(0.72);
      }
      17.8571428571% {
        transform: translateX(21vw) translateY(-37vh) scale(0.91);
      }
      21.4285714286% {
        transform: translateX(-2vw) translateY(-43vh) scale(0.81);
      }
      25% {
        transform: translateX(41vw) translateY(-26vh) scale(0.77);
      }
      28.5714285714% {
        transform: translateX(35vw) translateY(-7vh) scale(0.28);
      }
      32.1428571429% {
        transform: translateX(-21vw) translateY(-8vh) scale(0.78);
      }
      35.7142857143% {
        transform: translateX(-10vw) translateY(5vh) scale(0.26);
      }
      39.2857142857% {
        transform: translateX(-18vw) translateY(-40vh) scale(0.78);
      }
      42.8571428571% {
        transform: translateX(28vw) translateY(-43vh) scale(0.79);
      }
      46.4285714286% {
        transform: translateX(47vw) translateY(14vh) scale(0.31);
      }
      50% {
        transform: translateX(38vw) translateY(8vh) scale(0.67);
      }
      53.5714285714% {
        transform: translateX(-34vw) translateY(-29vh) scale(0.6);
      }
      57.1428571429% {
        transform: translateX(20vw) translateY(24vh) scale(0.88);
      }
      60.7142857143% {
        transform: translateX(27vw) translateY(45vh) scale(0.72);
      }
      64.2857142857% {
        transform: translateX(33vw) translateY(-33vh) scale(0.5);
      }
      67.8571428571% {
        transform: translateX(-20vw) translateY(-34vh) scale(0.69);
      }
      71.4285714286% {
        transform: translateX(15vw) translateY(32vh) scale(0.95);
      }
      75% {
        transform: translateX(-1vw) translateY(23vh) scale(0.66);
      }
      78.5714285714% {
        transform: translateX(-41vw) translateY(-27vh) scale(0.69);
      }
      82.1428571429% {
        transform: translateX(-24vw) translateY(-19vh) scale(0.88);
      }
      85.7142857143% {
        transform: translateX(-36vw) translateY(-26vh) scale(0.57);
      }
      89.2857142857% {
        transform: translateX(-31vw) translateY(14vh) scale(0.45);
      }
      92.8571428571% {
        transform: translateX(-12vw) translateY(50vh) scale(0.42);
      }
      96.4285714286% {
        transform: translateX(18vw) translateY(48vh) scale(0.64);
      }
      100% {
        transform: translateX(21vw) translateY(-16vh) scale(0.44);
      }
      }
      .firefly:nth-child(7) {
      animation-name: move7;
      }
      .firefly:nth-child(7)::before {
      animation-duration: 12s;
      }
      .firefly:nth-child(7)::after {
      animation-duration: 12s, 7909ms;
      animation-delay: 0ms, 5393ms;
      }
      
      @keyframes move7 {
      0% {
        transform: translateX(-17vw) translateY(43vh) scale(0.29);
      }
      4.1666666667% {
        transform: translateX(31vw) translateY(-49vh) scale(0.56);
      }
      8.3333333333% {
        transform: translateX(-24vw) translateY(-40vh) scale(0.78);
      }
      12.5% {
        transform: translateX(14vw) translateY(35vh) scale(0.39);
      }
      16.6666666667% {
        transform: translateX(-7vw) translateY(37vh) scale(0.69);
      }
      20.8333333333% {
        transform: translateX(-28vw) translateY(35vh) scale(0.64);
      }
      25% {
        transform: translateX(47vw) translateY(8vh) scale(0.39);
      }
      29.1666666667% {
        transform: translateX(-25vw) translateY(38vh) scale(0.54);
      }
      33.3333333333% {
        transform: translateX(15vw) translateY(50vh) scale(0.5);
      }
      37.5% {
        transform: translateX(29vw) translateY(-24vh) scale(0.46);
      }
      41.6666666667% {
        transform: translateX(-8vw) translateY(46vh) scale(0.96);
      }
      45.8333333333% {
        transform: translateX(11vw) translateY(-37vh) scale(0.53);
      }
      50% {
        transform: translateX(25vw) translateY(-33vh) scale(0.28);
      }
      54.1666666667% {
        transform: translateX(-9vw) translateY(1vh) scale(0.74);
      }
      58.3333333333% {
        transform: translateX(40vw) translateY(23vh) scale(0.55);
      }
      62.5% {
        transform: translateX(23vw) translateY(5vh) scale(0.54);
      }
      66.6666666667% {
        transform: translateX(-37vw) translateY(-34vh) scale(0.56);
      }
      70.8333333333% {
        transform: translateX(13vw) translateY(-3vh) scale(0.9);
      }
      75% {
        transform: translateX(4vw) translateY(15vh) scale(0.45);
      }
      79.1666666667% {
        transform: translateX(-3vw) translateY(38vh) scale(0.71);
      }
      83.3333333333% {
        transform: translateX(47vw) translateY(29vh) scale(0.29);
      }
      87.5% {
        transform: translateX(-4vw) translateY(47vh) scale(0.9);
      }
      91.6666666667% {
        transform: translateX(45vw) translateY(-10vh) scale(0.47);
      }
      95.8333333333% {
        transform: translateX(1vw) translateY(-48vh) scale(0.82);
      }
      100% {
        transform: translateX(25vw) translateY(-1vh) scale(0.38);
      }
      }
      .firefly:nth-child(8) {
      animation-name: move8;
      }
      .firefly:nth-child(8)::before {
      animation-duration: 14s;
      }
      .firefly:nth-child(8)::after {
      animation-duration: 14s, 6403ms;
      animation-delay: 0ms, 3542ms;
      }
      
      @keyframes move8 {
      0% {
        transform: translateX(30vw) translateY(27vh) scale(0.53);
      }
      4.1666666667% {
        transform: translateX(26vw) translateY(35vh) scale(0.32);
      }
      8.3333333333% {
        transform: translateX(26vw) translateY(9vh) scale(0.81);
      }
      12.5% {
        transform: translateX(29vw) translateY(0vh) scale(0.53);
      }
      16.6666666667% {
        transform: translateX(-42vw) translateY(37vh) scale(1);
      }
      20.8333333333% {
        transform: translateX(30vw) translateY(42vh) scale(0.47);
      }
      25% {
        transform: translateX(41vw) translateY(16vh) scale(0.7);
      }
      29.1666666667% {
        transform: translateX(6vw) translateY(22vh) scale(0.99);
      }
      33.3333333333% {
        transform: translateX(39vw) translateY(-43vh) scale(0.29);
      }
      37.5% {
        transform: translateX(38vw) translateY(40vh) scale(0.31);
      }
      41.6666666667% {
        transform: translateX(7vw) translateY(27vh) scale(0.74);
      }
      45.8333333333% {
        transform: translateX(42vw) translateY(2vh) scale(0.58);
      }
      50% {
        transform: translateX(-48vw) translateY(-45vh) scale(0.91);
      }
      54.1666666667% {
        transform: translateX(-24vw) translateY(0vh) scale(0.99);
      }
      58.3333333333% {
        transform: translateX(-31vw) translateY(-20vh) scale(0.56);
      }
      62.5% {
        transform: translateX(39vw) translateY(33vh) scale(0.3);
      }
      66.6666666667% {
        transform: translateX(-16vw) translateY(-40vh) scale(0.57);
      }
      70.8333333333% {
        transform: translateX(9vw) translateY(34vh) scale(0.27);
      }
      75% {
        transform: translateX(22vw) translateY(32vh) scale(0.51);
      }
      79.1666666667% {
        transform: translateX(26vw) translateY(-6vh) scale(0.48);
      }
      83.3333333333% {
        transform: translateX(21vw) translateY(22vh) scale(0.57);
      }
      87.5% {
        transform: translateX(31vw) translateY(-6vh) scale(0.73);
      }
      91.6666666667% {
        transform: translateX(5vw) translateY(11vh) scale(0.89);
      }
      95.8333333333% {
        transform: translateX(-16vw) translateY(-31vh) scale(0.87);
      }
      100% {
        transform: translateX(-17vw) translateY(-39vh) scale(0.97);
      }
      }
      .firefly:nth-child(9) {
      animation-name: move9;
      }
      .firefly:nth-child(9)::before {
      animation-duration: 9s;
      }
      .firefly:nth-child(9)::after {
      animation-duration: 9s, 5797ms;
      animation-delay: 0ms, 2677ms;
      }
      
      @keyframes move9 {
      0% {
        transform: translateX(-33vw) translateY(7vh) scale(0.69);
      }
      4.1666666667% {
        transform: translateX(-12vw) translateY(10vh) scale(0.72);
      }
      8.3333333333% {
        transform: translateX(-48vw) translateY(-4vh) scale(0.27);
      }
      12.5% {
        transform: translateX(49vw) translateY(-41vh) scale(0.4);
      }
      16.6666666667% {
        transform: translateX(30vw) translateY(-41vh) scale(0.79);
      }
      20.8333333333% {
        transform: translateX(11vw) translateY(16vh) scale(0.93);
      }
      25% {
        transform: translateX(18vw) translateY(23vh) scale(0.58);
      }
      29.1666666667% {
        transform: translateX(-25vw) translateY(38vh) scale(0.52);
      }
      33.3333333333% {
        transform: translateX(-15vw) translateY(-45vh) scale(0.61);
      }
      37.5% {
        transform: translateX(30vw) translateY(-19vh) scale(0.44);
      }
      41.6666666667% {
        transform: translateX(13vw) translateY(-25vh) scale(0.84);
      }
      45.8333333333% {
        transform: translateX(-49vw) translateY(44vh) scale(0.81);
      }
      50% {
        transform: translateX(40vw) translateY(-16vh) scale(0.82);
      }
      54.1666666667% {
        transform: translateX(4vw) translateY(21vh) scale(0.48);
      }
      58.3333333333% {
        transform: translateX(-17vw) translateY(-18vh) scale(0.96);
      }
      62.5% {
        transform: translateX(36vw) translateY(17vh) scale(0.42);
      }
      66.6666666667% {
        transform: translateX(14vw) translateY(-24vh) scale(0.69);
      }
      70.8333333333% {
        transform: translateX(6vw) translateY(-43vh) scale(0.51);
      }
      75% {
        transform: translateX(46vw) translateY(25vh) scale(0.53);
      }
      79.1666666667% {
        transform: translateX(-29vw) translateY(-26vh) scale(0.58);
      }
      83.3333333333% {
        transform: translateX(-35vw) translateY(1vh) scale(0.37);
      }
      87.5% {
        transform: translateX(35vw) translateY(-15vh) scale(0.26);
      }
      91.6666666667% {
        transform: translateX(14vw) translateY(49vh) scale(0.89);
      }
      95.8333333333% {
        transform: translateX(41vw) translateY(-6vh) scale(0.73);
      }
      100% {
        transform: translateX(6vw) translateY(-10vh) scale(0.34);
      }
      }
      .firefly:nth-child(10) {
      animation-name: move10;
      }
      .firefly:nth-child(10)::before {
      animation-duration: 12s;
      }
      .firefly:nth-child(10)::after {
      animation-duration: 12s, 10492ms;
      animation-delay: 0ms, 6292ms;
      }
      
      @keyframes move10 {
      0% {
        transform: translateX(-22vw) translateY(2vh) scale(0.54);
      }
      4.347826087% {
        transform: translateX(47vw) translateY(-4vh) scale(0.86);
      }
      8.6956521739% {
        transform: translateX(-24vw) translateY(19vh) scale(0.81);
      }
      13.0434782609% {
        transform: translateX(-28vw) translateY(-23vh) scale(0.92);
      }
      17.3913043478% {
        transform: translateX(-5vw) translateY(25vh) scale(0.78);
      }
      21.7391304348% {
        transform: translateX(2vw) translateY(48vh) scale(0.62);
      }
      26.0869565217% {
        transform: translateX(18vw) translateY(41vh) scale(0.4);
      }
      30.4347826087% {
        transform: translateX(-36vw) translateY(-3vh) scale(0.33);
      }
      34.7826086957% {
        transform: translateX(-33vw) translateY(-34vh) scale(0.75);
      }
      39.1304347826% {
        transform: translateX(16vw) translateY(-28vh) scale(0.68);
      }
      43.4782608696% {
        transform: translateX(-48vw) translateY(41vh) scale(0.39);
      }
      47.8260869565% {
        transform: translateX(-7vw) translateY(32vh) scale(0.89);
      }
      52.1739130435% {
        transform: translateX(-23vw) translateY(36vh) scale(0.8);
      }
      56.5217391304% {
        transform: translateX(-26vw) translateY(-2vh) scale(0.53);
      }
      60.8695652174% {
        transform: translateX(-33vw) translateY(-32vh) scale(0.78);
      }
      65.2173913043% {
        transform: translateX(44vw) translateY(-4vh) scale(0.35);
      }
      69.5652173913% {
        transform: translateX(-36vw) translateY(24vh) scale(0.65);
      }
      73.9130434783% {
        transform: translateX(29vw) translateY(29vh) scale(0.35);
      }
      78.2608695652% {
        transform: translateX(8vw) translateY(-1vh) scale(0.95);
      }
      82.6086956522% {
        transform: translateX(28vw) translateY(1vh) scale(0.28);
      }
      86.9565217391% {
        transform: translateX(-4vw) translateY(-12vh) scale(0.44);
      }
      91.3043478261% {
        transform: translateX(-39vw) translateY(-3vh) scale(0.47);
      }
      95.652173913% {
        transform: translateX(-14vw) translateY(-35vh) scale(0.6);
      }
      100% {
        transform: translateX(13vw) translateY(5vh) scale(0.45);
      }
      }
      .firefly:nth-child(11) {
      animation-name: move11;
      }
      .firefly:nth-child(11)::before {
      animation-duration: 10s;
      }
      .firefly:nth-child(11)::after {
      animation-duration: 10s, 10665ms;
      animation-delay: 0ms, 6707ms;
      }
      
      @keyframes move11 {
      0% {
        transform: translateX(38vw) translateY(47vh) scale(0.88);
      }
      5.2631578947% {
        transform: translateX(-8vw) translateY(-27vh) scale(0.31);
      }
      10.5263157895% {
        transform: translateX(34vw) translateY(0vh) scale(0.72);
      }
      15.7894736842% {
        transform: translateX(42vw) translateY(25vh) scale(0.7);
      }
      21.0526315789% {
        transform: translateX(-48vw) translateY(-43vh) scale(0.81);
      }
      26.3157894737% {
        transform: translateX(-24vw) translateY(28vh) scale(0.75);
      }
      31.5789473684% {
        transform: translateX(21vw) translateY(-9vh) scale(0.5);
      }
      36.8421052632% {
        transform: translateX(17vw) translateY(17vh) scale(0.81);
      }
      42.1052631579% {
        transform: translateX(20vw) translateY(-37vh) scale(0.78);
      }
      47.3684210526% {
        transform: translateX(42vw) translateY(33vh) scale(0.89);
      }
      52.6315789474% {
        transform: translateX(23vw) translateY(-6vh) scale(0.79);
      }
      57.8947368421% {
        transform: translateX(44vw) translateY(-15vh) scale(0.51);
      }
      63.1578947368% {
        transform: translateX(-10vw) translateY(-32vh) scale(0.98);
      }
      68.4210526316% {
        transform: translateX(-26vw) translateY(-3vh) scale(0.5);
      }
      73.6842105263% {
        transform: translateX(25vw) translateY(0vh) scale(0.83);
      }
      78.9473684211% {
        transform: translateX(46vw) translateY(23vh) scale(0.87);
      }
      84.2105263158% {
        transform: translateX(7vw) translateY(-14vh) scale(0.71);
      }
      89.4736842105% {
        transform: translateX(45vw) translateY(-46vh) scale(0.37);
      }
      94.7368421053% {
        transform: translateX(-34vw) translateY(-31vh) scale(0.6);
      }
      100% {
        transform: translateX(32vw) translateY(-29vh) scale(0.68);
      }
      }
      .firefly:nth-child(12) {
      animation-name: move12;
      }
      .firefly:nth-child(12)::before {
      animation-duration: 14s;
      }
      .firefly:nth-child(12)::after {
      animation-duration: 14s, 8505ms;
      animation-delay: 0ms, 8114ms;
      }
      
      @keyframes move12 {
      0% {
        transform: translateX(-18vw) translateY(21vh) scale(0.4);
      }
      4.5454545455% {
        transform: translateX(24vw) translateY(-21vh) scale(0.69);
      }
      9.0909090909% {
        transform: translateX(-5vw) translateY(-6vh) scale(0.85);
      }
      13.6363636364% {
        transform: translateX(-13vw) translateY(-15vh) scale(0.75);
      }
      18.1818181818% {
        transform: translateX(15vw) translateY(37vh) scale(0.96);
      }
      22.7272727273% {
        transform: translateX(-29vw) translateY(44vh) scale(0.37);
      }
      27.2727272727% {
        transform: translateX(43vw) translateY(23vh) scale(0.53);
      }
      31.8181818182% {
        transform: translateX(18vw) translateY(-16vh) scale(0.43);
      }
      36.3636363636% {
        transform: translateX(14vw) translateY(41vh) scale(0.3);
      }
      40.9090909091% {
        transform: translateX(28vw) translateY(-7vh) scale(0.7);
      }
      45.4545454545% {
        transform: translateX(1vw) translateY(1vh) scale(0.69);
      }
      50% {
        transform: translateX(49vw) translateY(-7vh) scale(0.86);
      }
      54.5454545455% {
        transform: translateX(7vw) translateY(18vh) scale(0.73);
      }
      59.0909090909% {
        transform: translateX(-38vw) translateY(-37vh) scale(0.92);
      }
      63.6363636364% {
        transform: translateX(-37vw) translateY(-24vh) scale(0.74);
      }
      68.1818181818% {
        transform: translateX(-12vw) translateY(27vh) scale(0.99);
      }
      72.7272727273% {
        transform: translateX(-17vw) translateY(47vh) scale(0.4);
      }
      77.2727272727% {
        transform: translateX(19vw) translateY(-8vh) scale(0.87);
      }
      81.8181818182% {
        transform: translateX(-8vw) translateY(-6vh) scale(0.34);
      }
      86.3636363636% {
        transform: translateX(-42vw) translateY(27vh) scale(0.49);
      }
      90.9090909091% {
        transform: translateX(8vw) translateY(-19vh) scale(0.86);
      }
      95.4545454545% {
        transform: translateX(-49vw) translateY(-8vh) scale(0.41);
      }
      100% {
        transform: translateX(-19vw) translateY(46vh) scale(0.66);
      }
      }
      .firefly:nth-child(13) {
      animation-name: move13;
      }
      .firefly:nth-child(13)::before {
      animation-duration: 18s;
      }
      .firefly:nth-child(13)::after {
      animation-duration: 18s, 9356ms;
      animation-delay: 0ms, 3219ms;
      }
      
      @keyframes move13 {
      0% {
        transform: translateX(-10vw) translateY(-6vh) scale(0.48);
      }
      4.347826087% {
        transform: translateX(-22vw) translateY(44vh) scale(0.56);
      }
      8.6956521739% {
        transform: translateX(-21vw) translateY(-14vh) scale(0.78);
      }
      13.0434782609% {
        transform: translateX(-8vw) translateY(10vh) scale(0.81);
      }
      17.3913043478% {
        transform: translateX(-40vw) translateY(-40vh) scale(0.66);
      }
      21.7391304348% {
        transform: translateX(-42vw) translateY(0vh) scale(0.53);
      }
      26.0869565217% {
        transform: translateX(46vw) translateY(22vh) scale(0.39);
      }
      30.4347826087% {
        transform: translateX(-47vw) translateY(-35vh) scale(0.94);
      }
      34.7826086957% {
        transform: translateX(-31vw) translateY(44vh) scale(0.95);
      }
      39.1304347826% {
        transform: translateX(-26vw) translateY(19vh) scale(0.78);
      }
      43.4782608696% {
        transform: translateX(-10vw) translateY(32vh) scale(0.9);
      }
      47.8260869565% {
        transform: translateX(-15vw) translateY(-25vh) scale(0.47);
      }
      52.1739130435% {
        transform: translateX(-45vw) translateY(-22vh) scale(0.38);
      }
      56.5217391304% {
        transform: translateX(5vw) translateY(-8vh) scale(0.89);
      }
      60.8695652174% {
        transform: translateX(7vw) translateY(32vh) scale(0.67);
      }
      65.2173913043% {
        transform: translateX(43vw) translateY(-7vh) scale(0.65);
      }
      69.5652173913% {
        transform: translateX(-23vw) translateY(-6vh) scale(0.9);
      }
      73.9130434783% {
        transform: translateX(17vw) translateY(-5vh) scale(0.94);
      }
      78.2608695652% {
        transform: translateX(-24vw) translateY(-41vh) scale(0.88);
      }
      82.6086956522% {
        transform: translateX(-14vw) translateY(-45vh) scale(0.68);
      }
      86.9565217391% {
        transform: translateX(-20vw) translateY(-48vh) scale(0.91);
      }
      91.3043478261% {
        transform: translateX(0vw) translateY(44vh) scale(1);
      }
      95.652173913% {
        transform: translateX(-4vw) translateY(-32vh) scale(0.68);
      }
      100% {
        transform: translateX(6vw) translateY(48vh) scale(0.53);
      }
      }
      .firefly:nth-child(14) {
      animation-name: move14;
      }
      .firefly:nth-child(14)::before {
      animation-duration: 17s;
      }
      .firefly:nth-child(14)::after {
      animation-duration: 17s, 10624ms;
      animation-delay: 0ms, 2528ms;
      }
      
      @keyframes move14 {
      0% {
        transform: translateX(-2vw) translateY(18vh) scale(0.68);
      }
      3.7037037037% {
        transform: translateX(19vw) translateY(16vh) scale(0.95);
      }
      7.4074074074% {
        transform: translateX(-31vw) translateY(-15vh) scale(0.6);
      }
      11.1111111111% {
        transform: translateX(-16vw) translateY(14vh) scale(0.72);
      }
      14.8148148148% {
        transform: translateX(-13vw) translateY(-39vh) scale(0.26);
      }
      18.5185185185% {
        transform: translateX(10vw) translateY(-39vh) scale(0.42);
      }
      22.2222222222% {
        transform: translateX(-35vw) translateY(45vh) scale(0.99);
      }
      25.9259259259% {
        transform: translateX(34vw) translateY(-7vh) scale(0.29);
      }
      29.6296296296% {
        transform: translateX(-17vw) translateY(-22vh) scale(0.6);
      }
      33.3333333333% {
        transform: translateX(13vw) translateY(-36vh) scale(0.44);
      }
      37.037037037% {
        transform: translateX(47vw) translateY(-23vh) scale(0.74);
      }
      40.7407407407% {
        transform: translateX(20vw) translateY(-10vh) scale(0.81);
      }
      44.4444444444% {
        transform: translateX(49vw) translateY(35vh) scale(0.67);
      }
      48.1481481481% {
        transform: translateX(44vw) translateY(-27vh) scale(0.55);
      }
      51.8518518519% {
        transform: translateX(29vw) translateY(-17vh) scale(0.51);
      }
      55.5555555556% {
        transform: translateX(-33vw) translateY(-24vh) scale(0.71);
      }
      59.2592592593% {
        transform: translateX(33vw) translateY(35vh) scale(0.6);
      }
      62.962962963% {
        transform: translateX(3vw) translateY(-22vh) scale(0.8);
      }
      66.6666666667% {
        transform: translateX(-10vw) translateY(-2vh) scale(0.94);
      }
      70.3703703704% {
        transform: translateX(-36vw) translateY(-44vh) scale(0.68);
      }
      74.0740740741% {
        transform: translateX(28vw) translateY(-18vh) scale(0.5);
      }
      77.7777777778% {
        transform: translateX(-12vw) translateY(-3vh) scale(0.88);
      }
      81.4814814815% {
        transform: translateX(-17vw) translateY(-46vh) scale(0.49);
      }
      85.1851851852% {
        transform: translateX(9vw) translateY(-27vh) scale(0.59);
      }
      88.8888888889% {
        transform: translateX(-18vw) translateY(-12vh) scale(0.63);
      }
      92.5925925926% {
        transform: translateX(35vw) translateY(50vh) scale(0.71);
      }
      96.2962962963% {
        transform: translateX(-8vw) translateY(39vh) scale(0.3);
      }
      100% {
        transform: translateX(8vw) translateY(-39vh) scale(0.33);
      }
      }
      .firefly:nth-child(15) {
      animation-name: move15;
      }
      .firefly:nth-child(15)::before {
      animation-duration: 15s;
      }
      .firefly:nth-child(15)::after {
      animation-duration: 15s, 7879ms;
      animation-delay: 0ms, 6996ms;
      }
      
      @keyframes move15 {
      0% {
        transform: translateX(9vw) translateY(-5vh) scale(0.45);
      }
      3.8461538462% {
        transform: translateX(-18vw) translateY(32vh) scale(0.48);
      }
      7.6923076923% {
        transform: translateX(-37vw) translateY(17vh) scale(0.32);
      }
      11.5384615385% {
        transform: translateX(24vw) translateY(-49vh) scale(0.39);
      }
      15.3846153846% {
        transform: translateX(-37vw) translateY(-36vh) scale(0.37);
      }
      19.2307692308% {
        transform: translateX(44vw) translateY(9vh) scale(0.89);
      }
      23.0769230769% {
        transform: translateX(-19vw) translateY(-16vh) scale(0.77);
      }
      26.9230769231% {
        transform: translateX(4vw) translateY(36vh) scale(0.8);
      }
      30.7692307692% {
        transform: translateX(2vw) translateY(11vh) scale(0.95);
      }
      34.6153846154% {
        transform: translateX(-33vw) translateY(16vh) scale(0.71);
      }
      38.4615384615% {
        transform: translateX(-14vw) translateY(-32vh) scale(0.8);
      }
      42.3076923077% {
        transform: translateX(18vw) translateY(-5vh) scale(0.38);
      }
      46.1538461538% {
        transform: translateX(-40vw) translateY(-23vh) scale(0.29);
      }
      50% {
        transform: translateX(-16vw) translateY(-45vh) scale(0.32);
      }
      53.8461538462% {
        transform: translateX(-44vw) translateY(-46vh) scale(0.73);
      }
      57.6923076923% {
        transform: translateX(35vw) translateY(3vh) scale(0.51);
      }
      61.5384615385% {
        transform: translateX(10vw) translateY(-5vh) scale(0.85);
      }
      65.3846153846% {
        transform: translateX(44vw) translateY(14vh) scale(0.53);
      }
      69.2307692308% {
        transform: translateX(27vw) translateY(12vh) scale(0.85);
      }
      73.0769230769% {
        transform: translateX(-26vw) translateY(-12vh) scale(0.42);
      }
      76.9230769231% {
        transform: translateX(-15vw) translateY(-4vh) scale(0.79);
      }
      80.7692307692% {
        transform: translateX(1vw) translateY(-11vh) scale(0.71);
      }
      84.6153846154% {
        transform: translateX(3vw) translateY(-1vh) scale(0.79);
      }
      88.4615384615% {
        transform: translateX(-4vw) translateY(-24vh) scale(1);
      }
      92.3076923077% {
        transform: translateX(-47vw) translateY(15vh) scale(0.48);
      }
      96.1538461538% {
        transform: translateX(-1vw) translateY(-20vh) scale(0.65);
      }
      100% {
        transform: translateX(24vw) translateY(-22vh) scale(0.38);
      }
      }
      
      @keyframes flash {
      5%, 30%, 100% {
        opacity: 0;
        box-shadow: 0 0 0vw 0vw wheat;
      }
      5% {
        opacity: 1;
        box-shadow: 0 0 2vw 0.4vw wheat;
      }
      }
      
      
      @keyframes drift {
      5%, 30%, 100% {
          opacity: 0;
          box-shadow: 0 0 0vw 0vw wheat;
        }
        5% {
          opacity: 1;
          box-shadow: 0 0 2vw 0.4vw wheat;
        }
      }

      @media only screen and (max-width: 1400px   ) {

  
       
 .header{
  position:absolute;
  z-index: 2;
}
 .red{
   height: 100vh;
   width: 50%;
 }

 .white{
   height: 100vh;
   width: 50%;
 }
        .special{
          height: 650px;
          width: 50%;
        }
        .fruit{
          height: 650px;
          width: 50%;
        }
        .but2{
          width: 250px;
          height: 100px;
        
        }
        .but3{
          width: 250px;
          height: 100px;
        
        }
        .but4{
          width: 250px;
          height: 100px;
        
        }
        .but5{
          width: 250px;
          height: 100px;
        
        }
        .rtex{
          font-size: 50px;
        }
        .wtex{
          font-size: 50px;
        }
        .stex{
          font-size: 50px;
        }.ftex{
          font-size: 50px;
        }
        p{
          font-size: 25px;
        }
     
     
        .but1 {
          height: 40px;
          width: 150px;}
      
      .a1{ font-size:10px;
          
  
      }
     
     
      }