<style>
button {
  background: white;
  color: red;
  height: 54px;
  width:  54px;
  border-style: none;
  font: 72x/0px monospace;
}
#b00:hover,
#b01:hover,
#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,
#a03:hover,
#a04:hover,
#a05:hover,
#a06:hover,
#a07:hover,
#a08:hover,
#a09:hover,
#a10:hover,
#a11:hover,
#a12:hover,
#a13:hover,
#a14:hover,
#a15:hover,
#a16:hover,
th:hover
 {
  background: red;
  color: white;
  transition: transform 2s;
}
#a00,#a01,#a02 {
  background: white;
  color: white;
  height: 54px;
  width:  54px;
  border-style: none;
  font: 36px/0px monospace;
}
#a03,#a04,#a05,#a06,#a07,#a08,#a09,#a10,#a11,#a12,#a13,#a14,#a15,#a16 {
  background: white;
  color: red;
  height: 54px;
  width:  54px;
  border-style: none;
  font: 36px/0px monospace;
}
#b00,#b01,#b02,#b03,#b04,#b05,#b06,#b07,#b08,#b09,#b10,#b11,#b12,#b13,#b14,#b15,#b16 {
  background: white;
  color: black;
  height: 54px;
  width:  54px;
  border-style: none;
  font: 72px/0px monospace;
}
#c00,#c01,#c02,#c03,#c04,#c05,#c06,#c07,#c08,#c09,#c10,#c11,#c12,#c13,#c14,#c15,#c16 {
  background: white;
  color: red;
  height: 54px;
  width:  54px;
  border-style: none;
  font: 72px/0px monospace;
}
#a {
  font: 144px/0px monospace;
  color: yellow;
  text-shadow: 0 0 72px #FF0000, 0 0 144px #0000FF;
}
#b {
  font: 72px/0px monospace;
  color: yellow;
  text-shadow: 0 0 36px #FF0000, 0 0 72px #0000FF;
}
</style>