@font-face {
	font-family:	"League Spartan";
	font-weight:	normal;
	src:		url("fonts/LeagueSpartan-Regular.otf")
			format("opentype");
}
@font-face {
	font-family:	"League Spartan";
	font-weight:	bold;
	src:		url("fonts/LeagueSpartan-Bold.otf")
			format("opentype");
}
@font-face {
	font-family:	"League Spartan";
	font-style:	italic;
	src:		url("fonts/LeagueSpartan-Light.otf")
			format("opentype");
}
@font-face {
	font-family:	"Courier Prime";
	font-weight:	normal;
	src:		url("fonts/CourierPrime-Regular.ttf")
			format("truetype");
}

body {
	margin-top:	0;
	margin-bottom:	2em;
	font-family:	"League Spartan", sans;
	font-size:	13pt;
}

div.text {
	margin-left:	auto;
	margin-right:	auto;

	line-height:	15pt;
	max-width:	80ex;
}

h1, h2, h3 {
	text-align:	center;	
}
h1, h2 {
	font-variant:	titling-caps;
}
h2, h3 {
	font-weight:	normal;
}
h1 {
	margin-top:	3em;
	margin-bottom:	1em;
	font-size:	24pt;
}
h2 {
	font-size:	18pt;
}
h3 {
	font-size:	13pt;
	margin-bottom:	2em;
}

p {
	text-align:	justify;
}

li {
	margin-bottom:	0.2em;
	display:	flex;
	margin-right:	1em;
}
li a {
	margin-right:	auto;
	font-family:	"Courier Prime", mono;
	font-size:	11pt;
}

main div {
	margin-left:	auto;
	margin-right:	auto;
	margin-top:	1em;
	margin-bottom:	1em;
}

main img {
	border: solid 1px;
}

div.pic {
	max-width: 80ex;
}
div.pic img {
	max-width: 100%;
}
div.pics {
	max-width: 80ex;
}
div.pics img {
	max-width: 49%;
}

.caps {
	font-variant:	titling-caps;
}