/* ==================
 *  VARIABLES
 * ================== */
:root {
  --color-black: hsl(0, 0%, 7%);
}
/* ==================
 *  BASE
 * ================== */
body {
  font-family: 'Lato', sans-serif;
  color: var(--color-black);
  display: flex;
  flex-direction: column;
  align-items: center;
}

.cell {
  /* width: 50px;
  height: 50px; */
  height: 50px;
  border: 1px solid black;
}
.player1 {
  background: dodgerblue;
}
.player2 {
  background: tomato;
}
.win-box {
  width: 30px;
  height: 30px;
  display: inline-block
}
/* ==================
 *  PAGE
 * ================== */
 #container {
  /* display: flex;
  align-items: center;
  flex-direction: column;
  height: 100vh;
  border: 1px solid red; */
  display: grid;
  grid-template-columns: 80px 80px 80px;
  /* grid-template-rows: 80px 80px 80px; */
}