body {
  background-color:grey;
  text-align: center;
  
}

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

.game {
  height:60vmin;
  width:60vmin;
  display:flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap:1.5vmin
}
.box {
  height: 18vmin;
  width:18vmin;
 border-radius:0.5rem;
 border:none;
 box-shadow:0 0 1rem rgba(0,0,0,0.1);
 background-color:#6ae0ff;
}

#reset {
  background-color:lightgreen;
  font-style: bold ;
  border-radius:20px;
}

#newGame {
 background-color:lightgreen;
  font-style: bold ;
  border-radius:20px;
}

#msg {
 color:white;
 front-size: 15vmin;
 font-style: italic;
 
 
 
}
.msg-container {
 height : 900vmin;
 justify-content: center;
 align-items:center;
 flex-direction: column;
 gap:30px
 display: flex;
 
}

.hide {
 display:none
}