.clockdiv{
	padding:0;
	margin:0;
	font-family:'PT sans';
	color:#222222;
	text-align:center;
	-webkit-transition-duration: .1s; 
	-moz-transition-duration: .1s; 
	-o-transition-duration: .1s; 
	transition-duration: .1s; 
    -webkit-animation-timing-function: ease-in-out;	
	animation-timing-function: ease-in-out; 
	-webkit-text-rendering: optimizeLegibility;
	-moz-text-rendering: optimizeLegibility;
	text-rendering: optimizeLegibility;
	background-repeat:no-repeat;
	background-position:center center;
	background-attachment:fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
h2{font-size:30px;color:#000000;text-shadow:1px 1px 1px #ffffff;}
h3{font-size:20px;color:#000000;text-shadow:1px 1px 1px #ffffff;margin:50px 0 10px 0;}
canvas{}
.clockcontainer{width:100%;display:inline-block;vertical-align:middle;text-align:center;/*border:2px darkgoldenrod solid;*/}
.clock{display:inline;}
.alarm{display:none;margin:10px 0 0 0;}
.alarm a{text-decoration:none;padding:5px 10px;color:#ffffff;background-color:#026729;border-radius:5px;}
.alarm a:hover{text-decoration:none;padding:4px 9px;color:#fefefe;background-color:#026729;border-radius:5px;}
#set{text-decoration:none;padding:5px 10px;color:#ffffff;background-color:#00aa00;border-radius:5px;}
#set:hover{text-decoration:none;padding:4px 9px;color:#fefefe;background-color:#00aa00;border-radius:5px;}