@charset "UTF-8";
#main_content{
    margin: 100px auto;
    width: 60%;
}
.post-page{
    width: 60%;
    margin: 10% auto;
}
.thumbnail-size{
    width: 100%;
    img{
        width: 100%;
    object-fit: cover;
    }
}
.link{
    h3{
        text-align: center;
        font-size: 2rem;
    }
}
.permalink{
    display: flex;
    flex-wrap: wrap;
    width: 80%;
    margin: 50px auto;
    gap: 5%;
    a{
        width: 30%;
    }
}
.related-post-thumbnail{
    img{
        width: 100%;
        aspect-ratio: 4 / 3;
        object-fit: cover;
    }
}
.next-post{
    display: flex;
    justify-content: space-around;
    width: 60%;
    align-items: center;
}
.post-thum{
    margin: 0 auto;
    text-align: center;
    img{
        width: 50%;
        aspect-ratio: 4 / 3;
        object-fit: cover;
    }
}
.post-title{
    text-align: center;
}
@media screen and (max-width: 480px) {
    #main_content {
        margin: 100px auto;
        width: 100%;
    }
    .post-page {
        width: 100%;
        margin: 10% auto;
    }
    .next-post {
        width: 90%;
    }
    .permalink {
        width: 95%;
        a {
            width: 47%;
        }
    }
}