body {
    font-family: Arial, sans-serif;
  }
  .grid {
    display: grid;
    width:800px;
    height: 800px;
    grid-template-columns: repeat(auto-fit, minmax(88px, 1fr));
    gap:8px;
    background-color: black;
    border: 5px black solid;
  }
  .grid-item {
    margin:0;
    background-color: white;
    width: 88px;
    height: 88px;
  }
  .grid-item:hover{
    cursor: pointer;
  }
  #StopButton{
    background-color: rgb(178, 178, 178);
  }
*{
    text-align: center;
    color:black;
}
.hidden{
    display: none;
}