body {
	margin:1em;
	background:#f3f3f3;
	color:#000;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
}

p {
	margin: 1em 2em;
}

h1, h2, h3 {
	clear:both;
	margin:1em 0em;
	padding:0em 1em;
	border-bottom:3px solid #000;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
}
h1 {
	font-size:25px;
}
h2 {
	font-size:20px;
	margin:1em 0.5em;
	padding:0em 0.5em;
	border-bottom:1px solid #000;

}
h3 {
	font-size:18px;
	margin:1em 1em;
	padding:0em 0.5em;
	border-bottom:1px solid #888;
}

div.figure {
	text-align:center;
}

div.figure img {
	height:15em;
	width:auto;
}


pre > code {
	display:block;
	tab-size:4;
	width:min-content;
	margin-left:auto;
	margin-right:auto;
}

code {
	background:#fdffe5;
	color:#101003;
	padding:2px 4px;
	border-radius:4px;
}

body.slides section {
	min-height:100vh;
	border-bottom:10px solid #fff;
	display:flex;
	flex-flow:column;
	justify-content:flex-start;
	align-items:center;
}

div.gap {
	display:none;
}

body.slides div.gap {
	display:block;
	flex-grow:1;
}

body.slides h1 {
	font-size:5vh;
	align-self:stretch;
	margin-top:1vh;
}

body.slides h2 {
	font-size:4vh;
	align-self:stretch;
	margin-top:1vh;
}

body.slides div.figure img {
	height:60vh;
	width:auto;
}

body.slides p.callout {
	font-size:4vh;
	border:1vh solid #888;
	background:#fff;
	padding:2vh;
	align-self:center;
}

body.slides p {
	font-size:2vh;
	align-self:flex-start;
}

body.slides p.big {
	font-size:4vh;
	align-self:flex-start;
}


body.slides ul.list , body.slides ol.list {
	font-size:4vh;
	align-self:flex-start;
}

body.slides ul.list > li , body.slides ol.list > li {
	margin-bottom:1em;
}


body.slides p.notes {
	display:none;
}

body.slides .slideHide {
	display:none;
}

body.slides pre > code {
	display:block;
	tab-size:4;
}

body.slides code {
	background:#fdffe5;
	color:#101003;
	padding:0.2vh 0.8vh;
	border-radius:1vh;
}