/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}ul{list-style:none}button,input,select{margin:0}html{box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}img,video{height:auto;max-width:100%}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
body { font-family: Arial; background-color: white; font-size: 16px; }
.holder { max-width: 1080px; padding: 2em; margin: auto; }
section, #slides.presenting { background-color: rgba(29, 211, 167,1); }
#slides { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-gap: 1em; line-height: 1.25em; margin-top: 2em; }
section { cursor: pointer; position: relative; text-align: center; border: 1px solid rgba(0,0,0,0.3); box-shadow: 1px 1px 2px rgba(0,0,0,0.3); width: 100%; aspect-ratio: 16 / 9; margin: auto; user-select: none; }
section.current { outline: 4px double #F9BC26; }
section:focus { outline: 4px solid #F9BC26; }
#slides.presenting { position: absolute; left: 0; top: 0; overflow: hidden; max-width: 100%; width: 100%; margin: 0; grid-template-columns: 100%; font-size: 5vh; }
.presenting section { display: none; margin: auto; box-shadow: none; height: 100vh; width: auto; }
.presenting section.current { display: block; outline: 0; border: 0; user-select: text; }
.noshow { opacity: 0.5; }
svg { vector-effect: non-scaling-stroke; max-width: 100%; overflow: visible; }
img { max-height: 100%; }
h1,h2,h3,blockquote { font-family: Poppins, Arial Black; font-weight: 600; }
h1 { font-size: 1.5em; }
h2 { font-size: 1.4em; }
h1 + *, h2 + *, h3 + *, p + *, blockquote + * { margin-top: 1em; }
cite { font-family: Arial; font-weight: normal; font-size: 0.8em; display: block; text-align:right; margin-top: 1em; }
p { margin-top: 1em; }
*:first-child { margin-top: 0; }
.inner { position: absolute; width: 100%; height: 100%; padding: 6%; }
.center { position: absolute; top: 50%; left: 50%; transform: translate3d(-50%,-50%,0); width: calc(100% - 10%); height: auto; }
blockquote { font-size: 1.2em; }
ul { list-style: disc; margin-left: 1em; }
.grid { list-style: none; margin-left: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-gap: 1em; }
.grid > li { padding: 1em; background:#08DEF9; text-align:center; font-size: 0.8em; margin-bottom: 0; }
.grid > li > * { line-height: 1.2em; }
.small { font-size: 0.6em; }

@media print {
	#slides { grid-template-columns: 100%; font-size: 1em!important; }
	section { outline: 0!important; box-shadow: none; }
}