#searchbox {
	margin:0.5em;
	max-width:20em;
	margin-left:auto;
	margin-right:auto;
}
#poweredby {
	margin-inline: auto;
	max-width: fit-content;
	margin-top: 0.5em;
	margin-bottom: 0.1em;
}
#hits {
	margin-left:0.5em;
	margin-right:0.5em;
}
h1{
	background-color:var(--okq-color-h1-background);
	color:var(--okq-color-h1-foreground);
	font-weight:bold;
	padding:5px;
	margin-top:0;
	text-align:center;
	box-shadow:0px 4px 0px #900;
	line-height:1.1;
}

:root{
	--okq-color-background:#fff;
	--okq-color-foreground:#000;
	--okq-color-h1-background:#4CfC00;
	--okq-color-h1-foreground:#333;
	--okq-color-footer-foreground:#999;
	--okq-color-footer-background:#e5e5e5;
	--okq-color-footer-a:#666;
	--okq-color-footer-a-visited:#555;
	--okq-color-footer-a-hover:#00f;
	--okq-color-footer-a-active:#f00;
	--okq-font-family-serif:serif;
	--okq-font-family-sans-serif:sans-serif;
}
body,html{
	background-color:var(--okq-color-background);
	color:var(--okq-color-foreground);
	margin:0;
	padding:0;
}

.footer{
	text-indent:0;
	margin: 64px 0 0 0;
	padding: 6px 0 1em 0;
	border-top:1px solid #777;
	clear:both;
	color: var(--okq-color-footer-foreground);
	line-height: 2em;
	background-color:var(--okq-color-footer-background);
	font-family:var(--okq-font-family-condensed);
}
.footer a{
	color:var(--okq-color-footer-a);
	text-decoration:none;
	font-weight:bold;
}
.footer a:visited{
	color:var(--okq-color-footer-a-visited);
}
.footer a:hover{
	color:var(--okq-color-footer-a-hover);
	text-decoration:underline;
}
.footer a:active{
	color:var(--okq-color-footer-a-active);
}
@media (max-width: 480px) {
	h1{
		font-size:large;
	}
}