a:any-link{
	color:#88f;
}
a.a-hide{
	color:inherit;
	text-decoration:inherit;
}
.emoji {
	height:1em;
	vertical-align:top;
}
.page-size{
	box-sizing:border-box;
	max-width:50em;
	margin:auto;
}
.header {
	border-bottom: solid 2px white;
	padding-bottom:0.1em;
}
.header .headerdec {
	display:inline;
	visibility:hidden;
}
.header:hover .headerdec,
.header:target .headerdec
{
	color:#888;
	visibility:visible;
}
.code-wrap{
	white-space:pre-wrap;
	word-break:break-all;
}
.infobox {
	background-color: #222;
	font-family:sans-serif;
	margin-top:0.5em;
	margin-bottom:2em;
	border-radius:0.5em;
	padding:1em;
	text-wrap:wrap;
	overflow-x:auto;
	display:flex;
}
.warning{
	background-color:#fb0;
	color:#320;
}
.warning-icon {
	width:3em;
	flex-shrink:0;
	margin-right:1em;
	aspect-ratio:1;
	background-image: url(/warn-icon.svg);
	background-size: contain;
	background-repeat: no-repeat;
}
.infobox h2 {
	font-size: 1.2em;
	margin:0;
	margin-bottom:0.1em;
}
.infobox a:any-link{
	color:#11b;
}
.warning a:any-link{
	color:#440;
}
.nuh-uh {
	display:none;
}
.warning{
	background-color:#fb0;
	color:#320;
}
.warn-icon {
	width:3em;
	flex-shrink:0;
	margin-right:1em;
	aspect-ratio:1;
	background-image: url(/warn-icon.svg);
	background-size: contain;
	background-repeat: no-repeat;
}
.infobox h2 {
	font-size: 1.2em;
	margin:0;
	margin-bottom:0.1em;
}
body{
	background: url("/testbg.png");
	/*background-size: 35em;*/
	background-color: #202022;
	color:#fff;
}
body,html{
	margin:0;padding:0;
	min-height:100%;
}
body{
	height:100%;
	width:100%;
	position:absolute;
	display:flex;
	flex-direction:column;
	align-items:stretch;
}
ul{
	padding-left:1em;
	margin:0.5em;
}
#footer {
	text-align:center;
	padding:1em;
	background-color:#222224;
	color:#808080;
}
#footer span {
	font-size: 0.8em;
}
#footer-container {
	order:65535;
	display:block;
}
#footer-compat {
	display:none;
}
#sph-btn {
	color:#888;
	font-size:1.5em;
	font-family:sans-serif;
	text-align:center;
}
#subpage-header{
	padding:0.2em;
	text-align:center;
	background-color:#151518;
}
#things-container{
	background-color:#333;
	overflow-x:auto;
	flex-shrink:0;
}
#things{
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	margin:auto;
	width:min-content;
	padding:1em;
	overflow:stretch;
	gap:1em;
}
#things a img {
	height:100%;
	width:100%;
	border-radius:1em 1em;
	background-color:#808080;
}
#things a {
	flex-shrink:0;
	height:15em;
	width:26.67em;
}
#banner{
	height:20em;
	flex-basis:auto;
	min-width:20em;
	background-color:#000;
	position:relative;
	flex: 0 0 auto;
}
#content-container{
	flex: 1 0 auto;
}
#content {
	min-height:100%;
	background-color:#282829;
	padding:2em;
	box-sizing:border-box;
}
.bigfont{
	font-size:4em;
	font-family:sans-serif;
}
@media(max-width:24em){
	body{
		font-size:calc(100vw/24);
	}
}
.centered{
	position:absolute;
	top:50%;left:50%;
	transform:translate(-50%,-50%);
}
.img {
	max-width:100%;
	min-height:8em;
	object-fit:contain;
}