@font-face { font-family: IBMVGA8; src: url("fonts/Web437_IBM_VGA_8x16.woff"); } html { margin:0; padding:0; } body { margin:0; padding:0; } .hide { display: none; } .background { position:absolute; top:0; left:0; width:100%; height:100%; background-image: url("backgrounds/4.gif"); background-position: center center; background-size: cover; background-attachment: fixed; } .container { position:absolute; box-sizing: border-box; top:0; left:0; bottom:0; right:0; width: 880px; height: 652px; padding:30px 40px; margin:auto; background-color: rgba(31, 37, 47, 0.9); color: rgba(90, 228, 70, 1); font-family: IBMVGA8, monospace; font-size: 16px; line-height: 16px; border-radius: 90px / 820px; border-style: outset; border-color: rgba(126, 126, 134, 1); border-width: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 1); } header, main, footer { position: relative; margin:0; padding:0; width: 100%; box-sizing: border-box; } header { height: 96px; overflow: hidden; } main { height: 448px; overflow-y: auto; overflow-x: hidden; padding: 16px; } footer { height: 32px; overflow: hidden; } a { color: rgba(240,240,240, 1); text-decoration: none; } a:before { content: '['; } a:after { content: ']'; } a:hover, a:active { background-color: rgba(240,240,240, 1); color: rgba(31, 37, 47, 0.8); } a.active { text-decoration: underline; } h1, h2, h3, h4, h5, h6 { font-size: 16px; font-weight: normal; padding: 0; margin: 0 0 16px 0; text-decoration: underline; } h1:before { content: '# '; } h2:before { content: '## '; } h3:before { content: '### '; } h4:before { content: '#### '; } h5:before { content: '##### '; } h6:before { content: '###### '; } p { padding:0; margin: 0 0 16px 0; } pre { margin:0; padding:0; font-family: IBMVGA8, monospace; } .content p:last-child { margin:0; }