*   {
    margin:0;
    padding:0;
    box-sizing: border-box;
    }
      
    .cont{
      width:100%;
      position: relative;
      z-index: 4;
      background-color:rgb(35, 18, 23);
      z-index: 1;
      overflow: hidden;
    }

    .div1 {
      width:100%;
      height:100vh;
      position: relative;
      background-image: url(mount.jpg);
      background-size: cover;
      z-index: -1;
      animation: weiss 19s infinite;
      }

      .div2 {
      width:100%;
      height:100vh;
      position: absolute;
      top:-10px;
      background-color:transparent;
      z-index: 6;
      }
           
      .title{
      width: 600px;
      height: 150px;
      margin: 100px auto;
      }

      .txt{ 
      color: white;
      font-size: 40px;
      font-family:Arial, Helvetica, sans-serif;
      text-align: center;
      }
            
      .underline{
      margin:10px auto;
      width:200px;
      height:3px;
      background-color: white;
      }

      .form_4{
      width: 800px;
      height: 180px;
      /* outline:1px solid; */
      margin:-80px auto;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      }

      .form{
      width: 180px;
      height: 180px;
      /* outline:1px solid; */
      border-radius: 50%;
      background-image: url(mt-everest.webp);
      background-size: cover;
      background-position: -35px 0px;
      background-repeat: no-repeat;
      animation:form 0.5s linear;
      }

      .form_p{
      width: 180px;
      height: 80px;
      color: rgb(233, 229, 235);
      font-size: 20px;
      font-family:Arial, Helvetica, sans-serif;
      text-align: center;
      padding-top: 15px;
      animation:form_p 2.5s linear;
      }

      .form:nth-child(2){
      background-image: url(coast.png);
      }

      .form:nth-child(3){
      background-image: url(valley.jpg);
      background-position: 0px;      
     }

      .form:nth-child(4){
      background-image: url(glacial.jpg);
      background-position: 2px 0px;
      }

      .div3 {
      width:110%;
      height:2300px;
      position: absolute;
      top:-310px;
      left:0px;
      z-index: 4;
      background-image: url(ncap.jpg);
      background-size: cover;
      animation: pirs linear 6s;
      transform:rotateX(30deg); 
      z-index: -1;
      background-position: -100px -400px;
      }

      .div6 {
      width:100%;
      height:1600px;
      top:-5px;
      position: absolute;
      background-color:transparent;
      z-index: 11;
      }

      .div5 {
      width:50%;
      height:800px;
      position: absolute;
      left:80px;
      z-index: 4;
      background-color:red;
      transform:rotateX(40deg); 
      z-index: 1;
      overflow: hidden;
      }
      .div4{
      width:300px;
      height:300px;
      border-radius: 50%;
      position: absolute;
      background-image:  url(sand.png), url(sbeach.gif);
      background-size: cover;
      background-repeat: no-repeat;
      background-position: -100px 0px, 0px 0px;
      top:920px;
      left:300px;
      z-index: 5;
      animation:palm linear 2s;
      transform:scale(1.1); 
      }

      .div24{
      width:300px;
      height:300px;
      border-radius: 50%;
      position: absolute;
      background-image: url(cloud1.png), url(sky.jpg);
      background-size: cover;
      background-position: -105px 90px, -4px 2px;
      top:200px;
      left:1300px;
      z-index: 5;
      animation:palm linear 2s;
      transform:scale(1.1);
      }
      .cont_1{
        width: 100%;
        height: 85vh;
        background-size: cover;
        display: flex;
        justify-content: space-between;
      }

      

      .title_r{
      width: 400px;
      height: 150px;
      /* outline:1px solid red; */
      position:absolute;
      top:90px;
      left:1250px;
      font-size: 35px;
      color:rgb(65, 61, 61);
      font-family: Arial, Helvetica, sans-serif;
      text-align: center;
      z-index: 8;
      }
 
      .up{
        position:absolute;
        top:1490px;
        left:1250px;
        font-size: 35px;
        color:rgb(65, 61, 61);
  
      }
      .title_l{
        width: 400px;
        height: 150px;
        /* outline:1px solid red; */
        position:absolute;
        top:800px;
        left:250px;
        font-size: 35px;
        color:#fff;
        font-family: Arial, Helvetica, sans-serif;
        text-align: center;
        z-index: 8;
        }
        .upp{
          top:2200px;
          left:250px;
   
        }
      .text_r{
      width: 550px;
      height: 220px;
      /* outline:1px solid red; */
      position:absolute;
      top:500px;
      left:1175px;
      font-size: 18px;
      color:rgb(27, 24, 24);
      line-height:25px;
      font-family: Arial, Helvetica, sans-serif;
      text-align: justify;
      z-index: 8;
      animation: desc linear 2s;
      transform:scale(1.3); 
      }
      .down{
      top:1940px;
      left:1175px;  
      }

      .text_l{
        width: 550px;
        height: 220px;
        /* outline:1px solid red; */
        position:absolute;
        top:1240px;
        left:175px;
        font-size: 18px;
        color:#fff;
        line-height:25px;
        font-family: Arial, Helvetica, sans-serif;
        text-align: justify;
        z-index: 8;
        animation: desc linear 2s;
        transform:scale(1.3); 
        }

        .ddown{
          top:2620px;
          left:175px;
  
        }


      .sp1{
      font-size: 30px;
      color:rgb(81, 5, 5);
      }

     .g{
      margin:10px auto;
      width:200px;
      height:4px;
      background-color:rgb(65, 61, 61);
      }
  
      .wh{
        background-color:#fff;
        }
  
      #mt{
      width:310px;
      height:250px;
      position:absolute;
      border-radius: 50%;
      top:15px;
      left:-5px;
      /* outline:1px solid; */
      z-index: 3;
      animation:mount linear 3s;
      transform:scaleY(1.3); 
      }

      #pm{
      width: 250px;
      height: 260px;
      position:absolute;
      top:0px;
      left:-20px;
      z-index: 3;
      animation:palm linear 3s;
      transform:scale(1.1); 
      }

      #light{
      width: 150px;
      height: 170px;
      position:absolute;
      top:150px;
      left:760px;
      z-index: 3;
      }
   
      .div14{
      width:120px;
      height:160px;
      position:absolute;
      top:980px;
      left:1520px;
      z-index: 6;
      background-image: url(lhouse1.gif);
      background-size: cover;
      }

      .div44{
      width:100%;
      height:1200px;
      position: absolute;
      background-image: url(cave2.png);
      background-size: cover;
      top:500px;
      left:368px;
      z-index: 4;
      background-color: transparent;
      animation:form_p 6s;
      transform: scale(0.5);
      }

      .sea{
      width:55%;
      height:600px;
      position: absolute;
      background-image: url(sbeach.gif);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: 100px 0px;
      top:800px;
      left:745px;
      z-index: 2;
      }

      .balloon{
      width:200px;
      height:150px;
      z-index: 10;
      position: absolute;
      top:80px;
      animation: kite linear 15s infinite;
      /* animation-delay: 1s; */
      }

      .m{
      width:120px;
      height:150px;
      background-image: url(balloon3.png);
      background-size: cover;
      animation: kite linear 18s infinite;
      /* animation-delay: 6s; */
      left: 440px;
      }
      
      .l{
      width:180px;
      height:180px;
      background-image: url(balloon2.png);
      background-size: cover;
      margin-left: 150px;
      animation: kite linear 12s infinite;
      }

      .n{
      width:160px;
      height:180px;
      background-image: url(baloon1.png);
      background-size: cover;
      margin-left: 760px;
      z-index: 10;
      animation: kite linear 18s infinite;
      /* animation-delay: 5s; */
      }

      .p{
      width:80px;
      height:90px;
      background-image: url(balloon3.png);
      background-size: cover;
      animation: flight linear 19s infinite;
      /* animation-delay: 6s; */
      left: 90px;
      top:500px;
      }

      .small{
      width:50px;
      height:50px;
      left:800px;
      top:750px;
      background-image: url(balloon3.png);
      background-size: cover;
      animation: flight linear 19s infinite;
      /* animation-delay: 5s; */
      }
      .s{
      background-image: url(balloon2.png);
      background-size: cover;
      left:300px;
      animation: flight linear 22s infinite;
      /* animation-delay: 4s; */
      }

      .y{
      width:50px;
      height:60px;
      left:380px;
      top:550px;
      background-image: url(baloon1.png);
      background-size: cover;
      animation: flight linear 19s infinite;
      /* animation-delay: 6s; */
      }

      .z{
      width:50px;
      height:70px;
      background-image: url(balloon5.png);
      background-size: cover;
      left:590px;
      animation: flight linear 20s infinite;
      z-index: 4;
      /* animation-delay: 2s; */
      }
      .x{
      background-image: url(balloon2.png);
      background-size: cover;
      top:800px;
      left:660px;
      animation: flight linear 20s infinite;
      /* animation-delay: 5s; */
      }

      .smaller{
      width:20px;
      height:25px;
      left:800px;
      top:450px;
      background-image: url(balloon3.png);
      background-size: cover;
      animation: fly linear 25s infinite;
      /* animation-delay: 5s; */
      }

      .a{
      left:690px;
      background-image: url(baloon1.png);
      background-size: cover;
      animation: fly linear 28s infinite;
      /* animation-delay: 5s; */
      }

      .b{
      left:1400px;
      background-image: url(balloon5.png);
      background-size: cover;
      left: 100px;
      top: 600px;
      animation: fly linear 26s infinite;
      /* animation-delay: 5s; */
      }

      .land{
      width: 100%;
      height: 400vh;
      background-image: linear-gradient(180deg, #feb4b4, rgb(89, 75, 105));
      background-size: cover;
      position:relative;
      }

      .div45 {
      width:50%;
      height:800px;
      position: absolute;
      top:1400px;
      left:100px;
      z-index: 4;
      background-color:rgba(255, 0, 0, 0.19);
      background-size: cover;
      transform:rotateX(40deg); 
      z-index: 1;
      background-position: -200px;
      overflow: hidden;
      }

      .meghri{
      width:100%;
      height:1200px;
      top:-200px;
      position: absolute;
      background-image: url(val4.jpg);
      background-position: -435px -25px;
      background-size: cover;
      animation: valley linear 4s;
      /* transform:rotateX(30deg);  */
      z-index: 3;
      }

      .trees{
      width: 100%;
      height: 550px;
      background-image: url(aut2.png);
      background-repeat: repeat-x;
      /* background-size: cover; */
      position: absolute;
      top:550px;
      left: 0px;
      z-index: 4;
      animation:yel linear 4s;
      }

      .trees1{
      width: 100%;
      height: 800px;
      background-image: url(aut44.png);
      background-size: cover;
      position: absolute;
      top:350px;
      left: -350px;
      z-index: 7;
      animation: yel1 linear 4.5s;
      }   

      .div46{
      width:300px;
      height:300px;
      border-radius: 50%;
      position: absolute;
      background-image: url(meghri.jpg);
      background-size: cover;
      /* background-position: -105px 90px, -4px 2px; */
      top:1600px;
      left:1300px;
      z-index: 5;
      animation:palm linear 2s;
      transform:scale(1.1);
      }

      #pmg{
      width: 200px;
      height: 200px;
      position:absolute;
      top:90px;
      left:135px;
      z-index: 3;
      animation:palm linear 3s;
      /* transform: rotateZ(-30deg); */
      transform:scale(1.1);  
      }

      .glacial{
      width:50%;
      height:600px;
      position: absolute;
      top:2200px;
      left:850px;
      background-color:rgba(255, 0, 0, 0.047);
      z-index: 3;
      overflow: hidden;
      }
  
      .glacier{
      width:1400px;
      height:600px;
      left:-100px;
      position: absolute;
      background-image: url(glacier1.jpg);
      background-size: cover;
      background-position:-200px;
      background-repeat: repeat;
      animation: glass linear 10s;
      z-index: 2;
      }
      .paraplane{
      width: 150px;
      height: 150px;
      background-image: url(paraplane.webp);
      background-size: cover;
      z-index: 3;
      position: absolute;
      top:200px;
      left:1000px;
      animation:plane linear 20s;
      }

      .kanoe{
      width: 80px;
      height: 80px;
      background-image: url(kanoe.png);
      background-size: cover;
      position: absolute;
      top:530px;
      left:-100px;
      z-index: 3;
      animation: kanoe linear 30s;
      transform: rotateZ(30deg);
      }

      .div47{
      width:300px;
      height:300px;
      border-radius: 50%;
      position: absolute;
      background-image: url(swiss2.jpg);
      background-size: cover;
      background-position: -30px -5px;
      top:2300px;
      left:300px;
      z-index: 5;
      animation:palm linear 1.5s;
      transform:scale(1.1);
      }

      .rope{
      width: 200px;
      height: 200px;
      background-image: url(rope.png);
      background-size: cover;
      animation: rope linear 1.6s;
      /* animation-delay: 2s; */
      position: absolute;
      top:2340px; 
      left:230px;
      z-index: 5;
      }   
        
      .parallax{
      width: 100%;
      height: 150vh;
      position: relative;
      top:-350px;
      background-color: rgba(137, 190, 244, 0.83);
      overflow: hidden;
      }
      
      .mountblue{
      width: 1000%;
      height: 600px;
      background-image:url("wgmount.png");
      /* background-size: cover; */
      background-repeat: repeat-x;
      animation: berg 80s  infinite linear;
      position: absolute;
      top:300px;
      }
        
      .sierra_l{
      width: 1200%;
      height:250px;
      background-image:url("mount2.png");
      background-repeat: repeat-x;
      animation: berg 80s  infinite linear;
      position: absolute;
      top:320px;
      left:-1200px;
      z-index: 1;
      }
        
      .sierra_r{
      width: 1240%;
      height: 190px;
      background-image:url("mount22.png");
      background-repeat: repeat-x;
      animation: berg 65s  infinite linear;
      position: absolute;
      top:375px;
      left:-800px;
      z-index: 1;

      }
        
      .cloud{
      width: 1000%;
      height: 800px;
      background-image:url("cloud 1.png");
      position: absolute;
      top:-200px;      
      background-repeat: repeat-x;
      animation: 80s cloud infinite linear;
      }
        
     .riviera{
      width: 1000%;
      height: 700px;
      background-image: url("light\ sea.png");
      position: absolute;
      top:360px;      
      background-repeat: repeat-x;
      animation: 80s riv infinite linear;
      z-index: 2;

      }
        
      .ship{
      width: 205px;
      height: 95px;
      background-image: url(ship.png);
      background-size: cover;
      position:absolute;
      top:510px;
      animation: 40s ship infinite linear;
      z-index: 4;

      }
  
      .shipp{
      width: 140px;
      height: 120px;
      background-image: url(ship1.png);
      background-size: cover;
      position:absolute;
      top:500px;
      animation: 100s shipp infinite linear;
      z-index: 4;

      }
  
  
      .arbre1{
      width: 1000%;
      height: 520px;
      background-image:url('tree222.png'); 
      position: absolute;
      top:500px;      
      background-repeat: repeat-x;
      animation: 120s tree1 infinite linear;
      z-index: 4;
      }

      .arbre2{
      width: 1000%;
      height: 400px;
      background-image: url('tree1.png');
      position: absolute;
      top:680px;      
      background-repeat: repeat-x;
      animation: 60s tree1 infinite linear;
      z-index: 5;
      }

      .ground{
        width: 2000%;
        height: 740px;
        background-image: url('ground.png');
        background-repeat: repeat-x;
        position: absolute;
        top:900px; 
        z-index: 5;
        animation: 30s tree1 infinite linear;
  
      }
           

      .article{
        width: 30%;
        height: 740px;
        margin:20px 650px;
        position: absolute;
        top:1100px; 
        z-index: 5;
       
  
      }
    
      .root1{
        font-size: 50px;
        text-align: center;
        font-family:'Times New Roman', Times, serif;
        color:rgb(218, 214, 214);
        font-style: italic;
      }

      .root2{
        font-size: 30px;
        text-align: center;
        font-family:'Times New Roman', Times, serif;
        color:rgb(218, 214, 214);
        font-style: italic;
        padding-top:50px;

      }


      i{
        font-size: 30px;
        color: white;
        padding-top: 30px;
        padding-left: 120px;
        z-index: 20;
        float:left;

        }
    
      
  


           @keyframes weiss {
            to   {
              transform: scale(1.0)
            }
            50%  {
              transform: scale(1.5)
            }
            100%  {
              transform: scale(1.0)
            }
            }  

            @keyframes desc {
              0%   {
                transform: scale(1.0)
              }
              100%  {
                transform: scale(1.)
              }
             
              }  
  
            @keyframes palm {
            0% {transform: scale(0.9);
            }
            100% {transform: scale(1.1);
            }
            }


            @keyframes mount {
            0% {transform: scaleY(1.1);
            }
            100% {transform: scaleY(1.3);
            }
            }


            @keyframes pirs{ 
            0% {transform: rotateX(0deg);
            }
            100% {transform: rotateX(30deg);
            }
            }
  
            @keyframes valley{ 
            0% {transform: rotateX(30deg);
            }
            100% {transform: rotateX(0deg);
            }
            }
  

            @keyframes yel{ 
            from{    
            top:650px;              
            }
            to{    
            top:550px;
            }
            }     
  
            @keyframes yel1{ 
            from{    
            top:650px;              
            }
            to{    
            top:350px;
            }
            }     
  
            @keyframes glass{ 
            from{    
            left:-250px;              
            }
            to{    
            left:-100px;
            }
            }     

            @keyframes kanoe{ 
            from{  
            top: 530px;
            left:500px;              
            }
            
            to{  
            top:530px; 
            left:-150px;
            }
            }

            @keyframes rope{ 
            from{  
            top:2305px;
            left:350px;
            }
            to{  
              top:2340px; 
              left:230px;
            }
            }

            @keyframes kite{ 
            from{    
            top:650px;              
            }
            to{    
            top:-100px;
            }
            }     
          
            @keyframes flight{ 
            from{    
            top:350px;              
            }
            to{    
            top:100px;
            }
            }          

            @keyframes fly{ 
            from{    
            top:250px;              
            }
            to{    
            top:100px;
            }
            }  
          
            @keyframes plane{ 
              from{    
              top:-10px;  
              left:200px;
            
              }
              to{    
                top:200px;
                left:1000px;
                        }
              }  
  

           @keyframes form{ 

           0% {transform: rotateY(180deg);
           }
           100% {transform: rotateY (0deg);
           }
           }


           @keyframes form_p{
          0% {
          opacity: 0;
          }
                
          100% {
          opacity: 1;
          }
          }
     

          @keyframes berg{ 
          from{    
          left:-5000px;              
          }
          to{    
          left:-3800px;
          }
          }     
        
          @keyframes cloud{ 
          from{    
          left:-5000px;              
          }
          to{    
          left:-3200px;
          }
          }     
      
      
          @keyframes riv{    
          from{    
          left:-5000px;              
          }
          to{    
          left:-2800px;
          }
          }  
          
          
          @keyframes ship{
          from{    
          left:0px;    
          }
          to{    
          left:2000px;
          }
          }     
      
          
          @keyframes shipp{     
          from{    
          left:0px;              
          }
          to{    
          left:2000px;
          }
          }     
      
      
          @keyframes tree1{     
          from{    
          left:0px;              
          }
          to{    
          left:-2000px;
          }
          }