th {
	vertical-align: top;
}

@font-face {
	font-family: "LightChop Bold 9x12";
	src:	url(LightChop-Bold-9x12.svg) format("svg"),
		url(LightChop-Bold-9x12.woff) format("woff"),
		url(LightChop-Bold-9x12.ttf) format("ttf");
}

@font-face {
	font-family: "LightChop 7x9";
	src:	url(LightChop-7x9.svg) format("svg"),
		url(LightChop-7x9.woff) format("woff"),
		url(LightChop-7x9.ttf) format("ttf");
}

@font-face {
	font-family: "LightChop Vector";
	src:	 url(LightChop-Vector.svg) format("svg"),
		 url(LightChop-Vector.woff) format("woff"),
		 url(LightChop-Vector.ttf) format("ttf");
}

.size {
	text-align: center;
}

.hires {
	font-family: "LightChop Bold 9x12", monospace;
	background-color: black;
	color: #FF80FF;
	padding: 5px;

	font-size: 18pt;
}

.lores {
	font-family: "LightChop 7x9", monospace;
	background-color: black;
	color: #FFB000;
	padding: 5px;

	font-size: 18pt;
}
	
.vector {
	font-family: "LightChop Vector", monospace;
	background-color: black;
	color: #41FF00;
	padding: 5px;

	font-size: 18pt;
}

.css {
	background-color: #efefef;
}

@media (prefers-color-scheme: dark) {
	.css {
		background-color: #111111;
	}
}