*{
    margin:0;
    padding:0;
}
body{
     background-color:#ff7eb3;
     text-align: center;

}

.container{
    height:70vh;
    display:flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;

}
.box{
    height:18vmin;
    width:18vmin;
    border-radius:1rem;
    border:none;
    box-shadow: 0 0 1rem rgba(0,0,0,1);
    font-size: 8vmin;
    background-color: rgb(251, 251, 255);

    

}
.game{
    height: 60vmin;
    width: 60vmin;
    display:flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 1.5vmin;
}

#reset-btn{
    padding:1rem;
    font-size: 1.5rem;
    background-color: #191913;
    color:blueviolet;
    border-radius: 1rem;
    border: none;
}
#new-btn{
    padding:1rem;
    font-size: 1.5rem;
    background-color: #191913;
    color:blueviolet;
    border-radius: 1rem;
    border: none;

}
#msg{
    color:beige;
    font-size: 5vmin;
}
.msg-container {
    height: 30vmin;
}
.hide{
    display: none;
}