h1 {
  text-align: center;
}

.container {
  text-align: center;
}

.board {
  display: flex;
  justify-content: center;
  margin: 24px 0;
}

.cell {
  width: 100px;
  height: 100px;
  border: 1px solid #222222;
  box-sizing: border-box;
  background-color: #e1e1e1;
}

.shake {
  animation: shake 0.8s;
  transform: translate3d(0, 0, 0);
}

@keyframes shake {
  0% {
    transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translateX(-8px);
  }
  20%,
  40%,
  60%,
  80%,
  100% {
    transform: translateX(8px);
  }
}