.NavBox{
    width: 2000px;
    height: 100px;
    left: -10px;
    background-color: #0f2a1d;
    position: relative;
    top: -40px;
    
    
}
.NavBox h1{
         color: #6b9071;
        position: relative;
        right: -100px;
        top: 35px;
        
}   
.NavBox img{
    top: 100px;
    height: 75px;
    z-index: 0;
    margin-top: -35px;
   
}

body{
    background-image: url(Background\ 1.JPG);#
    
    background-repeat: no-repeat;
    background-size: 110%;
    background-position:35% 120%;
    
    width: 1px;
    height: 1px;
    width: 1px;
    
}

.ButtonHome h1{
    position: relative;
    margin-top: 100px;
    color: #6b9071;
    font-size: large;
    



}
.HomeButton{
    position: absolute;  
    border: none;
     height: 50px;
     width: 80px;
    font-size: 19px;   
    left: 1100px;
    top: 15px;
    color: #6b9071;
    background: linear-gradient(90deg, #0f2a1d, #375534);
    border: none;
    border-radius: 50px;
    cursor: pointer;
    box-shadow: 0 10px 20px rgba(107, 144, 113, 0.5);
    transition: box-shadow 0.3s ease, transform 0.3s ease;
  
}


.HomeButton:hover {
 
  box-shadow: 0 10px 20px rgba(255, 0, 102, 0.5s);
  transform: translateY(-3px);

}
 .BookButton-container {
    display: flex;
    justify-content: center;
    align-items: center;
 


}

.BookButton{
    position: absolute;  
    border: none;
     height: 50px;
     width: 80px;
    font-size: 19px;   
    left: 1200px;
    top: 15px;
    color: #6b9071;
    background: linear-gradient(90deg, #0f2a1d, #375534);
    border: none;
    border-radius: 50px;
    cursor: pointer;
    box-shadow: 0 10px 20px rgba(107, 144, 113, 0.5);
    transition: box-shadow 0.3s ease, transform 0.3s ease;
  
}


.BookButton:hover {
 
  box-shadow: 0 10px 20px rgba(255, 0, 102, 0.5s);
  transform: translateY(-3px);

}







.FishingButton-container {
    display: flex;
    justify-content: center;
    align-items: center;
 


}

.FishingButton{
    position: absolute;  
    border: none;
     height: 50px;
     width: 80px;
    font-size: 19px;   
    left: 1300px;
    top: 15px;
    color: #6b9071;
    background: linear-gradient(90deg, #0f2a1d, #375534);
    border: none;
    border-radius: 50px;
    cursor: pointer;
    box-shadow: 0 10px 20px rgba(107, 144, 113, 0.5);
    transition: box-shadow 0.3s ease, transform 0.3s ease;
  
}


.FishingButton:hover {
 
  box-shadow: 0 10px 20px rgba(255, 0, 102, 0.5s);
  transform: translateY(-3px);

}




.AboutButton-container {
    display: flex;
    justify-content: center;
    align-items: center;
 


}

.AboutButton{
    position: absolute;  
    border: none;
     height: 50px;
     width: 80px;
    font-size: 19px;   
    left: 1400px;
    top: 15px;
    color: #6b9071;
    background: linear-gradient(90deg, #0f2a1d, #375534);
    border: none;
    border-radius: 50px;
    cursor: pointer;
    box-shadow: 0 10px 20px rgba(107, 144, 113, 0.5);
    transition: box-shadow 0.3s ease, transform 0.3s ease;
  
}


.AboutButton:hover {
 
  box-shadow: 0 10px 20px rgba(255, 0, 102, 0.5s);
  transform: translateY(-3px);

}

   
    
 
 .FishingText{

    z-index: 1;
    position: absolute;
    width: 1200px;
    height: 200px;
    right: 300px;
    top: 200px;
    
    
 }

 .Title{
position: absolute;
right: 1230px;
font-size: 28px;
top: 170px;

 }
 .Title2{
    position: absolute;
    right: 1196px;
    font-size: 28px;
    top: 600px;
    z-index: 1;
    
 }

.InfoBox{
    height: 980px; width: 1400px; right: 150px; top: 200px; background-color: rgb(174, 195, 176, 0.65); position: absolute;


}


 @media screen and (max-width: 500px) {
    .NavBox{
      width: 490px;
      position: absolute;
      height: 125px;
      
    }
    body{
    
     background-size: 270%;
     background-position: 50% 96%;
     
     
     
   
    }
  
   
  
    .NavBox Img{
      position: absolute;
      height: 50px;
      top: 90px;
      box-shadow: none;
      left: 5px;
      top: 90px;
    }
    .NavBox h1{
      visibility: collapse;
    }
    .HomeButton{
      position: absolute;
      left: 70px;
      top: px;
      font-size: 20px;
      width: 70px;
      height: 50;
      text-align: center;
      visibility: visible;
      font-size: 15px;
      line-height: 50px;
      z-index: 2;
      
    }
    .FishingButton{
      left: 230px;
      top: 15px;
      width: 70px;
      height: 50;
      text-align: center;
      visibility: visible;
      font-size: 15px;
      line-height: 50px;
      z-index: 2;
    }
    .BookButton{
      left: 150px;
      top: 15px;
      width: 70px;
      height: 50;
      text-align: center;
      visibility: visible;
      font-size: 15px;
      line-height: 50px;
      z-index: 2;
    }
    .AboutButton{
      left: 310px;
      top: 15px;
      width: 70px;
      height: 50;
      text-align: center;
      visibility: visible;
      font-size: 15px;
      line-height: 50px;
      z-index: 2;
    }
  
    .WelcomeText{
     left: 30px;
     font-size: 30px;
     top: 180px;
  
    }
    .ToTheText{
      left: 130px;
      font-size: 20px;
    }
    .LakeText{
      left: 110px;
      font-size:30px;
    }
    .BookButtonM{
      right: 10px;
    }
  
    .BridgeLakeText{
      visibility: collapse;
    }
  
    .BookMain{
      left: 130px;
      top: 470px;
      width: 140px;
      height: 80px;
   
  
    }

    .BoxAco{
      width: 400px;
      height: 3000PX;
    }


    .acotext{
     visibility: collapse;

    }

    .container{
      visibility: collapse;
    }

    .Dbuttons{
      visibility: collapse;


    }

    .MAcoText{
      visibility: visible;
      position: absolute;
      top: 100px;
      left: 25%;
    }


    .MAcoacornimg{
      visibility: visible;
      position: absolute;
      
      z-index: 1;
      height: 200px;
      border-width: 200px;
      border-color: black;
      border: black;
      border-style: solid;
      top: 200px;
      left: 15%;
      border-radius: 20px;


    }


    .AcornButton{
      visibility: visible;
      top: 450px;
      left: 120px;
      




    }


    .AcornButtonAC{
      height: 1000px;


    }





    .MWillowText{
      visibility: visible;
      position: absolute;
      top: 600px;
      left: 25%;
    }


    .WillowIMG{
      visibility: visible;
      position: absolute;
      
      z-index: 1;
      height: 200px;
      border-width: 200px;
      border-color: black;
      border: black;
      border-style: solid;
      top: 700px;
      left: 15%;
      border-radius: 20px;


    }


    .WillowButton{
      visibility: visible;
      position: absolute;
      top: 950px;
      left: 120px;
      z-index: 1;
      




    }





    .MOakText{
      visibility: visible;
      position: absolute;
      top: 1100px;
      left: 30%;
    }


    .OakIMG{
      visibility: visible;
      position: absolute;
      
      z-index: 1;
      height: 200px;
      border-width: 200px;
      border-color: black;
      border: black;
      border-style: solid;
      top: 1200px;
      left: 15%;
      border-radius: 20px;


    }


    .OakButton{
      visibility: visible;
      position: absolute;
      top: 1450px;
      left: 120px;
      z-index: 2;
      




    }



    .MMapleText{
      visibility: visible;
      position: absolute;
      top: 1600px;
      left: 30%;
    }


    .MapleIMG{
      visibility: visible;
      position: absolute;
      
      z-index: 1;
      height: 200px;
      border-width: 200px;
      border-color: black;
      border: black;
      border-style: solid;
      top: 1700px;
      left: 15%;
      border-radius: 20px;


    }


    .MapleButton{
      visibility: visible;
      position: absolute;
      top: 1950px;
      left: 120px;
      z-index: 2;
      
    }



    .MSheperdText{
      visibility: visible;
      position: absolute;
      top: 2100px;
      left: 15%;
    }



    


    .ShepherdIMG{
      visibility: visible;
      position: absolute;
      
      z-index: 1;
      height: 200px;
      border-width: 200px;
      border-color: black;
      border: black;
      border-style: solid;
      top: 2200px;
      left: 15%;
      border-radius: 20px;


    }


    .ShepherdButton{
      visibility: visible;
      position: absolute;
      top: 2450px;
      left: 120px;
      z-index: 2;
      
    }
    




    .MTunnelText{
      visibility: visible;
      position: absolute;
      top: 2600px;
      left: 30%;
    }



    


    .TunnelIMG{
      visibility: visible;
      position: absolute;
      
      z-index: 1;
      height: 200px;
      border-width: 200px;
      border-color: black;
      border: black;
      border-style: solid;
      top: 2700px;
      left: 15%;
      border-radius: 20px;


    }


    .TunnelButton{
      visibility: visible;
      position: absolute;
      top: 2950px;
      left: 120px;
      z-index: 2;
      
    }


    .InfoBox{
        background-color: rgb(174, 195, 176, 0.85);
        left: 0px;
        width: 410px;
        height: 1600px;


    }

    .FishingText{

        left: 50px;
        width: 350px;
    }

    .Title{
left: 40px;
width: 1000px;

    }



    .Title2{
        left: 40px;
        width: 1000px;
        top: 1000px;
        
    }