/* use local iokalant fontface */
@font-face {
	font-family:
		"iol";
	src:
		local('IOKALANT_STANT_FATENC');
	unicode-range:
		U+18900-189FF;

}
/*use hosted iokalant fontface */
@font-face {
	font-family:
		"io";
	src:
		url("fonts/IOKALANT_STANT_FATENC.ttf")format('truetype');
	unicode-range:
		U+18900-189FF;

}
* {
	font-family: Console, iol, io, monospace;
	color: #000000;
	margin: 0px; /*default margins get in the way*/
}
a {
	text-decoration: none; /*no underline*/
	color: #801040;
 
}
a:hover {
	color: #ffffff;
	background-color: #801040;
}
.content {
	/*the following works together to center the entire element*/
	position:relative; /* allows for translation*/
	left:50%; /* this shifts the element to the right by 50% of its parent*/
	display: inline-block; /* this makes the element only as wide as it needs to be*/
	transform:translatex(-50%);/*this shifts it to the left by half its own width*/
}
img {
	position: absolute; /*parent now ignores it's size when calculating size*/
	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;
}