body{
  text-align:center;
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  background-color:#37474F;
  color:#ECEFF1;
}
a{
  text-decoration:inherit;
}
.length-container{
  display:inline-block;
  margin:0 30px;
}
.length-container .text{
  text-transform:uppercase;
}

.length-container .controls .number{
  font-size:3em;
  vertical-align:middle;
}
.length-container .controls .minus, .length-container .controls .plus{
  font-size:2em;
  vertical-align:middle;
  color:#B0BEC5;
}


.clock-wrapper-box{
  position:relative;
  display:inline-block;
  top: 0;
  cursor:pointer;
}
.clock-wrapper-box .text{
  font-size:56px;
  position:absolute;
  width:300px;
  height:172px;
  top:50%;
  margin-top:-86px;
  left:100px;
  vertical-align:middle;
  
}