html{
    background-color:#F2EFE4;
  justify-content: center;
  
  }
  body{
    max-width:100%;
    min-width:50%;}
  .menu{
    display:flex;
    justify-content:flex-end;
    margin-top:40px;
    margin-right:60px;
    gap:30px;
  
  }
  button{
    border:0px; 
    font-size:20px;
    background-color:#F2EFE4;
    font-family:helvetica neue;
    font-weight:300;
    cursor:pointer;
   color: #212121;
  }
  .featured{
    text-decoration:underline;
    text-underline-offset:6px;
  } 
  .featured:hover{
    color:#F2EFE4;
    background-color:#2a4180;
      opacity:.8;
  }
  .about:hover{
  color:#F2EFE4;
    background-color:#2a4180;
      opacity:.8;
  }
  .contact:hover{
     color:#F2EFE4;
    background-color:#2a4180;
      opacity:.8;
  }
  hr{
    width:100px;
  
  }
  h1{
   text-align:center;
   font-family:Slackside one;
   font-size:91px;
   letter-spacing:2px;
   line-height:90px;
   color: #212121;
    margin-top:10px;
    margin-bottom:10px;
    opacity:1;
  
    
  }
  h2{
    text-align:center;
    font-size: 30px;
    font-family:helvetica neue;
    font-weight:300;
    color:#212121;
    
    opacity:.7;
  }
  
  
  p{
    text-align:center;
    opacity:.4;
    font-family: young serif;
    padding:10px;
   font-size:13px;
    
    color:#212121;
  }
  
  .box1{
    background-color:#F2EFE4;
     border:3px solid #e3d8b6;
    color:#170a07;
    width:700px;
    margin:0 auto;
    justify-content:center;
    margin-bottom:130px;
   margin-top:130px;
  }
  
  
  
  .gallery1{
    display:flex;
    gap:70px;
    justify-content:center;
    margin-top:100px;
  }
  mark{
    background-color:#EBE1C3;
    padding:6px 6px 6px 6px;
    color:#2a4180;
   
  }
  
  
  .button1{
     background-image:url("https://d2w9rnfcy7mm78.cloudfront.net/38051328/original_428cae74fab26a5b516eb2116d1c151a.jpg?17522754031?bc=0");
    height:400px;
    width:400px;
    background-size:cover; 
   
  }
  
  
  .button2{
     background-image:url("https://d2w9rnfcy7mm78.cloudfront.net/38109439/original_49a9b6bd22960727b0257ffc8703379f.jpg?1752533846?bc=0");
    height:400px;
    width:400px;
    background-size:cover;
  }
  
  .button3{
     background-image:url("https://d2w9rnfcy7mm78.cloudfront.net/38062634/original_b9f13f39870aa4d58e61006a529e98b3.jpg?1752346214?bc=0");
    height:400px;
    width:400px;
    background-size:cover;
  }
  
  .gallery2{
    display:flex;
    gap:70px;
    justify-content:center;
    margin-top:60px;
    margin-bottom:100px;
  }
  
  .button4{
     background-image:url("https://d2w9rnfcy7mm78.cloudfront.net/38064095/original_41020e11120c8a6be46205eec3b9d68b.jpg?1752350850?bc=0");
    height:400px;
    width:400px;
    background-size:cover;
    background-position:center;
  }
  
  .button5{
     background-image:url("https://d2w9rnfcy7mm78.cloudfront.net/38108927/original_d1a31638c41feaf12c890b1f0ff7094b.jpg?1752531062?bc=0");
    height:400px;
    width:400px;
    background-size:cover;
    background-position:bottom;
  }
  .button1{ 
    border:0px;
    font-size:0px;
   font-family: "parry-grotesque", sans-serif;
    font-weight: 700;
    font-style: italic;
    
  }
  .button1:hover{
    background-image:none;
    background-color:#EBE1C3;
     font-size:22px;
    
   
  }
  .button2{ 
    border:0px;
    font-size:0px;
  font-family: "parry-grotesque", sans-serif;
    font-weight: 700;
    font-style: italic;
    
  }
  .button2:hover{
    background-image:none;
    background-color:#EBE1C3;
     font-size:22px;
   
  }
  .button3{ 
    border:0px;
    font-size:0px;
   font-family: "parry-grotesque", sans-serif;
    font-weight: 700;
    font-style: italic;
    
  }
  .button3:hover{
    background-image:none;
    background-color:#EBE1C3;
     font-size:22px;
   
  }
  .button4{ 
    border:0px;
    font-size:0px;
    font-family: "parry-grotesque", sans-serif;
    font-weight: 700;
    font-style: italic;
    
  }
  .button4:hover{
    background-image:none;
    background-color:#EBE1C3;
     font-size:22px;
   
  }
  .button5{ 
    border:0px;
    font-size:0px;
  font-family: "parry-grotesque", sans-serif;
    font-weight: 700;
    font-style: italic;
    
  }
  .button5:hover{
    background-image:none;
    background-color:#EBE1C3;
     font-size:22px;
   
  }
   .contactbuttons{
    display:flex;
    gap:40px;
    width:600px;
    justify-content:center;
    margin-top:30px;
    margin:0 auto;
  }
 
  
  
  
  .buttone{
  background-color:#F2EFE4;
 border:0px #F2EFE4;
  border-radius:10px;
    height:50px;
  width:50px;
  
}
.buttonig{
  background-color:#F2EFE4;
 border:0px #F2EFE4;
  border-radius:10px;
    height:50px;
  width:50px;
  
}

img{
 
  height:40px;
  width:auto;
  margin:0 auto;
 padding:3px 0px 0px 0px;
  opacity: .5;
}
img:hover{
  opacity:1;
}