::selection {background:white; color:black;}
::-moz-selection {background:white; color:black;}

body,html {height:100%; margin:0; padding:0;}

body {font-family:Monaco,"Courier New",monospace; background:black; color:#fff; font-size:15px; overflow-x:hidden; overflow-y:auto;}
p {padding:0; margin:0 0 10px 0;}
div {margin:20px; padding:20px; background:black;}
b {color:white;}
a {color:inherit;}

nav {position:fixed; z-index:2; width:35vw; height:20vh;}
nav:hover {cursor:pointer;}
nav#kahnwagner {top:80vh; left:0; background:#959; color:#959;}
nav#zettross {top:60vh; left:0; background:#559; color:#559;}
nav#svenlutticken {top:40vh; left:0; background:#884; color:#884;}
nav#riversnash {top:20vh; left:0; background:#488; color:#488;}
nav#eyefilm {top:0; left:0; background:#963; color:#963;}
nav div {min-height:calc(100% - 80px);}
nav div.date {float:left; padding:10px;}
nav div.date span {display:block; text-align:center;}
nav div.date.past span {text-decoration:line-through;}
nav div.date span.d {font-size:28px;}
nav div.date span.m {font-size:15px;}
nav div.date span.y {font-size:15px;}
nav#kahnwagner div.date {border-right:1px solid #959;}
nav#zettross div.date {border-right:1px solid #559;}
nav#svenlutticken div.date {border-right:1px solid #884;}
nav#riversnash div.date {border-right:1px solid #488;}
nav#eyefilm div.date {border-right:1px solid #963;}
nav p {margin:0;}

article {margin-left:35vw; width:65vw; min-height:70vh; background:url('chess.gif'); overflow:auto;}
article:last-of-type {padding-bottom:30vh;}
article#kahnwagner {background-color:#959; color:#959;}
article#kahnwagner b {color:#b7b;}
article#zettross {background-color:#559; color:#559;}
article#zettross b {color:#77b;}
article#svenlutticken {background-color:#884; color:#884;}
article#svenlutticken b {color:#aa6;}
article#riversnash {background-color:#488; color:#488;}
article#riversnash b {color:#6aa;}
article#eyefilm {background-color:#963; color:#963;}
article#eyefilm b {color:#b86;}
article img {margin:0 20px 20px 20px; width:calc(100% - 40px); height:auto;}
article iframe {margin:0 20px 20px 20px; width:711px; height:400px;}

section {position:fixed; z-index:2; width:65vw; bottom:0; left:35vw; background:#000; border-top:1px solid #ccc;}
section div {margin:0; padding:20px; background:none;}
section p {color:#ccc;}
section p b {color:#fff;}

table {position:fixed; z-index:3; width:100%; height:100%; top:0; left:0; pointer-events:none;}
table tr {vertical-align:middle; text-align:center;}
table tr td {vertical-align:middle; text-align:center;}
table tr td span {background:#333; font-size:80px;}