html, head, body { margin:0px; padding:0px; } body { outline-width:0px; font-family: courier,verdana, arial, helvetica, sans-serif; font-size: 12pt; color:#0f0; background-color:#000; } a, a:visited { text-decoration: none; color: #FFD03B; } a:hover { color:#f00; } #main { margin: 0 auto; width: 520px; text-align: center; padding-top: 50px; } h1 { font-family: verdana; margin:0;padding:0; font-weight: bold; font-size: 80pt; color: #FFD03B; text-shadow: 0 0 3px #f00; } #about { padding: 10px 0 15px 0; } #about span { background-color: #f00; border: 1px solid #FFD03B; display: inline-block; margin: 15px 5px 0 5px; padding: 0; width: 40%; line-height: 30px; font-size: 8pt; } #about a { font-weight: bold; display: inline-block; margin:0; width:100%; text-shadow: 0 0 1px #000; font-size: 12pt; } #about a:hover { color:#0f0; } #footer { text-align: left; float: left; font-size: 11pt; } #links { text-align: right; padding-top: 2px; } #links a img { width: 16px; } @media screen and (max-device-width: 550px) { h1 { font-size: 40pt; } #main { width: 100%; font-size: 11pt; padding-top: 20px; } #footer { float: none; text-align: center; font-size: 9pt; } #links { text-align: center; padding-top: 20px; } #links a img { width: 32px; } #about a { font-size: 9pt; } } @media screen and (max-device-height: 400px) { #main { padding:0; } } @media screen and (max-device-height: 315px) { h1 { font-size: 40pt; } }