* {
    margin: 0px;
    padding: 0px;
}

#grille {
    width: calc(36vmin + 108px);
    height: calc(35vmin + 90px);
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    background-image: url(../background/grid.png);  
    background-size: cover;
    padding-top: 11em;
    padding-bottom: 10em;
    padding-left: 50px;
}

#grille .case {
    display: grid;
    place-items: center;
    height: 10vmin;
    width: 10vmin;
    margin: 1px;
}

#grille .case:hover {
    background: rgb(157, 244, 255);
}

nav {
    margin-top: 1em;
    text-align: center;         
}

body {
    background-image: url(../background/Vector.png);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

#jeu {
    display: grid;
    align-items: center;
    justify-items: center;
}

img {
    max-width: 100%;
}