@font-face {
	font-family: Kaypro84;
	src: url(fonts/Kaypro84.ttf);
}

:root {
	scrollbar-color: #00DC00 #000;
}

body {
	background-color: #000;
	color: #00DC00;
	font: 16pt Kaypro84;
	padding: 0.5em;
}
pre { font: 16pt Kaypro84; }
canvas {
	border: 1px solid red;
	display: inline-block;
}

li span { display: block; white-space: pre; width: 10em; }
.selected { background-color: #00DC00; color: #000; }
#fileDetails, #imgDetails { float: left; }
#fileDetails { width: 12em; }
#details { float: left; display: inline; width: 21.5em; }
#zoom { width: 3em; }

td, th { padding-right: 1em; text-align: left; vertical-align: top; }
.nowrap { white-space: nowrap; }
.files td:nth-child(2) {
	text-align: right;
	white-space: nowrap;
}

#pixels { border-collapse: collapse; }
#pixels td { border: 1px solid #00DC00; padding-right: 1px; text-align: right; }

a, a:visited { color: #24f; font-weight: bold; }
nav { text-align: center; margin-bottom: 1em; }
#container { white-space: nowrap; }

footer { padding-top: 2em; text-align: center; clear: both; }

nav table { display: inline-block; margin: auto; }
nav td { vertical-align: top; }

pre { line-height: 1; }

figcaption { font-weight: bold; }