article {
    max-width: 900px;
    margin-top: 50px;
    line-height: normal;
    font-size: var(--fs-regular);
    font-family: "Fraunces", "Tiro Bangla", serif;
    text-align: justify;
    color: var(--text);
    transition:
        color var(--transition-time) ease,
        opacity var(--transition-time) ease,
        transform var(--transition-time) ease,
        border-color var(--transition-time) ease,
        background-color var(--transition-time) ease;
}

article h2 {
    font-size: var(--fs-article-heading);
    font-family: "Fraunces", "Tiro Bangla", serif;
    font-weight: 900;
    font-style: italic;
    color: var(--text);
    text-align: left;
    font-family: "Fraunces", "Tiro Bangla", serif;
    margin-block: -1px 17px;
}

article .date {
    overflow-wrap: break-word;
    margin-block: -13px 25px;
    color: var(--muted);
    font-size: var(--fs-article-date);
    font-family: "Fraunces", "Tiro Bangla", serif;
    font-weight: 700;
    font-style: italic;
    text-align: left;
}

article h3 {
    font-size: var(--fs-article-h3);
    font-family: "Fraunces", "Tiro Bangla", serif;
    font-weight: 900;
    font-style: italic;
    margin-bottom: 0;
    font-family: "Fraunces";
    color: var(--text);
}

article a {
    color: var(--accent);
    font-style: italic;
    text-decoration: underline dotted;
}


.content img:not(.profile-image) {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 1.5em auto;
    border-radius: 10px;
}