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

body{
    background-image: url(Background\ 1.JPG);
    background-size: 100%;
    
    
    
    background-position:35% 120%;
    
    
    
}


.BookMain{
   position: absolute;
   top: 520px;
   left: 850px;
   height: 100px;
   width: 200px;
   border-radius: 50px;
   border-width: 5px;
   border-style: solid;
   font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
   font-size: 45px;
   border-color: gray;
   


  }
.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: 20px;
    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: 20px;
    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);

}


.BridgeLakeText{
  position: absolute;
  z-index: 1;
  top: -5px;
  color: #6b9071;
  left: 120px;
  font-size: 19px;
  
}




.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: 20px;
    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: 20px;
    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;
    
    
 }

 .WelcomeText{

  color: white; position: absolute; z-index: 1; font-size: 47px;left: 720px; top: 150px;
 }

 .ToTheText{
  color: white;
  position: absolute;
  z-index: 1;
  font-size:30px;
  left: 850px;
  top: 270px;
  font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
 }


 .LakeText{

  color: white;
  position: absolute;
  z-index: 1;
  font-size: 47px;
  left: 820px;
  top: 320px;
 }






 @media screen and (max-width: 500px) {
  .NavBox{
    width: 490px;
    position: absolute;
    
  }
  body{
   background-size: 270%;
   background-position: 50% 96%;
   background-
   
 
  }
 

  .NavBox Img{
    height: 50px;
    top: 90px;
    box-shadow: none;
  }
  .NavBox h1{
    visibility: collapse;
  }
  .HomeButton{
    left: 70px;
    top: 15px;
    font-size: 20px;
    width: 70px;
    height: 50;
    text-align: center;
    font-size: 15px;
    line-height: 50px;
    z-index: 2;
  }
  .FishingButton{
    left: 230px;
    top: 15px;
    width: 70px;
    height: 50;
    text-align: center;
    font-size: 15px;
    line-height: 50px;
    z-index: 2;
  }
  .BookButton{
    left: 150px;
    top: 15px;
    width: 70px;
    height: 50;
    text-align: center;
    font-size: 15px;
    line-height: 50px;
    z-index: 2;
  }
  .AboutButton{
    left: 310px;
    top: 15px;
    width: 70px;
    height: 50;
    text-align: center;
    line-height: 50px;
    font-size: 15px;
    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: 120px;
    top: 450px;
    width: 140px;
    height: 80px;
    text-align: center;
    line-height: 50px;
    z-index: 2;
    font-size: 30px;
 

  }


   
  
  


}