@font-face {
	font-family: "Fira Code";
	font-display: swap;
	src: url("/fonts/FiraCode.woff2") format("woff2");
}

@font-face {
	font-family: "Lexend";
	font-display: swap;
	src: url("/fonts/Lexend.woff2") format("woff2");
}

body {
	font: normal 18px/1.25 "Lexend", sans-serif;
	margin: 0;
	display: grid;
	grid-template-rows: auto 1fr auto;
	min-height: 100vh;
	color: black;
	background-color: white;
}

li {
	margin: 0.125lh 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
b {
	font-weight: 600;
}

main {
	margin: 0 1lh 1lh;
	width: calc(100vw - 2lh);
}

header {
	margin: 1lh 1lh 0;
}

footer {
	padding: 0.5lh;
}

@media (min-width: 65em) {
	main {
		margin: 0 auto 1lh;
		max-width: calc(65rem - 2lh);
	}
}

ul,
ol {
	padding-left: calc(0.5lh + 1em);
}

figure:has(blockquote) {
	margin: 0;
}

figure:has(blockquote) figcaption {
	margin-left: 1lh;
}

code,
pre {
	font: 80% "Fira Code", monospace, monospace;
	background-color: #ddd6d1;
	padding: 0.15lh;
	border-radius: 0.1em;
}

pre > code {
	font: inherit;
}

img,
svg {
	max-width: 100%;
	border-radius: 0.1em;
}

footer {
	font-family: "Fira Code", monospace, monospace;
	background-color: #c3bcb7;
	width: 100%;
	margin: 0;
	text-align: center;
	box-sizing: border-box;
}

small {
	font-size: 75%;
}

a {
	color: #78292d;
}

aside,
blockquote {
	border-left: 0.33em solid #984647;
	margin-left: 0;
	padding: 0.01lh 0.8lh;
	max-width: fit-content;
	border-radius: 0.1em;
}

blockquote {
	background-color: #e3ddd7;
}

hgroup:has(p) h1 {
	margin-bottom: 0;
}

hgroup p {
	font-size: 85%;
}

address {
	font-style: inherit;
}

table {
	border-spacing: 0;
	border: 0.1em solid #c3bcb7;
	font-size: 80%;
	letter-spacing: 0.02em;
	border-radius: 0.15em;
}

.scroll-container {
	overflow: auto;
	max-width: 100%;
}

td,
th {
	border: 0.1em solid #c3bcb7;
	padding: 10px 20px;
}

th {
	background-color: #eae3de;
}

td {
	text-align: center;
}

tr:nth-child(odd) td {
	background-color: #faf4ee;
}

.reflink {
	font-size: 80%;
}

hr {
	border: 0.06em solid #68625e;
}

/* Colors:

#36384f - oklch(0.35 0.04 280)

#68625e - oklch(0.5 0.01 61)
#c3bcb7 - oklch(0.8 0.01 61)
#ddd6d1 - oklch(0.88 0.01 61)
#e3ddd7 - oklch(0.9 0.01 61)
#eae3de - oklch(0.92 0.01 61)
#faf4ee - oklch(0.97 0.01 61)

#681a20 - oklch(0.35 0.11 21)
#78292d - oklch(0.4 0.11 21)
#984647 - oklch(0.5 0.11 21)
#b96463 - oklch(0.6 0.11 21)

*/