/* reset.css derived from https://www.joshwcomeau.com/css/custom-css-reset/ */
/* on using layers in reset https://www.mayank.co/blog/css-reset-layer */
@layer reset {
	*,
	*::before,
	*::after {
		box-sizing: border-box;
	}
	* {
		margin: 0;
	}
	body {
		line-height: 1.5;
		-webkit-font-smoothing: antialiased;
		text-rendering: optimizeLegibility;
		-webkit-text-size-adjust: 100%;
	}
	img,
	picture,
	video,
	canvas,
	svg {
		display: block;
		max-width: 100%;
	}
	input,
	button,
	textarea,
	select {
		font: inherit;
	}
	p,
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		overflow-wrap: break-word;
	}
}

/** 1.500 — Perfect fifth */
html {
	font-size: 20px;
}
h1 {
	font-size: clamp(2.25rem, 5vw, 3.375rem);
	font-weight: 900;
}
h2 {
	font-size: clamp(1.5rem, 3.5vw, 2.25rem);
}
h3 {
	font-size: clamp(1rem, 2.5vw, 1.5rem);
}
h4 {
	font-size: 1rem;
}
h5 {
	font-size: 0.667rem;
}
h6 {
	font-size: 0.444rem;
}

html,
body {
	height: 100%;
	/* 1rlh = 1.5 * 1rem */
	line-height: 1.5;
	font-family:
		"Iowan Old Style", "Palatino Linotype", "URW Palladio L", P052, serif;
	font-weight: 400;
}
body {
	/*overflow: hidden;*/
	/*touch-action: none;*/
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	/*background: #0a0a0a;*/
	/*color: #e0e0e0;*/
	padding: 0.5rlh;
	max-width: 800px;
	margin: 0 auto;
}

ul {
	margin-top: 1rem;
	list-style: none;
	padding: 0;
	margin: 0;
}
li {
	margin: 0.5rem 0;
	display: inline-block;
}
a {
	text-decoration: underline;
	transition: text-decoration 0.3s ease;
}
a:visited {
	color: #313131;
}
a:hover,
a:visited:hover {
	color: #ff6347;
	text-decoration: none;
}
p {
	text-wrap: pretty;
}

s {
	text-decoration: line-through #ff6347 0.15rem;
	/*color: #777;*/
}