body {
  background-color: white;
  font-family: 'Quicksand', sans-serif;
  font-size: 5em;
  height: 100%;
}

.main {
  height: 10em;
  position: relative;
}

.hex-clock {
  color: white;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
}

.hours:before { content: "{#}"; }

.hours:after, .minutes:after { content: ":"; }

/* further styling */

.hours, .minutes, .seconds { }