game.css

body{
    background-color: #548687;
    text-align: center;
    margin-top: 50px;
}
.container{
    height: 70vh;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    
}
.game{
   height: 60vmin;
   width: 60vmin;
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   gap:10px;
}
.box{
   height: 18vmin;
   width: 18vmin;
   align-items: center;
   justify-content: center;
   border-radius:10px ;
   border:none;
   font-size: 30px;
   color:rgb(187, 9, 9);
   background-color: bisque;
}
.msg-container{
    margin:200px;
    height:100vmin;
    font-size: 30px;
    color: rgb(65, 216, 19);
}
.hide{
    display: none;
}
#newGame{
    padding: 20px;
    background-color: black;
    color: bisque;
    font-weight: bold;
    border-radius: 40px;
    border:none;
}
#resetGame{
    padding: 20px;
    background-color: black;
    color: bisque;
    font-weight: bold;
    border-radius: 40px;
    border:none;
}