:root {
	background-color: #121212;
}

html.page-type--error body {
	margin: 0;
}

html.page-type--error main > .card {
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	justify-content: center;
	flex-direction: column;

	padding: 32px 40px;
	font-size: 30px;
}

html.page-type--error main > .card > header {
	white-space: nowrap;
}

html.page-type--error main > .card > header > * {
	display: inline-block;
	margin: 0;
	vertical-align: middle;
}

html.page-type--error main > .card > header > i {
	font-family: 'Twemoji', sans-serif;
	font-style: normal;
	font-size: 1.45em;
}

html.page-type--error main > .card > header > h1 {
	height: 1.5em;
	margin-left: .75em;
	border-left: 1px solid;
	padding-left: .75em;
	line-height: 1.5em;
	font-weight: 300;
	font-family: 'Quicksand', sans-serif;
}

html.page-type--error main > .card > blockquote {
	max-width: 80vw;
	margin-bottom: 0;
	margin-inline: 0;
	text-align: justify;
	font-weight: 400;
	font-family: 'JetBrains Mono', monospace;
}