* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
    width: 100%;
    overflow-x: hidden;
}


@font-face {
    font-family: "Jaquard12-Regular";
    src: url(fonts/Jacquard12-Regular.ttf);
} 

body {
    font-size: 33px; 
    font-family: "Jaquard12-Regular";
    color: hwb(35 16% 14%);
    line-height: 44px;   
    background-color: rgb(148, 58, 34);
    text-align: center;
}


#title {
    margin-top: 20px;
    margin-bottom: 40px;
    font-size: 80px;
    text-align: center;
}

#grille {
    margin: auto;
    display: grid;
    grid-template-rows: repeat(3, 1fr);
    grid-template-columns: repeat(3, 1fr);
     height: 40vh;
     width: 40vh;
    gap: 0.5vh;
}

.case {
    background-color: rgb(166, 72, 46);
    justify-content: center;
    text-align: center;
    padding: 5vh;
    background-size: contain;
}

#replay {
    margin: auto;
    margin-top: 5px;
    font-family: "Jaquard12-Regular";
    color: rgb(49, 7, 7);
    background-color: hwb(35 16% 14%);
    border-color: rgb(166, 72, 46);
    padding: 1vh;
    margin-top: 1px;
}
 #replay:hover {
        color: rgb(49, 7, 7);
    transform: scale(1.1);
    }