* {
	box-sizing: border-box;
}

/* CSS */
:root {
	font-family: Inter, sans-serif;
	font-optical-sizing: auto;
	font-size: 18px;
	color: #f9f4e0;
	font-feature-settings:
		"liga" 1,
		"calt" 1; /* fix for Chrome */
}

html {
	display: inline-block;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

body,
html {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	background-color: #32302f;
}

i {
	font-style: italic;
}

b {
	font-weight: bold;
}

h1,
h2,
h3 {
	margin: 8px 0 8px 0;
}

p,
blockquote {
	margin: 24px 0 24px 0;
}

p,
li,
label {
	font-size: 18px;
	line-height: 1.2;
}

blockquote {
	max-width: 512px;
	padding: 2px 0 2px 12px;
	/*margin-left: 8px;*/
	border-left: solid 3px #ff5d7b;
}

blockquote > p:first-child {
	margin-top: 4px;
}
blockquote > p:last-child {
	margin-bottom: 4px;
}

a,
a:visited {
	color: #ffaf40ff;
}

pre {
	font-family: "JetBrains Mono", monospace;
}

.quiet {
	font-size: 14px;

	opacity: 0.5;
	/*font-style: italic;*/
}

.h-title {
	text-align: center;
}

.cchunk {
	padding: 24px;
	width: 640px;
	margin: 32px auto 0 auto;
	border-radius: 4px;
	border: solid 1px #ff5d7b;
	background-color: #282828;
}