a:link, a:visited { color: #a00; }
a:hover, a:active { color: #d44; }
/*a.conference:link, a.conference:visited { color: #444; }
a.conference:hover, a.conference:active { color: #777; }*/
html, body {
	max-width: 900px;
	margin: auto;
	background-color: #FFFBC9;
}
@font-face {
	font-family: "TeX Gyre Heros";
	font-display: swap;
	src: local("TeX Gyre Heros"), local(TeXGyreHeros-Regular), url(texgyreheros-regular.woff2) format("woff2"), url(texgyreheros-regular.otf) format("opentype");
}
@font-face {
	font-family: "TeX Gyre Heros";
	font-weight: bold;
	font-display: swap;
	src: local("TeX Gyre Heros Bold"), local(TeXGyreHeros-Bold), url(texgyreheros-bold.woff2) format("woff2"), url(texgyreheros-bold.otf) format("opentype");
}
main {
	margin: 10px;
	background-color: #FFDA00;
	padding: 10px 40px 30px 40px;
	border-radius: 10px;
	/*font-family: "TeX Gyre Pagella", "URW Palladio L", "FPL Neu", Palladio, Palatino, "Palatino Linotype", "Book Antiqua", serif;*/
	/*font-family: "Open Sans", "Noto Sans", "Droid Sans", Verdana, sans-serif;*/
	font-family: "TeX Gyre Heros", Helvetica, "URW Nimbus Sans", Swiss, sans-serif;
	line-height: 1.35;
	font-size: 94%;
}
h1 {
	font-size: 200%;
}
h2 {
	font-size: 140%;
}
h3 {
	font-size: 120%;
	font-weight: bold;
}
li:not(:first-of-type) {
	padding-top: 0.7em;
}
ul {
	padding-left: 2em;
}
span.affiliation-desc {
	font-style: italic;
	font-weight: lighter;
}
small.conference {
	display:inline-block;
	padding-top: 0.4em;
	color: #430;
}
#im_one {
	float: right;
	margin: 25px 7px 0px 7px;
}
#im_two {
	float: right;
	margin: 0px 7px;
	display: none;
}
@media only screen and (max-width: 660px) {
	#im_one { display: none; }
	#im_two { display: inline; }
}
@media only screen and (max-width: 550px) {
	h1 {font-size: 1.7em;}
}
@media only screen and (max-width: 480px) {
	body { width: 100%; }
	main {margin: 0px; padding: 20px; }
	h1 { font-size: 1.5em; }
}
@media only screen and (max-width: 375px) {
	body, main {width: 350px;}
}
