body {
	/*background-color: #decfc7;*/ /*randomly generated*/
	background-color: #ece4df; /*H: 21 degrees, S 26%, L 90%*/
	/*background-color: #decec9;*/ /*H: 15 degrees, S 25%, L 83%*/
	/*color: #3f101e;*/ /*redish; randomly generated*/
	/*color: #330d18;*/ /*redish but darker*/
	/*color: #260a12;*/ /*redish but even darker*/
	/*color: #3d1010;*/ /*redish but less purpley*/
	color: #391313; /*H: 0 degrees, S: 50%, L 15%*/
	/*color: #1c0f1e;*/ /*off-black*/
	/*color: black;*/
	font-family: sans-serif;
	font-size: 5mm;
	line-height: 1.4;
	margin: 0;
}

header h1 {
	color: #afa39d; /*H: 21 degrees, S: 10%, L: 65%*/
	font-family: monospace;
	font-size: 18mm;
	margin: 0;
	text-align: center;
}

/*keep main title from splitting TOO awkwardly*/
.line {
	display: inline-block;
}

main {
	padding: 0% 12%;
}

h1 {
	font-size: 10mm;
	line-height: 1.2;
	margin: 2em 0 0 0;
}

p {
	margin: 1em 0;
}

img, video, canvas {
	display: block;
	margin: 2em auto;
	max-height: 40em;
	max-width: 100%;
}

.bordered {
	border: 2px solid white;
}

i {
	/*color: #afa39d;*/ /*H: 21 degrees, S: 10%, L: 65%*/
	/*color: #8c737c;*/ /*H: 21 degrees, S: 10%, L: 50%*/
	/*color: #a1755e;*/ /*H: 21 degrees, S: 26%, L: 50%*/
	/*color: #907b6f;*/ /*H: 21 degrees, S: 13%, L: 50%*/
	color: #736259; /*H: 21 degrees, S: 13%, L: 40%*/
	/*color: #70635c;*/ /*H: 21 degrees, S: 10%, L: 40%*/
	font-style: italic;
}

i h1 {
	font-size: 7mm;
	margin: 20mm 0 0 0;
}