* {max-width: 100%; margin: 0;}
.r {color: red;}
.t {
	font-family: "MxPlus IBM VGA 9x16", monospace;
	letter-spacing: -1px;/*for fallback monospace fonts with gaps, fine for 9x16 since the 9th bar is duplicated*/
}
.w {display: block; overflow-x: scroll;}
pre, font, code {font-family: "OpenDyslexic Mono", "MxPlus IBM VGA 9x16", monospace;}
pre, font, code, .t {
	/*here lies a bunch of bs in attempt to make it work across browsers*/
	line-height: 1ic;
	font-kerning: none;
	font-smooth: never;
	-webkit-font-smoothing: none;
	-moz-osx-font-smoothing: none;
	font-size: 16px;
	text-rendering: optimizeSpeed;
}
.t tr {white-space: pre;}
pre, .t {color: #fff;}
ul, ol, dl {text-align: start;}
ul, ol, dl, strong {display: inline-block;}/*blockquote is different as a workaround for the shitty dillo css engine*/
hr {box-shadow: #ffa 4px 4px 4px;}
strong {text-shadow: #f00 4px 4px 4px;}
blockquote {display: table-cell;}
blockquote, .p {text-shadow: #afa 4px 4px 4px;}
strong, blockquote {
	border: 2px outset;
	text-align: center;
}
dt {margin-top: 16px;}
dt, .p {font-style: italic;}
@font-face {
	font-family: 'MxPlus IBM VGA 9x16';
	src: local("MxPlus IBM VGA 9x16"),/*tech(color-cbdt) for .otb breaks legacy compat*/
	url(./media/MxPlus_IBM_VGA_9x16.ttf) format('opentype');
	font-weight: normal;
	font-style: normal;
	line-gap-override: 0%;
}
:target {background-color: #99994c; color: #000099;}
@media (max-width: 584px) {pre, font {font-size: calc(100cqw/36 - 1px);}}