/* ===========================
   Error Page (404, etc.)
   =========================== */

.error-page {
	padding: 1rem 5vw;
}

.error-page h1 {
	font-size: 1rem;
	font-weight: bold;
	margin: 0 0 0 0;
}

.error-page p {
	margin-bottom: 1rem;
	line-height: 1.6;
}

.error-page p:first-of-type {
	margin-top: 0;
}

.error-page p:last-of-type {
	margin-bottom: 0;
}

.error-page a {
	color: var(--color-text);
	text-decoration: none;
	transition: background-color 150ms ease, color 150ms ease;
}

@media (hover: hover) {
	.error-page a:hover {
		background-color: var(--color-text);
		color: var(--color-background);
	}
}