html,body{ width:100%; height:100%; font-family:InconsolataMedium, "Andale Mono", AndaleMono, Consolas, "Lucida Console", "Lucida Sans Typewriter", Monaco, "Bitstream Vera Sans Mono" monospace; }
html{font-size:16px;}
body{font-size:62.5%;background-color: black;}
a{text-decoration:none;color:#F2AB13;-webkit-transition:color 100ms ease-in-out;-moz-transition:color 100ms ease-in-out;transition:color 100ms ease-in-out;padding:0 0 1px;}
a:hover{color:#F2AB13;}
@-webkit-keyframes blink { from, to { border-color: transparent } 50% { border-color: #F2AB13 } }
@-moz-keyframes blink { from, to { border-color: transparent } 50% { border-color: #F2AB13 } }
h1{color:#FFF;font-size:3em; padding: 3px 0 5px 0; display: inline-block;border-right: 2px solid #F2AB13; -webkit-animation: 1200ms blink step-end infinite; -moz-animation: 1200ms blink step-end infinite;}
h1 a { margin: 0 10px 0 0; }
.main { width: 100%; height: 100%; padding: 10em 0 35em 5em; position: relative; display: table; }
.center { width: 100%; display: table-cell; vertical-align: top; }
footer { position: absolute; bottom: 2em; left: 0; right: 0; text-align: left; }
small { padding: 2em 0 0; line-height: 1.3em; margin: 0 11em; display: block; opacity: 0.6; border-top: 1px solid #e9e9e9; -webkit-transition:opacity 100ms ease-in-out;-moz-transition:opacity 100ms ease-in-out;transition:opacity 100ms ease-in-out; }
small:hover { opacity: 1; }
footer a { color: #F2AB13; }
@media screen and (max-width: 1050px) {
	h1 { font-size: 2em; }
	.main { padding: 0 0 6em 5em; }
	small { margin: 0 5em; }
}
@media screen and (max-width: 700px) {
	h1 { font-size: 1.6em; border: none; }
	h1 a { display: block; margin: 0 0 5px 0; }
	.main { padding: 0 0 6em 2em; }
	small { margin: 0 2em; }
	#text { border-right: 2px solid #F2AB13; -webkit-animation: 1200ms blink step-end infinite; -moz-animation: 1200ms blink step-end infinite; }
}