/* * Colors from randoma11y.com for accessibility. */ /* 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: #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
tag*/ margin-left: auto; margin-right: auto; /*default width*/ width: 100%; /*preserves aspect ratio*/ height: auto; }