body {
	background-color: rgb(14, 14, 14);
	min-width: 20rem;
	max-width: 48rem;
	height: 100%;
	padding: 0 1rem;
	margin: auto;
}
div.body {
	padding: 1rem;
	margin: auto;
}
p, a {
	font-family: sans-serif;
	font-size: 1rem;
	color: silver;
}
h1 {
	font-family: monospace, serif;
	font-size: 5rem;
	letter-spacing: 1rem;
	background-color: darkred;
	color: silver;
	margin: auto;
}
h2, h3 {
	font-family: sans-serif;
	color: silver;
	padding-top: 0.5rem;
	margin: auto;
}
hr {
	border: thin solid darkred;
	margin: 1rem 0;
}
@media screen and (min-width: 35rem) and (min-height: 22rem) {
	.centered {
		position: relative;
		top: 50%;
		transform: translate(0%, -50%);
	}
	div.main {
		width: 100%;
		display: flex;
		gap: 1rem;
		flex-direction: row;
		justify-content: space-between;
		align-items: start;
	}
	div.err_txt {
		margin-top: 3rem;
		width: 33rem;
		text-align: right;
		order: -1;
		p, h2, h3 {margin-right: 1rem;}
	}
	div.beastie {
		width: 14rem;
		text-align: center;
		img {height: 10rem;}
	}
	div.footer {
		width: 100%;
		display: flex;
		gap: 1rem;
		flex-direction: row;
		justify-content: center;
		align-items: center;
	}
	.ord_1 {
		text-align: center;
		img {
			height: 3rem;
			max-width: 10rem;
		}
	}
}
 @media screen and (max-width: 35rem), screen and (max-height: 22rem) {
	div.body {
		border: none;
		text-align: center;
	}
	h1 {padding-left: 1rem;}
	div.err_txt {
		margin-top: 2rem;
	}
	div.beastie {
		img {height: 10rem;}
	}
	div.footer {
		p {
			margin-top: 1.5rem;
		}
	}
	.ord_1 {
		text-align: center;
		img {
			height: 3rem;
			max-width: 10rem;
		}
	}
}