.main {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
}

.buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 70vh;
}

.main button {
    margin: 8rem;
    transition: background-color 0.2s ease;
    transition: color 0.2s ease;
    transition: box-shadow 0.2s ease;
}

.singleplayer:hover {
    box-shadow: 0 0 100px var(--s-box-shadow-color);
    border: 1px solid var(--s-border-color);
    color: var(--s-color);
}

.multiplayer:hover {
    box-shadow: 0 0 100px var(--m-box-shadow-color);
    border: 1px solid var(--m-border-color);
    color: var(--m-color);
}