body {
	font-family: "Sans-Serif";
	font-size: 1.2em;
	width: 72vw;
	height: 80vh;
	background-color: #ffffea;
	margin-top: 5vh; margin-bottom: 15vh;
	margin-left: 8vw; margin-right: 24vw;
}

img {
	object-fit: contain;
	max-height: 80%; max-width: 80%;
}

a {
	color: black;
	text-decoration: underline dotted;
}
a:hover { background-color: #aeeeee; }

tiny { font-size: 0.5em; }

ul, ol {
	margin-left: 0vw;
	padding-left: 1ch;
}
ul { list-style: square inside; }
h2 { border-bottom: double; }

div.affiliations {
	display: flex;
	justify-content: space-around;
}

/** template divs */
div.center-float {
	display: flex; justify-content: space-between; align-items: baseline;
}

/** header styling */
div.header {
	width: 98%; margin: auto;
	border-bottom: solid 1px;
}

div.header > * { margin: 0em 0em; }
div.header > h4 { font-size: 1em; font-style: oblique; font-weight: lighter; }
div.header > h3 { font-size: 1.3em; font-weight: normal; }

/** column styling */
div.columns { display: flex; }
div.left { position: sticky; top: 0; width: 20%; }
div.right { width: 80%; }

div.headshot { margin: 0vh 2vw; }
div.headshot > img {
	margin: 0 auto;
	padding: 1vh 1vw;
}
div.headshot img { border-radius: 50%; }
div.headshot > p { margin: 0 auto; text-align: center; }