
html{
    background-color:#F2EFE4;
  justify-content: center;
   
  }
  .menu{
    display:flex;
    justify-content:right;
    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;
  }
  .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;
  }
  .header{
    text-align:center;
    justify-content:center;
  margin-bottom:30px;
    margin-top:120px;
   
  }
  h1{
    text-align:center;
    font-family: "parry-grotesque", sans-serif;
    font-weight: 700;
    font-style: italic;
   font-size:54px;
   color:#212121;
    margin-bottom:60px;
  }
  hr{
    width:100px;
    height:px;
    
  }
  p{
    width:580px;
  margin:0 auto;
    font-size:18px;
    font-family: "halyard-display-light", sans-serif;
  font-weight: 200;
  font-style: normal;
    color:#212121;
    opacity:.6;
    text-align:center;
    margin-top:30px;
    text-indent:0px;
    
  }
  
  .row1{
    display:flex;
   gap:50px;
    justify-content:center;
    margin-top:100px;
  }
  
  .box-1img{
    height:400px;
    width:400px;
    background-image: url("https://d2w9rnfcy7mm78.cloudfront.net/38062634/original_b9f13f39870aa4d58e61006a529e98b3.jpg?1752346214?bc=0");
    background-size:cover;
  margin-top:40px;
  }
   .box-2img{
    height:350px;
    width:450px;
    background-image: url("https://d2w9rnfcy7mm78.cloudfront.net/38062844/original_756dbead7ee3f3f340d6e84a2e3d7dc8.png?1752347402?bc=0");
    background-size:cover;
  margin-top:40px;
  }
  .box-3img{
     height:400px;
      width:430px;
   
    background-image: url("https://d2w9rnfcy7mm78.cloudfront.net/38062630/original_94386ed519e24c9a98b0ec0950a50f16.jpg?1752346204?bc=0");
    background-size:cover; 
    margin-top:40px;
  }
  .row2{
    display:flex;
    gap:50px;
    justify-content:center;
  }
  
  
  .box-4img{
    height:400px;
    width:400px;
    background-image: url("https://d2w9rnfcy7mm78.cloudfront.net/38062631/original_dbbfd0693fc7021d97b011b5aeebda8f.jpg?1752346207?bc=0");
    background-size:cover; 
    margin-top:60px;
  }
  .box-5img{
      width:420px;
    height:420px;
    background-image: url("https://d2w9rnfcy7mm78.cloudfront.net/38062632/original_596a32ad9e6ab1e727fca67297973be2.jpg?1752346210?bc=0");
    background-size:cover; 
    margin-top:10px;
  }
  .box-6img{
      width:400px;
    height:530px;
    background-image: url("https://d2w9rnfcy7mm78.cloudfront.net/38063014/original_23e47427edece8634c18f79bdf365fe4.jpg?1752347999?bc=0");
    background-size:cover; 
    margin-top:60px;
  }
  .row3{
    display:flex;
    gap:50px;
    justify-content:center;
  }
  
  .box-7img{
      width:450px;
    height:400px;
    background-image: url("https://d2w9rnfcy7mm78.cloudfront.net/38062645/original_9d91847ed0b448cbad13c17f4854698a.jpg?1752346342?bc=0");
    background-size:cover; 
    margin-top:-60px;
  }
  .box-8img{
      width:310px;
    height:490px;
    background-image: url("https://d2w9rnfcy7mm78.cloudfront.net/38062640/original_a4337cdd2c4f53b3cf3f3c9d0ac54120.jpg?1752346230?bc=0");
    background-size:cover; 
    margin-top:-90px;
  }
  .box-9img{
      width:400px;
    height:400px;
    background-image: url("https://d2w9rnfcy7mm78.cloudfront.net/38062636/original_4a51f17e373445ea9fcbedd25361a5ca.jpg?1752346224?bc=0");
    background-size:cover; 
    margin-top:70px;
  }
  
  .row4{
    display:flex;
    gap:130px;
    justify-content:center;
    margin-bottom:80px;
  }
  .box-10img{
      width:350px;
    height:520px;
    background-image: url("https://d2w9rnfcy7mm78.cloudfront.net/38062646/original_a675b4a7e9ac7b913500459845339d0b.jpg?1752346350?bc=0");
    background-size:cover; 
    margin-top:0px;
  }
  
  .box-11img{
      width:450px;
    height:450px;
    background-image: url("https://d2w9rnfcy7mm78.cloudfront.net/38062847/original_d17bf08a379e108910da3f8ad0bafee8.png?1752347427?bc=0");
    background-size:cover; 
    margin-top:60px;
  }
 .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;
}