@font-face {
  font-family: "intellivision";
  src: url("intellivision.woff") format('woff');
}
body {
	color: white;
	background-color: black;
	font-family: intellivision;
	font-size: 0.7em;
	padding: 0;
	margin: 0;
	box-sizing:content-box;
}
a:link { color: lightgreen; }
a:visited {	color: blue; }
a:hover { color: cyan; }

h1 {
	text-align: center;
	font-size: 1.8em;
	color: #FF99CC;
}
.h1a {
	text-align: center;
	font-size: 1.3em;
	color: #FF0044;
}
.h2a {
	text-align: center;
	font-size: 1.1em;
	color: #444444;
}
h2 {
	font-size: 1.3em;
	font-style: oblique;
	color: #FF0088;
	margin: 4px;
}
ul {
	box-sizing: border-box;
}
li:hover {
	background-color: #000033;
	transition: background-color 4s;
}
.section
{
    font-size: 2em;
    text-align: center;
    color: #77FFCC;
    padding-bottom: 10px;
}
.thin {
	color:#FFFFFF;
	height: 1px;
	width: 100%;
	padding: 0;
	border-spacing: 0;
	border-style:none;
}
.thin2 {
	color:#FFFFFF;
	height: 1px;
	width: 100%;
	padding:0;
	border-spacing: 3px;
	border-style:none;
}
.blocky {
	color: #FFFFFF;
	height: 1px;
	width: 100%;
	border: 0;
	padding: 0;
	border-spacing: 1px;
	border-style: none;
	background-color: #440000;
}
.tiny
{
    font-size: 0.5em;
    color: #FFFFCC;
	text-align:center;
}
.hidethis
{
	display:inline;
	font-size: 0.8em;
	color: #000000;	
}
.hbody {
	background-color: #000;
	color: aqua;
	margin: 0;
	padding: 0;
}
.sprite {
	visibility: hidden;
}
.divall {
	position: absolute;
	left: 0%;
	top: 0%;
	height: 100%;
	margin: 0;
	padding: 0;
}
.bcanvas {
	width: 100%;
	height: 100%;
	overflow: hidden;
	image-rendering: optimizeSpeed;
	-ms-interpolation-mode: nearest-neighbor;
}