/* Title */
#title {
    margin-top: 10vh;
    width: 100%;
    padding: 5vh 5vw 5vh 5vw;
}


/* Main Body */
#main_body {
    width: 100%;
    padding: 0 5vw 5vh 5vw;

    display: flex;
    flex-wrap: wrap;
}


/* Blog Post V2*/
.blog_post_v2
{
    width: max(20vw, 200px);
    height: 15vh;
    margin: 5px;
    transition: all 0.25s ease-out;
}
.blog_post_v2:hover 
{
    transform: translateY(-8px);
    transition: all 0.25s ease-out;
}



/* Mobile Compatibility */
@media only screen and (max-width: 900px) {
    .blog_post_v2 {
        width: 90vw;
         height: 20vh;
    }
}