/* 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
 tag*/
	margin-left: auto;
	margin-right: auto;
	/*default width*/
	width: 100%;
	/*preserves aspect ratio*/
	height: auto;
}