body {
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
	font-size: large;
	background: rgb(71, 71, 71);
	color: black;
}

main {
	max-width: 75%;
	margin: auto;
}

h1, h2, h3, h4 {
	text-align: center;
	flex: 100%;
}

header h1 {
	color: white;
}

header h4 {
	/*
	The color half-way between the 
	background color and pure white
	*/
	color: rgb(163, 163, 163);
}

a:link {
	color: white;
}

a:visited{
	color: rgb(174, 174, 174);
}

article a:link {
	color: rgb(0, 0, 0);
}

article a:visited {
	color: rgb(64, 64, 64);
}

article {
	background-color: burlywood;
	outline: cadetblue solid 5px;
	padding: 3%;
	border-radius: 10px;
}

hr {
	border-top: 2px solid cadetblue;
	border-radius: 4px;
}

br {
	clear: both;
}

pre {
	/*
	This has to be flagged important because somewhere in hugo a style
	is being directly applied to pre blocks. Ill have to find it later.
	 */
	background-color: rgb(59, 59, 59) !important;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	padding-right: 10px;
	border-radius: 8px;
	outline: cadetblue solid 3px;
}

code {
	font-size: large;
	color: white;
	/*
	we need to re-define these
	for times when a single backtick is used
	*/
	background-color: rgb(59, 59, 59);
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 1px;
	border-radius: 4px;
}

img {
	border-radius: 4px;
	margin: 0;
}

figcaption {
	color: rgb(69, 69, 69);
	font-style: italic;
	text-align: center;
}

figure {
	margin: 2%;
}

footer {
	padding-top: 2%;
	text-align: center;
	clear: both;
}

footer a:any-link {
	color: white;
}

@media only screen and (max-width: 600px) {
	main {
		max-width: 90%;
	}
}