body {
  background: #33323C;
}

#sentences {
  padding: 20px 50px;
  white-space: nowrap;
}

#spinner {
  height: 100%;
  position: absolute;
  width: 100%;
  background: no-repeat center url("../img/spinner.gif");
  margin-left: -20px;
}

span {
  font-family: 'SFMono-Regular', 'SF Mono', 'Inconsolata';`
  font-weight: lighter;
  font-size: 25px;
}

  span.red { color: #ff544a; }
  span.green { color: #9afc95; }
  span.violet { color: #c7caeb; }
  span.lightblue { color: #01b6af; }
  span.orange { color: #ffd064; }
  span.blue { color: #0493cd; }
  span.pink { color: #ed5494; }
  span.yellow { color: #edfba3; }
  span.lightgreen { color: #9dc9c8; }
  span.white { color: #ffffff; }

span.dot {
  margin-right: 10px;
  color: #ffffff;
}

p {
  padding: 0;
  margin: 8px 0;
}