<style>
body {
  font: 18px/0px monospace;
}
button:hover {
  background: white;
  color: red;
  transition: transform 2s;
}
button {
  height: 24px;
  width:  24px;
  color: white;
  background-color: red;
  border-style: none;
}
th {
  height: 24px;
  width:  24px;
  color:  black;
  background-color: white;
}
td {
  height: 24px;
  width:  24px;
  color: white;
  background-color: white;
}
.c1 {
  color: black;
  background-color: yellow;
}
.c2 {
  color: white;
  background-color: dodgerBlue;
}
.wide {
  width:  48px;
}
h1 {
  font: 72px/0px monospace;
  color: yellow;
  text-shadow: 0 0 18px #FF0000, 0 0 36px #0000FF;
}
</style>