.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: 500px;
    height: 75px;
    z-index: 0;
    margin-top: -35px;

   
}


body{
    background-image:url(Background\ 2.JPG);#
    background-repeat: no-repeat;
   
    background-size: 100%;
    background-position:50% 100%;
    back
    width: -100px;
    height: 1px;
    width: 1px;
    
    
}

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



}







 .BoxAco{
    
    width: 1900px;
    height: 1000px;
    left: 0px;
    background-color: rgb(107, 144, 113, 0.8);
    
    position: absolute;
    top: 100px;
    
}

.container {
    right: 0px;
    top: 200px;
    position: absolute;
    margin: 100px 0 0 200px;
    width: 100%;
    height: 450px;
    display: flex;
    justify-content: center;
    gap: 70px;
}
.container img{
    width: 10%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
    border: 2px solid rgb(255, 255, 255);
    transition: all ease-in-out 0.5s;
}
.container img:hover {
    width: 25%;
    
}


.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);

}

.MAcoText{
visibility: collapse;
}


.MAcoacornimg{
  visibility: collapse;


}


.AcornButton{
  visibility: collapse;
  position: absolute;
  top: 100px;
}




.MWillowText{
  visibility: collapse;
  }

.MOakText{
  visibility: collapse;
   }


.MMapleText{
  visibility: collapse;
   }


.MTunnelText{
  visibility: collapse;
    }


.MShepherdsText{
      visibility: collapse;
      }


@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;
      
    }




    

   


     


   


  
  
  
     
    
    
  
  
  }