style.css

body {
  text-align: center;
  background-color: rgb(20, 20, 20);
}
#idPlayArea {
  background-color: rgb(120, 120, 120);
  border: 4px solid rgb(100, 100, 255);
  position: absolute;
  left: 346px;
  top: 16px;
  height: 600px;
  width: 800px;
}

span {
  height: 20px;
  width: 20px;
  display: inline-block;
  border-radius: 10px;
  position: absolute;
  background-color: rgb(244, 39, 49);
  z-index: 1;
}
#idSnake {
  left: 350px;
  top: 20px;
  background-color: rgb(247, 230, 2);
  z-index: 3;
  /*left:350-1130 top:20-600*/
}

table {
  top: 80px;
  right: 2px;
  position: absolute;
  border-collapse: collapse;
}
td {
  background-color: rgb(52, 52, 52);
  width: 80px;
  height: 40px;
}
input {
  color: rgb(250, 250, 250);
  background-color: rgb(12, 12, 12);
  min-width: 100%;
  min-height: 100%;
  font-size: medium;
}

input:hover,
input:disabled {
  background-color: rgb(58, 58, 58);
}

#idStart {
  background-color: rgb(20, 110, 60);
}
#idStart:hover,
#idStart:disabled {
  background-color: rgb(3, 168, 98);
}
#idReset {
  background-color: rgb(100, 10, 10);
}
#idReset:hover {
  background-color: rgb(160, 20, 20);
}

#idOuroboros {
  background-color: rgb(20, 110, 60);
}