body{
  display: flex;
  flex-direction: column;
}

.divForGame {
  background: white;
  width: 15px;
  height: 15px;
  border: 2px solid white;
  float: left;
}
.row {
  float: none;
  /* width: 180px; */
  gap: 1px;
  display: flex;
flex-direction: row;
}

#divForArea{
  display: flex;
  flex-direction: column;
  border: 0px solid black;
  margin: auto;
  position: relative;
  gap: 1px;
  background-image: linear-gradient(
  45deg,
  hsl(240deg 100% 20%) 0%,
  hsl(289deg 100% 21%) 11%,
  hsl(315deg 100% 27%) 22%,
  hsl(329deg 100% 36%) 33%,
  hsl(337deg 100% 43%) 44%,
  hsl(357deg 91% 59%) 56%,
  hsl(17deg 100% 59%) 67%,
  hsl(34deg 100% 53%) 78%,
  hsl(45deg 100% 50%) 89%,
  hsl(55deg 100% 50%) 100%
);
}