@font-face {
	font-family: "GrandCentral";
	font-style: normal
	font-weight: normal;
	font-display: swap;
	src: url("static/GrandCentral-Light.woff2");
}
@font-face {
	font-family: "Academico";
	font-style: normal;
	font-weight: normal;
	font-display: swap;
	src: url("static/Academico-Regular.otf");
}
body {
	background-color: #fcfcfc;
	padding: 1% 0;
}
main {
	width: 800px;
	max-width: 90%;
	margin: 0 auto;
	padding: 4% 5%;
	font-family: "Academico", sans-serif;
	font-size: 112.5%;
	background-color: white;
	box-shadow: 0 4px 8px 0 #eee, 0 6px 20px 0 #eee;
}
a {
	color: black;
	text-decoration: 1px solid underline;
}
a:hover { text-decoration: none; }
a:active {
	background-color: black;
	color: white;
}
h1, h2, h3 {
	font-family: "GrandCentral", sans-serif;
}
h1 {
	text-align: center;
	letter-spacing: 1px;
	font-size: 250%;
	margin: 0;
	padding: 4% 0;
}
h2 {
	font-size: 175%;
	border-top: 1px solid #777;
	border-bottom: 1px solid #777;
	padding: 1em 0;
	margin: 1em 0;
}
h3 {
	font-size: 150%;
}
@media(max-width: 600px) {
	h1 { font-size: 200%; }
	h2 { font-size: 150%; }
	h2 { font-size: 125%; }
}
@media(max-width: 450px) {
	h1 { font-size: 175%; }
	h2 { font-size: 125%; }
	h3 { font-size: 100%; }
}

ul { padding: 0; }
li summary { text-decoration: 1px dotted underline; }
li time {
	float: left;
	text-align: center;
	width: 20%;
	margin: 0 1em;
}
li .event {
	margin-left: 20%;
	padding-left: 2em;
}
li p {
	font-size: 87.5%;
}
li p.location {
	font-style: italic;
	color: #444;
	margin: 2px 0;
}
li p.description {
	margin: 10px 0;
	color: #222;
}
li::marker, summary::marker { content: ""; }
ul li + li { margin-top: 10px; }