{
	margin: 0;
	padding: 0;
}

body {
	font-family: 'Fira Mono', monospace;
	font-size: 16px;
	
	color: red;
}

body.switched {
	font-family: 'Fira Mono', monospace;
    font-size: 16px;
	color: black;
}

main {
	width: 100vw;
	max-width: 1440px;
	
	margin: 2em auto;
}

section {
	width: 95%;
	max-width: 680px;
	
	margin: 0 auto;
}

section > figure {
	max-width: 200px;
}


section > figure.left-aligned {
	margin-left: -280px;	
	position: absolute;
}

section > figure.right-aligned {
	margin-left: calc(635px + 4vw);	
	position: absolute;
}

section > figure > img {
	width: 130%;
	padding-bottom: 0.2em;
}

h1 {	
	font-size: 2em;
	margin-bottom: 0em;
}

h2 {
	font-size: 1.25em;
	margin-bottom: 0.75em;
}

p {
	font-size: 1em;
	line-height: 140%;
		
	margin-bottom: 0.75em;
}

h3 {
    font-size: 0.75em;
    line-height:140%;
    margin-bottom: 0.75em;
    color: black;
}

figcaption {
	font-size: 0.8em;
	color: black;
}

/* Reveal */

span.reveal {
	cursor: pointer !important;
}

span.reveal.tada > .emoji {
	display: none;
}

span.reveal > span.text {
	display: none;
}

span.reveal.tada > span.text {
	display: inline;
}

span.reveal.footnote {
	color: black;
	padding-left: 3px;
	font-size: 1em !important;
	font-weight: normal;
}

span.reveal.tada.footnote {
	color: black;
}

span.reveal.footnote > .emoji {
	font-size: 1.5em;
}

/*
figure.reveal-visual > img:nth-child(1) {
	cursor: pointer;
}

figure.reveal-visual > img:nth-child(2) {
	cursor: pointer;
	display: none;
}
*/

figure.reveal-visual.tada > img:nth-child(1) {
	display: none;
}

figure.reveal-visual.tada > img:nth-child(2) {
	display: block;
}

body.switched span.reveal > .emoji,
body.switched span.reveal.tada > .emoji {
	display: none;
}

body.switched span.reveal > .text,
body.switched span.reveal.tada > .text {
	display: inline;
}

body.switched span.reveal.footnote {
	font-size: 1em !important;
}

body.switched span.reveal.footnote > .emoji {
	font-size: 1em !important;
	display: none;
}

body.switched span.reveal.footnote > .text {
	display: inline;
}

/* Content */

section#title {
	margin-bottom: 2em;
}