a.article {
    text-decoration: none;
    color: black;
}

article {
    display: grid;
    grid-template-columns: 15em auto 20em;
    grid-template-rows: 1em 1em auto 1em;

    grid-template-areas:
        "image-key . ."
            "image title title"
            "image body body"
            "image . info";
}

article > span:first-child {
    grid-area: image-key;
    margin: 0;
}

article figure {
    grid-area: image;
}

article figure img {
    max-height: 10em;
    max-width: 10em;
    min-height: 10em;
    min-width: 10em;
}

.article-title {
    font-size: 20px;
    grid-area: title;
}

.article-body {
    font-size: 20px;
    grid-area: body;
}

.article-info {
    grid-area: info;
}

div.pagination {
    margin-top: 50px;
    width: auto;
    height: 3em;
    text-align: center;
}

div.pagination a {
    color: black;
    text-decoration: none;
}