* {
        box-sizing: border-box;
      }
      

body {
    background-color: rgb(248, 204, 113);
    /* background-color: rgb(201, 192, 172); */
    background-color: rgb(56, 81, 121);
    font-size: 23px;
    font-family: "Inter", sans-serif;
    color:rgb(201, 192, 172) ;
            display: block;
        margin-left: auto;
        margin-right: auto;


}
h1
{font-size: 30px;
font-style: italic;
color:rgb(251, 221, 115);
padding-bottom: -20px;
}

h2
{font-size: 26px;
color:rgb(201, 192, 172);
padding-top: -20px;
}

.columnDetail {
    float: left;
    margin: 20px;
  }
  
  .imageDetail {
     display: block;
     width: 500px;
     height: auto;
  }
  
  .textDetail {
     text-align: left;
     display: block;
     width: 500px;
     height: auto;
  }

  .fa {
  font-size: 1em;
  color: rgb(201, 192, 172);
  }
 
      .column {
        float: left;
        width: 25%;
        position: relative;
        border: 10px solid  rgb(56, 81, 121); 
      }
      
      .column img {
        height: 100%;
        width: 100%;
        background-color: aliceblue;
        backface-visibility:10% ;
      }

      .page {
        margin: 100px;
      }
      .image {
        display: block;
        width: 100%;
        height: auto;
      }
      
      .overlay {
        position: absolute;
        bottom: 0;

        background: rgba(56, 81, 121,.5); 
        width: 100%;
        transition: .5s ease;
        opacity:0;
        font-size: 15px;
        text-align: center;
        font-family: "Inter", sans-serif;
        color:rgb(201, 192, 172) ;
        padding-bottom: 15px ;
        padding-top:10px ;

      }
      
      .column:hover .overlay {
        opacity: 1;
      }
      
      .letter {
        display:flex;
        justify-content:center;
        align-items:center;
      }
      
 

     .close {padding-bottom: 50px; width: 100%; text-align: right;}

    .title {
        width: 70vw;
        height: auto;
        display: block;
        margin-left: auto;
        margin-right: auto;
        padding-top:-50 ;
        padding-bottom: 70px;
    
    }