.nPlayersButton {
    border: solid thick white;
    font-size: 46pt;
    font-weight: bold;
    color: white;
    background-color: black;
    display: grid;
    width: 60pt;
    height: 60pt;
    padding: .1em;
    border-radius: 50%;
    box-shadow: .05em .05em #747474;
    align-content: center;
    justify-content: center;
}

numberofplayers {
    display: flex;
    align-items: center;
    gap: 2.2em;
    justify-content: center;
    flex-wrap: wrap;
}

.nPlayersButton.selected {
    background-color: silver;
    color: black;
    border-color: lime;
    box-shadow: none;
}

numberofplayers:before {
    font-size: var(--fontSize_subtitle);
}

availablegames:before {
    font-size: var(--fontSize_subtitle);
    align-self: center;
}

availablegames {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-content: space-around;
    width: 80vw;
    gap: 2vw;
}

gamelabel {
    /* color: white; */
    font-size: 2.5em;
    text-align: left;
    padding-left: .2em;
    line-height: .8;
    align-self: center;
    display: block;
}

button.gameButton {
    display: grid;
    grid-template-columns: auto auto;
    background-color: black;
    border-width: .2em;
    color: white;
    border-color: white;
    padding: .5em;
    border-radius: 1em;
    box-shadow: .1em .1em #747474;
    border-width: thick;
}

.gameButton:active {
    background-color: silver;
}

description {
    font-size: .75em;
}

.gameButton.selected {
    background-color: silver;
    color: black;
    border-color: lime;
}