#snek {
  background-color: var(--foreground);
  touch-action: manipulation;
}

#snek button {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  transition: border-radius 0.25s ease;
  background-color: var(--background);
  border-radius: 100%;
  border: 0.5rem solid var(--foreground);
  color: var(--foreground);
  cursor: pointer;
  height: 8rem;
  user-select: none;
  width: 8rem;
}

#snek .leftButtons {
  display: flex;
  flex-direction: column;
  left: 0;
  position: absolute;
  bottom: 0;
}

#snek .rightButtons {
  bottom: 0;
  display: flex;
  flex-direction: row;
  position: absolute;
  right: 0;
}