.article {
    width: 50%;
    margin-inline: auto;
}
.article-title {
    text-align: center;
    margin: 2rem 0;
}
.article-date {
    display:inline-block;
    width: 100%;
    text-align: right;
}
.article-body {
    margin-top: 1rem;
    text-align: justify;
}
.article-author {
    margin-top: 1rem;
    text-align: right;
}
@media screen and (max-width: 992px) {
    .article {
        width: 70%;
    }
}
@media screen and (max-width: 576px) {
    .article {
        width: 80%;
    }
}