@charset "UTF-8";
* {
	margin: 0;
	padding: 0;
}

 @font-face {
 	font-family: digital-7;
 	src: url("digital-7.ttf") format("truetype"); 
	font-style: normal; 
	font-weight: normal; 
 }

#clockdiv{
    font-family: 'digital-7', arial;
    color: #FFF;/*#ADFF2F;*/
    display: inline-block;
    font-weight: 100;
    text-align: center;
    font-size: 26pt;
}

#clockdiv > div{
    padding: 10px;
    border-radius: 3px;
    background: #008080;/*#808080;*/
    display: inline-block;
    width: 60px;
}

#clockdiv div > span{
    padding: 15px;
    border-radius: 3px;
    background: #000;
    display: inline-block;
    width: 30px;
}

.smalltext{
    padding-top: 5px;
    font-size: 16px;
}

.deadline-message{
  display: none;
  font-size: 24px;
  font-style: italic;
  color: #FF7800;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
}
 
.visible{
  display: block;
  font-size: 24px;
  font-style: italic;
  color: #FF7800;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
}
 
.hidden{
  display: none;
}