.blog-main-wrapper {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    align-items: center;
    box-sizing: border-box;
    overflow-x: auto;
}

.blog-main-wrapper::-webkit-scrollbar {
    display: none;
}

.main-title_blog {
    width: 100px;
    box-sizing: border-box;
    /*border: red 1px solid;*/
    position: absolute;
    top: 50px;
    left: 20px;
}

@media (max-width: 800px) {
    .main-title_blog {
        /*display: none;*/
        position: relative;
        top: unset;
        left: unset;
    }
}

.blog-content-wrapper{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    height: 100%;
    width: 100%;
    max-width: 800px;
    box-sizing: border-box;
    /*overflow-y: scroll;*/
}

.blog-post-wrapper {
    width: 100%;
    box-sizing: border-box;
    border-top: 1px #fff solid;
    padding: 10px 15px 30px 15px;
}

.blog-post-header-element{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.blog-post-content-element{
    width: 100%;
}

.blog-post_title {
    /*text-decoration: none;*/
}

.blog-header-author-wrapper{
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    gap: 5px;
    flex-wrap: wrap;
        /*border: 1px solid red;*/

}

.blog-action-wrapper{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 30px 0 0 0;
}

.blog-post-link-button{
    background-color: #111;
    border: 2px solid #666;
    border-radius: 4px;
    color: white;
    padding: 5px 10px;
    box-sizing: border-box;
    width: 80px;
    height: 40px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}

.blog-post-link-button:hover {
    border: 1px solid #fff;
    color: #fff;
}

.blog-footer-wrapper {
    padding: 15px 0 0 0;
}

.blog-footer-tag-wrapper{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: baseline;
    width: 100%;
}

.blog-footer-tag-title{
    flex-grow: 1;
    white-space: nowrap;
}

.blog-footer-tag-content {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    flex-grow: 100;
}

.blog-footer-tag{
    margin: 0 2px;
    padding: 5px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    color: #AAA;
}

.blog-footer-tag:hover{
    color: #fff;
}

.paginator {
    width: 100%;
}