html, body {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: white;
  color: #003366;
}

.clock-main {
	width: 100%;
	height: 100%;
}
#clock, .time {
  position: relative;
  display: flex;
  flex-direction: row;
}

#clock {
  width: 84px;
  margin: 0 auto;
}

.time.minutes {
  left: 0px;
}

.time.seconds {
  left: 0px;
}

.bit {
  width: 8px;
  height: 8px;
  margin: 1px;
  background: #003366;
  box-shadow: 0 0 1px #ffffff;
  transition: all .5s ease-out;
  border-radius: 4px;
}

.bit.blank {
  background: white;
   box-shadow: 0 0 0px #ffffff;
}

@media only screen
and (min-width: 320px)
and (max-device-width: 768px)
and (orientation: landscape)
{
  
}