body {
	background: url(texture-noise.png);
	overflow: hidden;
	margin: 0;
	font-size: 14px;
	font-family: "Comic", Helvetica;
}

#chart, #header, #footer, #content {
	position: absolute;
	top: 0;
}

#header, #footer, #content {
	font-family: "Rock Salt", cursive;
	z-index: 1;
	display: block;
	font-size: 42px;
	font-weight: 600;
	text-shadow: 0 4px 0 #fff;
}

#header.inverted, #footer.inverted {
	color: #fff;
	text-shadow: 0 1px 4px #000;
}

#header {
	font-weight: 400;
	color: #444;
	top: 40px;
	left: 80px;
	width: 1000px;
}

#footer {
	top: 680px;
	right: 140px;
	text-align: right;
}

#content {
	font-size: 12px;
	top: 180px;
	left: 80px;
	text-align: left;
	color: #999;
}

rect {
	fill: none;
	pointer-events: all;
}

pre {
	font-size: 18px;
}

line {
	stroke: #000;
	stroke-width: 1.5px;
}

.string, .regexp {
	color: #f39;
}

.keyword {
	color: #00c;
}

.comment {
	color: #777;
	font-style: oblique;
}

.number {
	color: #369;
}

.class, .special {
	color: #1181B8;
}

a:link, a:visited {
	color: #000;
	text-decoration: none;
}

a:hover {
	color: #666;
}

.subtitle {
	position: absolute;
	font-size: 12px;
	color: #999;
}

.hint {
	position: absolute;
	right: 0;
	width: 1280px;
	font-size: 12px;
	color: #999;
}