.timerContainer {
  font-family: 'Source Sans Pro', sans-serif;
  font-size:    20px;
  font-weight:   100;
  padding:       0px 0px 0px 0px;   
  width:      1000px;
  border:        5px solid #ccc;  
  border-radius: 6px;
  /*margin:        0px auto;*/
  min-height:   10px;   
  border-top:    0px;
  overflow:   hidden;
  position: relative;
  text-align: center;
}

.timer, .reset{
  float: left;
  width:      25%;   
  /* padding:    5px 0;   */
  font-size:  18px;
  display: flex;
  align-items: center;
  justify-content: center;  
  color:      #fff;
  cursor: pointer;
}

.timer {
  background: #00ff22;
  color:      white;
  /*width:       13%;  */
  border-left:   6px solid #ffffff;
}

.reset {
  background: #002255;
  color:      white;
  /*  width:       12%;  */
  border-left:   6px solid #ffffff;
}

.lighter {
  background: #0088DD
}