style.css

/* ----- RESET ----- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

/* ----- CSS ----- */
body { font-family: 'Arial', sans-serif; font-size: 16px; color: #222; line-height: 1.4; background: #4c4c4c; }
li { list-style: none; }
a { color: #007bcd; text-decoration: none; }
a:hover { color: #009bff; }

/* ----- HEADINGS & FONTS ----- */
h1, h2, h3, h4 { font-weight: normal; }
h1 { font-size: 72px; margin-bottom: 0; }

/* ----- CLASSES ----- */
.wrapper { position: absolute; top: 0; left: 0; margin: 0 auto; width: 100%; height: 100%; }
.mgb10 { margin-bottom: 10px; }
.mgb15 { margin-bottom: 15px; }
.tal { text-align: left; }
.tar { text-align: right; }
.tac { text-align: center; }
.fl { float: left; }
.fr { float: right; }


.page { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #f3f3f3; text-align: center; }
	.page span { font-size: 400px; line-height: 400px; width: 200px; height: 400px; display: block; position: absolute; top: 50%; left: 50%; margin: -200px 0 0 -100px; text-shadow: 0px 2px 2px #fff; color: rgba(0,0,0,0.5); -webkit-user-select: none; }