body
{
    /* background-color:rgb(227, 227, 227); */

}
.header
{   padding:1em;
    display:flex;
    justify-content: space-between;
    align-items:center;
    position:fixed;
    background:black;
    width:100%;
    max-width:100%;
}
.header__title
{
    font-size:2rem;
    color:white;
    display:flex;
    
}
.header__actions
{
    display:flex;
   color:whitesmoke;
   padding-right:1em;
   
}
.header__actions > i
{
    padding:.3em;
}

.heroimg__box
{
    max-width:100%;
    display:block;
    justify-content:center;
    align-items:center;
    object-fit: fill;

}
.heroimg
{
    max-width:100%;
    height: auto;
}
.mainblog__box
{
    
    margin: 1rem 4rem 1rem 4rem;

}
.mainblog__box h2
{
    font-size:1.5em;
    font-weight:600;
    font-style:bold;
    padding:.5em;

}
.mainblog__fpostbox
{
    background-color:white;
    font-family:Arial, Helvetica, sans-serif;
    /* border: 2px solid red; */
    border-radius:1%;
    box-shadow: 0px 0px 10px lightgrey;
}
.mainblog__imgbox
{
    padding:.5em;
    max-width:100%;

}
  .mainblog__imgbox img
  {
    width:100%;
  }  
.fpost__textbox
{
    padding-left:1em;

}
.mainblog__fpostdate 
{
    font-size:10px;
}
.mainblog__fpostbox h3 
{
    font-style:bold;
    font-weight:700;

}
.mainblog__fpostdate > i
{
    padding:.5rem 1rem .5rem 1rem;
}
.mainblog__fpostbox p
{
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size:1em;
    padding:.8em;
}
.fpost__profile
{
    display:flex;
    padding:.5em;
    font-style:italic;
    font-weight:450;
}
.fpost__profile img
{
    border: .5px solid grey;
    height:25px;
    width:25px;
    border-radius:50%;
    object-fit:contain;
}



.miniblog__cardsbox
{   
    display:flex;
    justify-content: space-between;
    margin:1em 0 1em 0;
    
}
.miniblog__card
{
    border-radius:2%;
    width:100%;
    margin:1em;
    box-shadow: 0px 0px 13px lightgrey;




}
.miniblog__imgbox
{
   
    max-width:100%;
    margin: 1em;
    height:250px;
    overflow:hidden;
    vertical-align: top;
    border-radius: 2%;
    
}
.miniblog__imgbox img
{
    width:100%;
    height:100%;
    object-fit:cover;
    padding:none;
    margin:none;
}
.miniblog__contentbox
{
    padding:1em;
    
}
.miniblog__contentbox h3
{
    font-size:1rem;
    font-weight:600;
    padding: .5em 0 .5em 0;
}
.miniblog__date
{
    font-size:.6rem;
    padding:.5em;
}
.miniblog__date i
{
    padding: .5em 1em .5em .5em;
}
.miniblog__textbox
{
    font-size:.8em;
    font-weight:500;
    font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    padding:.5rem;
}
.miniblog__profile
{
    display:flex;
    align-items:center;
    
}
.miniblog__profile h3,img
{
    padding:.5rem;
}