.container_blog{
    margin: 150px 50px;
    color: white;
}
.blog_first_content{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
}
.blog_first_content .pres_blog{
    border: #543F2D 1px solid;
    border-radius: 5px;
    width: 70%;
    background: #2b2b2b;
}
.blog_first_content .pres_blog .bg_pres_header{
    width: 100%;
    height: 200px;
    background-image: url("/image/vs.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 5px;
}
.blog_first_content .pres_blog .content_pres{
    padding: 15px;
}
.blog_first_content .pres_blog .content_pres h1{
    color: #e67e22;
}
.blog_first_content .epingle_post{
    display: flex;
    flex-direction: column;
    width: 25%;
    background-color: rgb(43, 43, 43, 100%);
    border-radius: 5px;
    padding: 15px;
    border: #543F2D 1px solid;
}
.post{
    cursor: pointer;
}
.blog_first_content .epingle_post .post_epingle{
    padding: 15px;
}
.blog_first_content .epingle_post .post_epingle:not(:last-child){
    border-bottom: 1px solid white;
}
.footer_post{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    color: #e67e22;
    justify-content: flex-end;
    font-size: 13px;
}
.content_all_post{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
}
.content_all_post .all_post{
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: rgb(43, 43, 43, 100%);
    border-radius: 5px;
    padding: 15px;
}
.content_all_post .all_post .post{
    margin: 5px;
    padding: 15px;
    border: #543F2D 1px solid;
    border-radius: 5px;
}
/* .content_all_post .all_post .post:not(:last-child){
    border-bottom: 1px solid white;
} */

.align_button_trie_blog{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}
.align_button_trie_blog .search{
    width: 300px;
}

.content_all_post .pagination-display{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    flex-wrap: wrap;
}
.content_all_post .pagination-container{
    margin: 10px;
}
.content_all_post .pagination-container button{
    width: 40px;
    height: 40px;
    border: 1px #535353 solid;
    border-radius: 5px;
    cursor: pointer;
    background: #202425;
    color: #e67e22;
    font-weight: 800;
}
.content_all_post .pagination-container button.active{
    background-color: #e67e22;
    color: white;
}
.content_all_post #search_empty{
    text-align: center;
    color: white;
}