@font-face {
	font-family: "Crimson Pro";
	font-style: normal;
	font-weight: 200 900;
	src: url("./fonts/CrimsonPro-VariableFont_wght.woff2") format("woff2-variations");
	font-display: swap;
}

@font-face {
	font-family: "Crimson Pro";
	font-style: italic;
	font-weight: 200 900;
	src: url("./fonts/CrimsonPro-Italic-VariableFont_wght.woff2") format("woff2-variations");
	font-display: swap;
}

body {
	max-width: 35em;
	margin: 0 auto;
	padding: 0.5em;
	font-family: "Crimson Pro", serif;
	font-size: 1.25em;
	text-align: justify;
	line-height: 1.4;
	padding-bottom: 50%;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	margin-top: 1.5em;
}
h1 {font-size: 1.56em;}
h2, h3, h4, h5, h6 {font-size: 1.25em;}

address {font-style: normal;}

header {
	padding-bottom: 1em;
	margin-bottom: 2em;
	font-weight: 200;
}

footer {
	padding-top: 1em;
	margin-top: 2em;
	font-weight: 200;
}

header h1, footer h1 {margin-bottom: 0.5em;}
header p, footer p {margin: 0.25em;}

a {
	text-decoration-color: grey;
	color: unset;
}

img.emoji {
	height: 1em;
	width: 1em;
	margin: 0 .05em 0 .1em;
	vertical-align: -0.1em;
}

.nobr {white-space: nowrap;}

em {
	font-style: italic;
}