body {
    margin: 0;
    padding: 0;
}

h1, h2 {
    text-align: center;
}

#gridContainer {
    display: grid;
    width: 50%;
    margin: auto;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    grid-template-rows: auto auto auto auto auto 294px;
}

.article {
    border: 1px solid black;
    text-align: center;
    transition: 0.1s ease-in-out;
}

.article > p {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.article:hover {
    scale: 102.5%;
    cursor: pointer;
}

#article-last {
    grid-column: 1 / 3;
}

#title-in-grid {
    grid-column: 1 / 3;
    grid-row: 5 / 6;
    text-align: center;
}

#animal-article {
    grid-column: 1 / 3;
    grid-row: 6 / 7;
    display: flex;
    justify-content: center;
    align-items: center;
}

#div {
    margin-top: 10px;
    text-align: center;
}

a {
    text-decoration: none;
}