.menu{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    /* justify-self: center; */
    /* grid-column: 1 / -1; */
    justify-items: center;
}
.menu-item{
    grid-column: span 2;
    text-transform: lowercase;
}

.menu-item > a {
    text-decoration: none;
    color: var(--page-clr);
}
.menu-item:nth-last-child(1):nth-child(odd) {
	grid-column: 2 / span 2;
}

.menu-item > a:hover{
    cursor: pointer;
}