/* @theme custom /
/ Author: Robert W. Gehl */

/* basic reset */

• {
  margin: 0;
  }

p, h1, h2, h3, h4, h5, h6 {
overflow-wrap: break-word;
font-weight: normal;
}
/* end reset */

/* Uncomment this to preserve font for exported HTML */

@import url('https://robertwgehl.org/presentations/CSS/cantarell.css');

:root {
font-family: "Cantarell Light", "Cantarell", Helvetica, sans-serif;
--text-color: #999999;
--text-dark: #505050;
--bg-color: #000;
--standard-margin: 10%;
--shadow: 30px #000;
}

section {
background:var(--bg-color);
color: var(--text-color);
width: 100%;
}

h1 {
text-align: center;
font-size: 400%;
}

section.title h1 {
margin-top:var(--standard-margin);
font-size: 600%;
text-align: center;
}

section.section-head h1 {
font-size: 400%;
line-height: 8em;
text-align: center;
}

section.title h2 {
font-size: 400%;
text-align: center;
}

p {
margin-left:var(--standard-margin);
margin-right:var(--standard-margin);
font-size: 200%;
}

ul {
margin-left:var(--standard-margin);
font-size: 300%;
margin-right: 4%;
}

li {
color:var(--text-dark);
}

/* highlighting last list item for focus */
li:last-of-type {
color:var(--text-color);
}

section.normal-list li {
color:var(--text-color);
}

section.one-column figure {
width: 100%;
height: 100%;
}

section.one-column img {
margin: auto;
max-height: 80%;
max-width: 90%;
display: flex;
margin-top: 8%;
}

section.one-column h1 ~ figure {
margin-top: -2%;
}

section.two-column figure {
float: left;
width: 50%;
}

section.three-column figure {
float: left;
width: 32%;
}

section.two-column img, section.three-column img {
display: flex;
flex-direction: row;
width: 85%;
margin-top: 8em;
}

section.two-column h1 ~ figure, section.three-column h1 ~ figure {
margin-top: -6em;
}

figcaption {
margin-top: -2em;
font-size: 200%;
width: 80%;
line-height: 2em;
float: left;
text-align: center;
background-color:var(--bg-color);
opacity: .8;
}

/* adjusting size of captions for three columns */
.three-column > figcaption {
font-size: 120%;
}

section.quotable-image {
margin-top: 2%;
}

section.quotable-image figure {
width: 34%;
float: left;
margin-top: 2%;
margin-left: 10%;
}

section.quotable-image p {
float: left;
width: 38%;
margin-top: 2%;
font-size: 300%;
margin-left: 1%;
}

section.quotable-image img {
width:94%;
float: left;
}

/* styles the slide number */
section::after {
font-size: 100%;
margin-right: 2%;
margin-bottom: 2%;
content: attr(data-marpit-pagination);
}