*{
    margin:0;
    padding:0;
}
body{
    background-color: beige;
    text-align: center;
}
.container{
    display: flex;
    flex-wrap:wrap;
    justify-content: center;
    align-items: center;
    width:100%
}
.game{
    margin-top: 6%;
    height:65vmin;
    width:65vmin;
    display: flex;
    flex-wrap:wrap;
    justify-content: center;
    align-items: center;
    gap:1.2vmin;
}
.box{
    height:20vmin;
    width:20vmin;    /*one % of viewport smaller division*/
    border-radius:0.5rem;
    border:none;
    background-color:saddlebrown;
    font-size: 8vmin;
    color: black;
}
#resetbtn{
    margin-top: 4%;
    font-size: 0.9rem;
    padding: 1rem;
    background-color:rgb(8, 5, 5);
    color: white;
}
.msg{
    color:saddlebrown;
    font-size: 8vmin;
}
.newGame{
    margin-top: 5%;
    margin-bottom: 12%;
    font-size: 0.5rem;
    padding: 0.6rem;
    background-color:rgb(8, 5, 5);
    color: white;
}
.hide{
    display: none;
}