* {
  font-weight: bold;
  box-sizing: border-box;
}

body {
  margin:2em; 
  overflow:hidden;
}

#root {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center; 
  -webkit-box-pack: center; 
          justify-content: center; 
}

#clocks {
  padding: 20px;
}

.clock {
  width: 100%;
  margin-bottom: 60px;
  
  display: -webkit-box;
  
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
}

.label {
  font-size: 48px;
  color: grey;
  width: 100px;
  text-align: top;
  margin-right: 20px;
}

.time {
  font-size: 120px;
  line-height: 100px;

  margin: 0 10px;
  display: -webkit-box;
  
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
}

.time .hours {
  margin: 0 10px;
}

.time .minutes { 
  margin: 0 10px;
}

/*
@media (max-width: 600px) {
  #clocks { flex-wrap: wrap; }
  .label { font-size: 36px; }
  .time { font-size: 72px; }
}
*/


/*# sourceMappingURL=/multiclock.1763de30.css.map */