.index-article {
    margin-top: 2em;
}

.index-article-title {
    font-size: 1.5em;
    border: 1px solid black;
    border-radius: 5px;
    padding: .25em;
    font-family: gotham-medium, sans-serif;
}

.index-article-body {
    font-family: chevin-light, sans-serif;
    transition: height 1s ease-in-out;
}
.index-article-body.hide {
    z-index: -1;
}
.index-article-body.show {
    z-index: 0;
}

.index-article-title.theme-light {
    background-color: white;
    color: var(--dark-blue);
}

.index-article-published-at {
    text-align: right;
    font-size: .75em;
}

.index-article.theme-light .index-article-body {
    background-color: white;
}

.index-article.theme-dark,
.index-article.theme-dark .index-article-body {
    background-color: #dddddd;
}

.index-article-title.theme-dark {
    color: var(--light-blue);
    background-color: var(--dark-blue);
}

@media( width < 1100px){
    .index-article.card-form-card {
        max-width: 100%;

    }
}