* {
  box-sizing: border-box;
}

body {
  background: #4caf50;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  min-height: 100vh;
  max-height: 100vh;
  margin: 0;
}

.dash {
  width: 50vw;
  background: #00bcd4;
  min-height: 70vh;
  box-shadow: 0 3px 15px -2px rgba(0, 0, 0, 0.4);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  border-radius: 10vmin;
}

.clock {
  font-size: 3em;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  color: #fff;
}

.clock .hours,
.clock .minutes,
.clock .seperator {
  font-size: 4em;
}

.clock .hours {
  font-weight: bold;
}

.clock .seconds, .clock .ampm {
  margin: 0 0 0 0.25em;
}

.clock .secondsAndAmPm {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}