* {
    margin: 0;
    padding: 0;

}
body{
    background-color: bisque;
    text-align: center;
}
.container{
    height: 80vmin;
     display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    
}
.game{
    height:60vmin;
    width: 60vmin;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 2vmin;





}
.box{
    height: 18vmin;
    width: 18vmin;
    border-radius: 2rem;
    box-shadow: 0 0 2rem rgba(0,0,0, 0.3);
    font-size: 15vmin;
    color: rebeccapurple;
}
#reset-btn{
    padding:1rem ;
    font-size: 1.25;
    background-color: rgb(179, 13, 38);
    color: rgb(231, 230, 237);
    border-radius: 1rem;
}
#new-btn{
    padding:0.5rem ;
    font-size: 1.25;
    background-color: rgb(0, 140, 255);
    color: rgb(236, 234, 248);
    border-radius: 1rem;

}
.msg-container{
   height: 100vmin;
   justify-content: center;
   align-items: center;
   display: flex;
   flex-direction: column;
}
#msg{
    font-size: 25px;
    color:rgb(11, 242, 31);
}
.hide{
    display: none;
}