body{
    text-align: center;
    font-family: 'Roboto', sans-serif;
    font-size: 2.5vw;
}

#jeu{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    width: 20vw;
    margin: auto;
    background-color: rgb(245, 224, 131);
    border-radius: 15px;
}

.case{
    border: 1px solid black;
    height: 6.5vw;
    line-height: 6.5vw;
    font-size: vw;
}

.case:nth-child(1){
    border-top-left-radius: 15px;
}

.case:nth-child(3){
    border-top-right-radius: 15px;
}

.case:nth-child(7){
    border-bottom-left-radius: 15px;
}

.case:nth-child(9){
    border-bottom-right-radius: 15px;
}

button{
    background-color: rgb(245, 224, 131);
    border: 2px solid black;
    border-radius: 2vw;
    font-family: 'Roboto', sans-serif;
    cursor: pointer;
    padding: 0.5vw 1vw;
    font-size: 2.5vw;
    transition: all 0.25s ease-in-out;
}

button:hover{
    background-color: rgb(152, 139, 82);
}