@font-face {
	font-family: 'Droid Serif';
	src: url(../fonts/DroidSerif-Regular.woff);
}

@font-face {
	font-family: 'News Cycle';
	src: url(../fonts/NewsCycle-Regular.woff);
}

/* @font-face {font-family: 'News Cycle Bold';
	src: url(../fonts/NewsCycle-Bold.woff);} */
* {
	outline: 1px dotted grey;
	box-sizing: border-box;
}

body {
	font-size: 18px;
	text-align: center;
	height: 100dvh;
	max-width: 1024px;
	margin: 0 auto;
	display: grid;
	grid-template-rows: auto 1fr 3em;
	font-family: 'News Cycle', Arial, sans-serif;
}

header {
	background-color: #abe;
}

main {
	background-color: #aeb;
}

footer {
	background-color: #bea;
}

img {
	max-width: 100%;
	border: 3px double black;
	box-shadow: 0 0 6px 0px rgba(150, 150, 150, 1);
}

h1,
h2 {
	clear: both;
}

h1 {
	font-family: 'Droid Serif', serif;
	font-size: clamp(3rem, 2.5vw, 5rem);
	margin: 1em auto .2em;
}

h2 {
	font-size: clamp(2rem, 2.0vw, 4rem);
	margin: 1em auto .2em;
}

p {
	margin: .3em 0 .2em;
}

.grid_1-1-1 {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
}

header nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: space-around;
}

header nav a:link {
	font-family: 'News Cycle';
	color: #fff;
	padding: .5em 3em;
	background-color: #000;
	border-radius: 5px;
}

header nav a:visited {
	background-color: #bae;
}

header nav a:hover {
	background-color: #eab;
}

header nav a:active {
	background-color: #eba;
}

.appendix {
	font-style: italic;
	font-size: 0.8em;
}

strong {
	font-weight: 700;
}

ul {
	text-align: left;
	display: inline-block;
	margin: 0;
}

ul li,
p {
	line-height: 1.2em;
	padding: 0.2em;
}

figure {
	width: 200px;
	margin: 1em auto;
}

hr {
	margin: 1em 0.5em;
	border: 1px solid black;
}

abbr {
	text-decoration: none;
}

@media all and (min-width: 1000px) {}

@media all and (max-width: 999px) {}

@media all and (max-width: 640px) {
	img {
		width: 90%;
		max-width: 600px;
	}
}