<style>
body {
  font: 72px/0px Courier;
  font-family: "Lucinda Console", "Courier New", Courier;
}
button:hover {
  background: white;
  color: red;
  transition: transform 2s;
}
button {
  height: 64px;
  width:  54px;
  color: white;
  background-color: red;
  border-style: none;
  font: 36px/0px Courier;
}
th {
  height: 64px;
  width:  54px;
  color: black;
  background-color: white;
  border-style: none;
  font: 36px/0px Courier;
}
.a0 {
  height: 64px;
  width:  54px;
  color: black;
  background-color: yellow;
  font: 72px/0px Courier;
}
.a1 {
  height: 64px;
  width:  54px;
  color: white;
  background-color: dodgerBlue;
  font: 72px/0px Courier;
}
.d0 {
  height: 64px;
  width:  54px;
  color: white;
  color: black;
  font: 72px/0px Courier;
}
.rw {
  height: 64px;
  width:  54px;
  background: white;
  color: black;
  font: 36px/0px Courier;
}
h1 {
  font: 72px/0px Courier;
  color: yellow;
  text-shadow: 0 0 18px #FF0000, 0 0 36px #0000FF;
}
#b00,#b01 {
  background: red;
  color: white;
  height: 64px;
  width:  54px;
  border-style: none;
  font: 72px/0px Courier;
}
#b02,#b03,#b04,#b05,#b06,#b07,#b08,#b09,#b10,#b11,#b12,#b13,#b14,#b15,#b16,.wb {
  background: white;
  color: black;
  height: 64px;
  width:  54px;
  border-style: none;
  font: 72px/0px Courier;
}
#b02:hover,#b03:hover,#b04:hover,#b05:hover,#b06:hover,#b07:hover,#b08:hover,#b09:hover,#b10:hover,#b11:hover,#b12:hover,#b13:hover,#b14:hover,#b15:hover,#b16:hover {
  color: gray;
  transition: transform 2s;
}
#c00,#c01,#c02,#c03,#c04,#c05,#c06,#c07,#c08,#c09,#c10,#c11,#c12,#c13,#c14,#c15,#c16 {
  background: white;
  color: red;
  height: 64px;
  width:  54px;
  border-style: none;
  font: 72px/0px Courier;
}
#b00:hover,#b01:hover {
  background: white;
  color: red;
  transition: transform 2s;
}
</style>