/*
 * Colors from randoma11y.com for accessibility.
 */
/* use local  fontface */
@font-face {
	font-family:
		"DinkieBitmap";
	src:
		local('DinkieBitmap 9px');
	unicode-range:
		U+2E80-FFFFF;

}
/*use hosted iokalant fontface */
@font-face {
	font-family:
		"DinkieBitmap";
	src:
		url("fonts/DinkieBitmap-9px.woff2")format('woff2');
	/*2E80 is when radical supplements start*/
	unicode-range:
		U+2E80-FFFFF;

}
* {
	font-family: Console,DinkieBitmap, monospace;
	color: #ffffff;
	background-color: #241f3b;
	margin: 0px; /*default margins get in the way*/
	/*font size sets font height, assuming font width = 1/2 font height,
	 * then fh /2 * 80 = 60vw
	 * fh = 100/80
	 * fh = 1.1vw
	 */
	font-size:  1.1vw;
}
a {
	text-decoration: none; /*no underline*/
	color: #89bdcd;
 
}
a:hover {
	color: #241f3b;
	background-color: #89bdcd;
}
.content {
	display: block;
	width: 50vw;
	min-width: 50vh;
	max-width: 90vw;
	margin-left: auto;
	margin-right: auto;
}

img {
	display: block;
	/*overrides not margin to center from bounds of the <pre> tag*/
	margin-left: auto;
	margin-right: auto;
	/*default width*/
	width: 100%;
	/*preserves aspect ratio*/
	height: auto;
}