body{
  background-color:#ecf0f1;
}
.center{
  margin: auto;
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%,-50%);
}
table{
  border-collapse:separate; 
  border-spacing:3em;
}
table td{
  height:30px;
  width:30px;
  background-color:white;
  border-radius:50%;
}
.num1{
  background-color:#2ecc71 !important;
  box-shadow: 0px 0px 15px 2px rgba(46, 204, 113,.7);
}
.num0{
  background-color:white !important;
  box-shadow: 0px 0px 15px 2px rgba(0,0,0,.2);
}
p{
  text-align:Center;
  color:#2ecc71;
  font-family:arial;
  font-size:56px;
  font-weight:bold;
  font-family: 'Montserrat', sans-serif;
}
.seconds:after{
  position:absolute;
  content:"秒位";
  color:#bdc3c7;
  font-family: 'Montserrat', sans-serif;
}
.minutes:after{
  position:absolute;
  content:"分位";
  color:#bdc3c7;
  font-family: 'Montserrat', sans-serif;
}
.hours:after{
  position:absolute;
  content:"时位";
  color:#bdc3c7;
  font-family: 'Montserrat', sans-serif;
}