fizzbuzz.css

@import url('https://fonts.googleapis.com/css?family=Nixie+One');

.fizzbuzz {
  width: 700px;
  font: normal 2em consolas;
  color: rgba(110, 110, 110, 1);
}

.cell {
  display: table-cell;
  padding: .5em;
  text-align: center;
  vertical-align: middle;
}

.counter {
  background: rgba(110, 110, 110, 0.1);
  border-radius: 8px;
  width: 3em;
}

.fizz,
.buzz {
  font: normal 3em 'Nixie One', Helvetica, Arial;
}

.fizz {
  color: #FF1177;
  text-shadow: 0 0 1em #ffaed1, 0 0 10px rgba(230, 161, 173, 0.41), 0 0 100px #ffaed1, 0 0 500px #ffaed1, 5px 9px 5px rgba(0, 0, 0, 0.2);
}

.buzz {
  color: #228DFF;
  text-shadow: 0 0 1em #228DFF, 0 0 10px rgba(230, 161, 173, 0.41), 0 0 100px #70b5ff, 0 0 500px #70b5ff, 5px 9px 5px rgba(0, 0, 0, 0.2);
}

.fizz.off, .buzz.off {
  color: rgba(46, 46, 46, 0.2);
  text-shadow: 7px 7px 5px rgba(0, 0, 0, 0.1);
}