html{
    background-color:#F2EFE4;
  justify-content: center;
  margin-bottom:100px;
  
  }
  .menu{
    display:flex;
    justify-content:right;
    margin-top:40px;
    margin-right:60px;
    gap:30px;
  
  }
  
  .contact{
    text-decoration:underline;
    text-underline-offset:6px;
     border:0px; 
    font-size:20px;
    background-color:#F2EFE4;
    font-family:helvetica neue;
    font-weight:300;
    cursor:pointer;
  } 
  .about{ border:0px; 
    font-size:20px;
    background-color:#F2EFE4;
    font-family:helvetica neue;
    font-weight:300;
    cursor:pointer;}
  .featured{
     border:0px; 
    font-size:20px;
    background-color:#F2EFE4;
    font-family:helvetica neue;
    font-weight:300;
    cursor:pointer;
  }
  .featured:hover{
      opacity:.8;
    color:#F2EFE4;
    background-color:#2a4180;
  }
  .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;
     opacity:1;
     margin:10px 10px 20px 10px;
   
     
   }
   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: "parry-grotesque", sans-serif;
    font-weight: 700;
    font-style: italic;
     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:100px;
    margin-top:90px;
     padding:0px;
   }
   
   
   
   .gallery1{
     display:flex;
     gap:70px;
     justify-content:center;
     margin-top:130px;
   }
  mark{
    background-color:#EBE1C3;
    padding:6px 6px 6px 6px;
    color:#2a4180;
   
  }
  
  
  .boximg{
    background-image:url("https://d2w9rnfcy7mm78.cloudfront.net/38151953/original_b430b877f42baf3c07d46279bb00f1ed.jpg?1752681540?bc=0");
    height:400px;
      width:450px;
    background-size:cover;
    background-position:center;
  }
  .boxtext{
    background-color:#EBE1C3;
    height:290px;
      width:700px;
    padding:60px 50px 50px 60px;
  }
  span{
    font-size:37px;
     font-family: "parry-grotesque", sans-serif;
    font-weight: 700;
    font-style: italic;
    color:#212121;
    text-align:center;
       width:600px;
       margin:0 auto;
   
  }
  p{
    
   font-family: "halyard-display", sans-serif;
    font-weight:400;
     font-style: normal;
    font-size:19px;
  margin:0 auto;
    width:600px;
       color:#212121;
    text-align:left;
  }
  .contactbuttons{
    display:flex;
    gap:50px;
    width:600px;
    justify-content:center;
    margin-top:10px;
  }
 
  .buttonig, .buttone{
  padding:7px 9px 7px 7px;
    font-weight:400;
    border-radius:8px;
    border:0px;
    background-color:#F2EFE4;
    color:#212121;
    font-size:17.5px;
    font-family: "halyard-display", sans-serif;
    font-weight:400;
     font-style: normal;
    letter-spacing:.3px;
    cursor:pointer;
  }
  .buttonig:hover, .buttone:hover{
    background-color:#324e9c;
    color:#F2EFE4;
    opacity:.8;
    font-size:19px;
 
  }