.main-text
{
   
    color: black;
	 font-family: 'Saira Condensed', Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 180%;	
}
h1{
	font-weight: bold;
}


 

/* If you want you can use font-face */
@font-face {
    font-family: 'BebasNeueRegular';
    src: url('BebasNeue-webfont.eot');
    src: url('BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('BebasNeue-webfont.woff') format('woff'),
         url('BebasNeue-webfont.ttf') format('truetype'),
         url('BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}



.clock {width:450px;  border:1px solid #333; color:#fff; }

#Date { font-family:'BebasNeueRegular', Arial, Helvetica, sans-serif;text-align:center; text-shadow:0 0 5px #00c6ff; }

ul { width:20px;  list-style:none; color:#000000}
ul li { display:inline; font-size:16px;  font-family:'BebasNeueRegular', Arial, Helvetica, sans-serif;  color:#000000 }

#point { width:20px; }