/*https://coolors.co/efefef-efdcdc-464f51-5468ff-470ef2*/
html {
	background: #464f51;
	color: #efefef;
	font-family: 'Titillium Web', sans-serif;
	margin: 0;
	min-height: 100%;
	padding: 0;
	position: relative;
}
body {
	margin: 0;
	padding: 0;
}
.container {
	margin-bottom: 3em;
}
a:link, a:visited, a:hover, a:active {
	color: #5468ff;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
nav {	
	display: table;
	font-size: 1.15em;
	margin: 3em auto;
	width: auto;
}
ul {
	list-style-type: none;
  	margin: 0;
  	padding: 0;
}
li {
	display: inline;
	padding: 1em;
}
h1 {
	color: #efdcdc;
    	display: table;
	font-size: 4em;
    	margin: 0em auto;
    	width: auto;
}
section {
	margin: 0em 20em;
	overflow: auto;
	padding-bottom: 4em;
}
p {
	line-height: 150%;
}
sup {
	font-size: 0.75em;
}
table {
	border-spacing: 1em;
	margin: 0em auto;
	width: 75%;
}
td.heading {
    	font-size: 1.15em;
    	font-weight: 600;
	text-align: center;
}
td.grade {
	text-align: right;
}
footer { /* width calculated dynamically, margin, left, and right positioning added after... */
	bottom: 0;
	font-size: 1.15em;
    	height: 3.5em;
	/*left: 0em;*/
	/*margin: 0em auto */
    	position: absolute;
	/*right: 0em;*/
}
#resume {
	border: 0em;
	display: inherit;
	height: 61em;
	margin: 0em auto;
	overflow: hidden;
	width: 49em;
}
#picOfMe {
	border-radius: 50%;
	display: block;
    	margin: 0 auto;
}
#introAnimation {
	display: block;
	margin: 0em auto;
}
.canvas {
	display: block;
	margin: 0em auto;
}