@font-face {
	font-family: "Atkinson Hyperlegible";
	font-weight: normal;font-style: normal;
	src: local("Atkinson Hyperlegible Regular"), local("AtkinsonHyperlegible-Regular"), url("assets/Atkinson-Hyperlegible-Regular-102.woff");
}
@font-face {
	font-family: "Atkinson Hyperlegible";
	font-weight: normal;font-style: italic;
	src: local("Atkinson Hyperlegible Italic"), local("AtkinsonHyperlegible-Italic"), url("assets/Atkinson-Hyperlegible-Italic-102.woff");
}
@font-face {
	font-family: "Atkinson Hyperlegible";
	font-weight: bold;font-style: normal;
	src: local("Atkinson Hyperlegible Bold"), local("AtkinsonHyperlegible-Bold"), url("assets/Atkinson-Hyperlegible-Bold-102.woff");
}
@font-face {
	font-family: "Atkinson Hyperlegible";
	font-weight: bold;font-style: italic;
	src: local("Atkinson Hyperlegible Bold Italic"), local("AtkinsonHyperlegible-BoldItalic"), url("assets/Atkinson-Hyperlegible-BoldItalic-102.woff");
}
body {
	font-family: "Atkinson Hyperlegible", sans-serif;
	color: #fff;
	background-color: #000;
	background-image: url(assets/purpdimond.png);
	font-size: 12pt;
}
main {
	background-color: #000;
	width: 800px;
	max-width: calc(100% - 20px);
	margin: auto;
	padding: 10px;
}
footer {text-align: center}
h1, h2, h3, h4, h5, h6 {color: #ff7cd3;font-weight:bold;}
a {
	color: #ff28ff;
	text-decoration: underline;
	font-weight: normal;
}
a:hover, a:focus {
	font-weight: bold;
}
a:focus img {background-color:#ff28ff;padding:2px;}
.outset {
	margin: 8pt;
	display: inline-block;
	padding: 10pt;
	border: 18pt solid;
}
code {
	font-family:monospace;
	font-size: .9em;
	color: #ff3;
}
pre {
	overflow-x: auto;
	border: 1px solid #f0f;
	padding: 3px;
	background-color: #000;
}
img, svg {max-width:100%;height:auto;image-rendering:pixelated}
del {text-decoration: line-through;}
ins::before {content: "Update: "}
ins[datetime]::before {content: "Update " attr(datetime) ": "}
table {border-collapse:collapse}
td {border: 1px solid #fff}
figure img {display:block}
.alignright {text-align:right} /* legacy */