.site-main-blog{
    width:100%;
    padding:5rem 3rem 2rem 3rem;
    display:flex;
    justify-content:center;    
}
.site-main-blog .blog-page-left{
    flex:70%;
    max-width:calc(70% - 50px);
}
.site-main-blog .blog-right-bar{
    flex:30%;
    max-width:calc(30% - 50px);
}
.blog-page-left{
    padding: 20px 30px 0 0;
}
.blog-page-left .post-box{
    border:1px solid #e22b2b;
    margin-bottom:30px;
    padding:20px;
    border-radius: 20px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}

.blog-right-bar{
    padding:30px;
}
.recent-post-title{
    position:relative;
}
.recent-post-title:after{
    content:'';
    position:absolute;
    width:100%;
    height:3px;
    background:#e22b2b;
}