html,
body {
	margin: 0px;

	box-sizing: border-box;
	height: 100%;

	font-family: Arial, sans;
	font-weight: 400;

	/*
		Draws scrollbar on top of html/body to prevent horizontal resizing.
	*/
	overflow-y: auto;
}

header {
	position: fixed;
	top: 0;

	height: 100px;
	width: 100%;

	display: flex;
}

header h1 {
	padding-left: 15px;
	align-self: center;
}

nav {
	position: fixed;
	top: 0;
	right: 0;
	height: 100px;

	padding-right: 15px;

	display: flex;
	align-items: center;
}

nav ul {
	display: flex;
	flex-direction: row;
	list-style-type: none;
	padding: 5px;
}


ul {
	display: flex;
	flex-direction: column;
	list-style-type: none;
	padding: 5px;
}

li {
	padding: 10px;
}

a {
	font-size: 1.2rem;
	/*text-decoration: none;*/
	text-transform: capitalize;
}

footer {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 50px;
}

footer p {
	margin: 10px 20px;
	padding: 0px;
	font-size: 1.2rem;
}

h2 {
	text-transform: uppercase;
}

main {
	padding-top: 100px;
	padding-bottom: 50px;
}

/*
	class for main element in article templates.
*/
.articleMain {
	display: grid;
	grid-template-columns: 2fr 1fr;
}

.articleMain article {
	grid-column: 1;
}

article {
	padding: 40px;
	display: flex;
	flex-direction: column;
}

.blogMain {
	display: flex;
	flex-direction: row;
	justify-content: center;
}

.blogMain article {
	/* Hoping for somewhere between 50-70 characters per line with this. */
	width: 30.0rem;
}

.blogMain article h2 {
	margin-bottom: 0;
}

.titleOnly {
	background-image: url("../images/wald.jpg");
	align-items: center;
}

.titleOnly h2 {
	font-size: 32px;
	font-weight: 700;

	text-align: center;
}

article img {
	height: 15%;
	width: 100%;
	object-fit: cover;
	order: -1;
}

.articleMain article div {
	column-count: 2;
	column-fill: auto;
}

section {
	margin-top: 10px;
}

section p {
	line-height: 1.5rem;
}

.closeParagraphs p {
	margin: 8px 0px;
}

.keyValue {
	display: grid;
	grid-template-columns: fit-content(50rem) 1fr;
}

.keyValue p {
	margin-right: 5px;
}

.key {
	text-align: right;
}

aside {
	grid-column: 2;
	padding: 40px;
}