/* .something is for class */

html {
    font-family: sans-serif;
    
    background-color: #272624;
    /* border: 0.05em solid black; */
    display: flex;
    justify-content: center;
    color: #444444;
}
.boxpost {
    background-color: #e9e9e9;
    width: 1100px;
    height:fit-content;
    padding: 20px;
    margin: 10px;
    
    border-radius: 30px;
    /* border : 5px solid rgb(105, 38, 11); */
    /* display: grid; */
    
    display:grid;

}
.content {
/* border: 7px solid #eeff44 ; */
width:fit-content;
height:fit-content;
justify-self: center;
}

.date_header {
    font-size:1.3em;
    padding-top: 10px;
    padding-bottom: 10px;
}

.title {
    font-size:2.5em;
    padding-top: 10px;
    padding-bottom: 10px;
    font-variant-caps: petite-caps;
}

.image_box{
    width: fit-content;
    height: 100%; 
    border-radius:22px;
    overflow: hidden; 
    /* border: 1px solid black; */
  
} 

img {
    margin: 0px;
    padding: 0px;
    display: block;
}


hr {
    border: 0;
    height: 10px;
    /* background: #333; */
    background-image: linear-gradient(to right, #272624, #eee, #272624);
}

.button
{
   /* border: 2px solid #333; */
   /* background-color: #eee; */
   /* padding-top: 7px; */
   margin: 7px;
   font-size: 2em;
   font-style: bold;
   color: #eee
}