.container {
  display: grid;
  align-items: center;
  justify-content: center;
  height: 98vh;
}

.wrapper {
  text-align: center;
}

.grid {
  display: grid;
  grid-template-rows: repeat(3, 1fr);
  grid-template-columns: repeat(3, 1fr);
  width: 302px;
  height: 302px;
  gap: 1px;
  background-color: black;
  border: 1px solid black;
}

.cell {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: white;
  font-size: 60px;
  cursor: pointer;
  width: 100px;
  height: 100px;
}