@font-face {
  font-family: SevenSegment;
  src: url('7seg.ttf');
}
body{
	font-size:1.5em;
	font-family:tahoma;
	text-align:center;
}

h1{
	margin-top:0px;
	font-size:2em;
	font-weight:bold;
}
h2{
	font-size:1.5em;
	font-weight:bold;
	margin-bottom:5px;
}
a{
	text-decoration:none;		
	color:#06c;
}
a:hover{
	text-decoration:none;		
	color:#0af;
}
#page1{	
	display:none;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	height:100%;
}
#page2{	
	display:block;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	
}
.midpage{	
	display:block;
	margin-left: auto;
	margin-right: auto;

	text-align:justify;
	width:90%;
}
#masthead{
	width:100%;
	max-width:1455px
}
#clocktable{
 margin-top:auto;
 position:relative;
 top:50%;
 transform:translate(0,-50%);
}
table{
 margin-left:auto;
 margin-right:auto;
 margin-bottom:auto;
}
#clock{
  font-family: SevenSegment;
  font-size:10em;
  font-weight:bold;
  text-align:center;
  color:#0088ff;
}
#clock2{

  font-family: SevenSegment;
  font-size:10em;
  font-weight:bold;
  text-align:center;
}

#start{
  font-size:5em;
  font-weight:bold;
  text-align:center;
  color:#888;
}

#reset{
  font-size:5em;
  font-weight:bold;
  text-align:center;
  color:#888;

}