body {
  margin: 0;
  background-color: #565957;
}

#app {
  width: 100%;
  height: 100vh;

  display: flex;
  justify-content: center;
}

#app table {
  align-self: center;
  border-collapse: collapse;
}

#app table tr td:not(:last-child) {
  border-right: 12px solid rgba(255, 255, 255, 0.5);
}

#app table tr:not(:last-child) td {
  border-bottom: 12px solid rgba(255, 255, 255, 0.5);
}

#app table tr td {
  height: 120px;
  width: 120px;
  text-align: center;
}

#app table tr td div {
  font-size: 80px;
  font-weight: 700;
}

#app table tr td .circle::after {
  content: "○";
  color: rgba(121, 247, 207, 0.6);
}

#app table tr td .cross::after {
  content: "✕";
  color: rgba(255, 115, 50, 0.6);
}

/* .restart-btn {
  margin: 0 auto;
  padding: 5px;
  color: #fff;
} */