html, body {
  width: 100%;
  height: 100%;
  color: #666;
  background-color: #000;
  font-size: 12px;
  font-family: Verdana, Trebuchet, "Trebuchet MS", Helvetica, Arial, sans-serif;
  text-align: center;
  padding: 0;
  border: 0 none;
  margin: 0;
  white-space: nowrap;
  -webkit-text-size-adjust: none;
}
  body * {
    font-family: inherit;
  }

.trans {
  background-color: #500;
  padding: 20px;
}
.timer-splits {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -webkit-flex; display:
  -moz-flex; display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content:center;
}
  .timer-splits > * {
    background-color: #111;
    padding: 0;
    border-width: 1px 1px 1px 0;
    border-style: solid;
    border-color: #666;
    margin: 0;
    -webkit-flex: 0 0 200px;
    -moz-flex: 0 0 200px;
    flex: 0 0 200px;
  }
  .timer-splits > *:first-child {
    border-width: 1px;
  }