:root{
    --cell-size: 80px
}

html, body{
    min-height: 100vh;
}

main {
    margin: calc(var(--cell-size) / 2 + 10px) 20px;
}

main .cell ,
#exempleGame .cell{
    border: 1px solid #606060;
    border-radius: 10%;
    max-width: var(--cell-size);
    max-height: var(--cell-size);
    background-color: #404040;
    color: white;
    user-select: none;

    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2rem;
}

main div {
    position: absolute;
}

#exempleGame {
    display: grid;
    grid-template: var(--cell-size) var(--cell-size) var(--cell-size) / var(--cell-size) var(--cell-size) var(--cell-size);
}

div.selected-cells{
    background-color: #925940;
}

main.won div {
    background-color: #399237;
}

#controls #tailleInput{
    /*width: 3rem;*/
}

#helpButton {
    color: #b0b0b0;
}

.cursor-pointer {
    cursor: pointer;
}

.align-super {
    vertical-align: super;
}