.category-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    z-index: 1;
    width: 100%;
    max-width: 80em;
}

.category {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2em;
}

.category-content {
    margin: 2em 0;
    text-align: center;
}

.category-buttons {
    display: flex;
    gap: 1em;
}

.category-about {
    border-top-left-radius: 1em;
    background-color: var(--green);
}

.category-about .button:hover {
    color: var(--green);
}

.category-blog {
    border-top-right-radius: 1em;
    background-color: var(--yellow);
}

.category-blog .button:hover {
    color: var(--yellow);
}

.category-work {
    background-color: var(--orange);
}

.category-work .button:hover {
    color: var(--orange);
}

.category-birthday {
    background-color: var(--blue);
}

.category-birthday .button:hover {
    color: var(--blue);
}

.category-gift {
    border-bottom-left-radius: 1em;
    background-color: var(--pink);
}

.category-gift .button:hover {
    color: var(--pink);
}

.category-contact {
    border-bottom-right-radius: 1em;
    background-color: var(--green)
}

.category-contact .button:hover {
    color: var(--green);
}

@media screen and (max-width: 750px) {
    .category-grid {
        grid-template-columns: 1fr;
        gap: 2em;
    }

    .category {
        border-radius: 1em;
    }
}