styles.css

@font-face {
    font-family: "Korinna";
    src: url('Korinna Regular BT.ttf');
}
@font-face {
    font-family: "Univers67";
    src: url('Univers67Condensed_Bold.ttf');
}

* { font-family: 'Korinna','Optima',sans-serif; color: #fff; padding: 0; margin: 0; }

body { background: #03C; text-align: center; margin: 0 auto; }

#board_page { background: #000; }
#board_page table { border: 5px solid #000; width: 100%; height: 90%; }
#board_page td, #board_page th { background: #03C; border: 3px solid #000; border-radius: 10px; 
	padding: 10px;
	text-align: center; vertical-align: middle;
	width: 13%;
	font-family: 'Univers67',sans-serif;
	color: yellow;
}
#board_page td a , #board_page th a { 	
	font-family: 'Univers67',sans-serif;
	color: yellow;
	text-decoration: none;
} 

#board_page th {
	height: 100px;
	font-size: 24px;
	color: #fff;
}
#board_page td {
	font-family: 'Univers67',sans-serif;
	font-size: 48px;
}
#board_page td a:visited{
	color: #03C;
}

#tools { position: absolute; top: 20px; left: 20px; }
#tools a { text-decoration: none; }
#tools a:hover { text-decoration: underline; }

#board_page #tools { top: inherit; bottom: 20px; }

#wrap { overflow: hidden; text-align: center; margin: 0 auto; }
#wrap #answer table, #wrap #question table { 
	position:absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	text-align: center;
	vertical-align: middle;
	width: 100%;
	height: 100%;
}
#wrap #answer td, #wrap #question td {
	padding: 0 100px;
	vertical-align: middle; 
	font-size: 64px;
	text-shadow: black 4px 4px;
	filter: dropshadow(color=#000000,offX=4,offY=4);
}

#wrap #answer {
	background: #03C; 
}
#wrap #question { 
	visibility: hidden;
}