h1 {
    text-align: center;
    font-weight: bold;
}

.paragraph img {
    border-radius: 70px 20px 70px 20px;
    max-height: 400px;
    box-shadow: 2px 3px 10px;

    width: 100%;
    object-fit: cover;
}

.paragraph.primary img {
    box-shadow: 1px 0 9px var(--interactive-dark);
}

.paragraph.primary {
    background: var(--background-dark);
    color: white;
}

.paragraph.primary,
.paragraph.primary h2,
.paragraph.primary * {
    color: white;
}

.paragraph.primary h2 {
    color: white;
}

.paragraph.secondary {
    background: var(--gray-warm-10);
    color: black;
}

.paragraph.tertiary {
    background: var(--background-alternative);
    color: black;
}

.paragraph {
    padding: 70px 20px;
    font-size: large;
    font-weight: 400;
}

.content {
    margin: auto;
    max-width: 1140px;
    justify-content: center;
}

h2 {
    font-size: 40px;
}

.subdiv {
    display: grid;
    place-items: center;
}

.article-div {
    cursor: pointer;
}

.article-div:hover,
.article-div:hover p,
.article-div:hover h1,
.article-div:hover h2,
.article-div:hover h3,
.article-div:hover h4,
.article-div:hover h5,
.article-div:hover h6 {
    background: var(--background-dark);
    color: white;
}