:root {
	--bg: #dee2e6;
	--fg: #343a40;
	font-size: 24px;
}
body {
	background: var(--bg);
/*	background-image: url('background.png');
	background-position: top;
	background-size: cover;
	background-attachment: fixed;*/
	color: var(--fg);
	font-family: Avenir, Montserrat, Corbel, 'URW Gothic', source-sans-pro, sans-serif;
	font-size: 1rem;
	font-weight: 400;
	hyphens: auto;
	margin: 6rem 2rem;
}
body::before {
	content: "";
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	background-image: url('background.png');
	background-position: top;
	background-size: cover;
	will-change: transform;
}
p {
	line-height: 1.5rem;
	margin: .125rem 0;
	text-indent: 1.125rem;
}
p:first-of-type, hr + p {
	text-indent: initial;
	font-size: .8rem;
	text-transform: uppercase;
}
hr {
	border: 0;
	border-top: 1px solid var(--bg);
	margin: 4rem auto;
}
@media (min-width: 768px) {
	body {
		margin: 4rem;
	}
}
@media (min-width: 1024px) {
	body {
		margin-bottom: 8rem;
		margin-left: auto;
		margin-right: auto;
		margin-top: 8rem;
		width: 32rem;
	}
}
@media (prefers-color-scheme: dark) {
	:root {
		--bg: #343a40;
		--fg: #dee2e6;
	}
}
/*			@supports (-webkit-touch-callout: none) {
  -webkit-backdrop-filter: blur(0px);
}*/