initial apron less, rewritten

4 files changed, 817 insertions, 1337 deletions

diff --git a/static/css/apron.css b/static/css/apron.css
index 61ea91c..19df540 100644
--- a/static/css/apron.css
+++ b/static/css/apron.css
@@ -5,681 +5,162 @@
  * element. So I reset these things to undo what I consider Remark's hacks.
  */
 .remark-slide {
-	display: block;
-	box-sizing: border-box;
-	margin: 0px;
-	padding: 0px;
+  display: block;
+  box-sizing: border-box;
+  margin: 0px;
+  padding: 0px;
 }
 .remark-slide-content {
-	display: block;
-	box-sizing: border-box;
-	height: 100%;
+  display: block;
+  box-sizing: border-box;
+  height: 100%;
 }
 .remark-slide-content * {
-	box-sizing: border-box;
+  box-sizing: border-box;
+}
+.remark-slide-content.debug * {
+  outline: 1px solid gold;
+}
+.remark-slide-content.debug-white * {
+  outline: 1px solid white;
+}
+.remark-slide-content.debug-black * {
+  outline: 1px solid black;
+}
+.remark-slide-content.debug-grid {
+  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAFElEQVR4AWPAC97/9x0eCsAEPgwAVLshdpENIxcAAAAASUVORK5CYII= ) repeat top left;
+}
+.remark-slide-content.debug-grid-16 {
+  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMklEQVR4AWOgCLz/b0epAa6UGuBOqQHOQHLUgFEDnAbcBZ4UGwDOkiCnkIhdgNgNxAYAiYlD+8sEuo8AAAAASUVORK5CYII= ) repeat top left;
+}
+.remark-slide-content.debug-grid-8-solid {
+  background: white url(data:image/gif;base64,R0lGODdhCAAIAPEAAADw/wDx/////wAAACwAAAAACAAIAAACDZQvgaeb/lxbAIKA8y0AOw== ) repeat top left;
+}
+.remark-slide-content.debug-grid-16-solid {
+  background: white url(data:image/gif;base64,R0lGODdhEAAQAPEAAADw/wDx/xXy/////ywAAAAAEAAQAAACIZyPKckYDQFsb6ZqD85jZ2+BkwiRFKehhqQCQgDHcgwEBQA7 ) repeat top left;
 }
 .remark-slide-content img {
-	max-width: 100%;
+  max-width: 100%;
 }
 .remark-slide-content.fullbleed,
-.remark-slide-content.fullbleed p {
-	margin: 0;
-	padding: 0;
-}
-.remark-slide-content.debug * { outline: 1px solid gold; }
-.remark-slide-content.debug-white * { outline: 1px solid white; }
-.remark-slide-content.debug-black * { outline: 1px solid black; }
-.remark-slide-content.debug-grid { background: transparent url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAFElEQVR4AWPAC97/9x0eCsAEPgwAVLshdpENIxcAAAAASUVORK5CYII= ) repeat top left; }
-.remark-slide-content.debug-grid-16 { background: transparent url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMklEQVR4AWOgCLz/b0epAa6UGuBOqQHOQHLUgFEDnAbcBZ4UGwDOkiCnkIhdgNgNxAYAiYlD+8sEuo8AAAAASUVORK5CYII= ) repeat top left; }
-.remark-slide-content.debug-grid-8-solid { background: white url( data:image/gif;base64,R0lGODdhCAAIAPEAAADw/wDx/////wAAACwAAAAACAAIAAACDZQvgaeb/lxbAIKA8y0AOw== ) repeat top left; }
-.remark-slide-content.debug-grid-16-solid { background: white url( data:image/gif;base64,R0lGODdhEAAQAPEAAADw/wDx/xXy/////ywAAAAAEAAQAAACIZyPKckYDQFsb6ZqD85jZ2+BkwiRFKehhqQCQgDHcgwEBQA7 ) repeat top left; }
-
-/* title layout
- */
+.remark-slide-content.fullbleed > p {
+  margin: 0;
+  padding: 0;
+}
 .remark-slide-content.title {
-	text-align: center;
-	background-size: cover;
+  text-align: center;
+  background-size: cover;
 }
 .remark-slide-content.title.middle {
-	padding-top: calc(681px / 3);
+  padding-top: 227px;
 }
 .remark-slide-content.title.bottom {
-	padding-top: calc(681px * 2/3);
+  padding-top: 454px;
 }
-
-/* img-caption layout
- * Assumes you begin the content with an image.
- */
 .remark-slide-content.img-caption {
-	text-align: center;
-	padding-top: calc(681px * 0.8);
-}
-.remark-slide-content.img-caption>p:first-child {
-	padding: 0px;
-	margin: 0px;
-}
-.remark-slide-content.img-caption>p:first-child>img {
-	position: absolute;
-	top: 0px;
-	left: 0px;
-	width: 100%;
-	height: 80%;
-	object-fit: cover;
-}
-
-/* two-col-img-right layout
- * Assumes you begin the content with a header, then an image.
- */
-.remark-slide-content.two-col-img-right>p:first-of-type {
-	height: 100%;
-	float: right;
-	width: calc(50% - 1rem);
-	margin-left: 2rem;
-	margin-top: 0px;
-	padding: 0px;
+  text-align: center;
+  padding-top: 544.8px;
+}
+.remark-slide-content.img-caption > p:first-child {
+  padding: 0px;
+  margin: 0px;
+}
+.remark-slide-content.img-caption > p:first-child > img {
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  width: 100%;
+  height: 80%;
+  object-fit: cover;
+}
+.remark-slide-content.img-right > p:first-of-type {
+  height: 100%;
+  float: right;
+  width: calc(49%);
+  margin-left: 2rem;
+  margin-top: 0px;
+  padding: 0px;
+}
+.remark-slide-content.img-left > p:first-of-type {
+  height: 100%;
+  float: left;
+  width: calc(49%);
+  margin-right: 2rem;
+  margin-top: 0px;
+  padding: 0px;
+}
+.remark-slide-content.img-left > ul,
+.remark-slide-content.img-left > ol,
+.remark-slide-content.img-left > blockquote {
+  overflow: auto;
+}
+.remark-slide-content.img-right-full {
+  padding-right: calc(42%);
+}
+.remark-slide-content.img-right-full > p:first-of-type {
+  margin: 0px;
+  padding: 0px;
+}
+.remark-slide-content.img-right-full > p:first-of-type > img {
+  position: absolute;
+  top: 0px;
+  right: 0px;
+  height: 100%;
+  width: 40%;
+  object-fit: cover;
+  object-position: left;
+}
+.remark-slide-content.img-left-full {
+  padding-left: calc(42%);
+}
+.remark-slide-content.img-left-full > p:first-of-type {
+  margin: 0px;
+  padding: 0px;
+}
+.remark-slide-content.img-left-full > p:first-of-type > img {
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  height: 100%;
+  width: 40%;
+  object-fit: cover;
+  object-position: right;
 }
-
-/* two-col-img-left layout
- * Assumes you begin the content with a header, then an image.
- */
-.remark-slide-content.two-col-img-left>p:first-of-type {
-	height: 100%;
-	float: left;
-	width: calc(50% - 1rem);
-	margin-right: 2rem;
-	margin-top: 0px;
-	padding: 0px;
-}
-.remark-slide-content.two-col-img-left>ul,
-.remark-slide-content.two-col-img-left>ol {
-	overflow: auto;
+.remark-slide-content.col-2 {
+  columns: 2;
+  padding-top: 10rem;
+  column-gap: 1.5em;
 }
-
-/* img-fullbleed-right layout
- * Assumes you begin the content with an image inside a paragraph.
- * If you have "layout" content, make sure there's no paragraphs in it.
- */
-.remark-slide-content.img-fullbleed-right {
-	padding-right: calc(40% + 2rem);
-}
-.remark-slide-content.img-fullbleed-right>p:first-of-type {
-	margin: 0px;
-	padding: 0px;
-}
-.remark-slide-content.img-fullbleed-right>p:first-of-type>img {
-	position: absolute;
-	top: 0px;
-	right: 0px;
-	height: 100%;
-	width: 40%;
-	object-fit: cover;
-	object-position: left;
+.remark-slide-content.col-2 > h1:first-of-type {
+  position: absolute;
+  top: 20px;
+  left: 80px;
 }
-
-/* img-fullbleed-left layout
- * Assumes you begin the content with an image inside a paragraph.
- * If you have "layout" content, make sure there's no paragraphs in it.
- */
-.remark-slide-content.img-fullbleed-left {
-	padding-left: calc(40% + 2rem);
-}
-.remark-slide-content.img-fullbleed-left>p:first-of-type {
-	margin: 0px;
-	padding: 0px;
-}
-.remark-slide-content.img-fullbleed-left>p:first-of-type>img {
-	position: absolute;
-	top: 0px;
-	left: 0px;
-	height: 100%;
-	width: 40%;
-	object-fit: cover;
-	object-position: right;
+.remark-slide-content.col-2*:nth-child(2) {
+  margin-top: 0px;
 }
-
-/* col-2 and col-3 layouts
- * These must be combined with the "col" classes, they're not standalone.
- * TODO: using less, mixin these
- */
-.remark-slide-content.col-2 {
-	columns: 2;
+.remark-slide-content.col-2 > ul,
+.remark-slide-content.col-2 > ol {
+  break-inside: avoid;
+  page-break-inside: avoid;
 }
 .remark-slide-content.col-3 {
-	columns: 3;
+  columns: 3;
+  padding-top: 10rem;
+  column-gap: 1.5em;
 }
-.remark-slide-content.col {
-	column-gap: 1.5em; /* Deliberately a relative measure */
-	padding-top: 10rem; /* Just a guess; customize based on your H1:font-size */
+.remark-slide-content.col-3 > h1:first-of-type {
+  position: absolute;
+  top: 20px;
+  left: 80px;
 }
-/* Apron assumes that there's an H1 heading. The right solution here is
- * column-span: all, but unfortunately as of Sep 2018, Firefox doesn't support
- * this. So instead, we set the H1 to position: absolute, and use the
- * padding-top to push the other content down away from it.
- */
-.remark-slide-content.col > h1:first-of-type {
-	/* column-span: all; */
-	position: absolute;
-	top: 20px;
-	left: 80px;
-}
-/* Margin-top messes up the vertical alignment of the first column
- * in multi-column layouts.
- * TODO: make this less specific; blockquote/img/etc might need this styling
- * too.
- */
-.remark-slide-content.col p:first-of-type,
-.remark-slide-content.col ul:first-of-type,
-.remark-slide-content.col ol:first-of-type {
-	margin-top: 0px;
+.remark-slide-content.col-3*:nth-child(2) {
+  margin-top: 0px;
 }
-.remark-slide-content.col > ul,
-.remark-slide-content.col > ol {
-	break-inside: avoid;
-	page-break-inside: avoid;
+.remark-slide-content.col-3 > ul,
+.remark-slide-content.col-3 > ol {
+  break-inside: avoid;
+  page-break-inside: avoid;
 }
 
-/* Image URL fragment pseudo-classes
- */
-
-.remark-slide-content img[src~=ba] { border-style: solid; border-width: 1px; }
-.remark-slide-content img[src~=bt] { border-top-style: solid; border-top-width: 1px; }
-.remark-slide-content img[src~=br] { border-right-style: solid; border-right-width: 1px; }
-.remark-slide-content img[src~=bb] { border-bottom-style: solid; border-bottom-width: 1px; }
-.remark-slide-content img[src~=bl] { border-left-style: solid; border-left-width: 1px; }
-.remark-slide-content img[src~=bn] { border-style: none; border-width: 0; }
-
-.remark-slide-content img[src~=br0] { border-radius: 0; }
-.remark-slide-content img[src~=br1] { border-radius: .125rem; }
-.remark-slide-content img[src~=br2] { border-radius: .25rem; }
-.remark-slide-content img[src~=br3] { border-radius: .5rem; }
-.remark-slide-content img[src~=br4] { border-radius: 1rem; }
-.remark-slide-content img[src~=br-100] { border-radius: 100%; }
-
-.remark-slide-content img[src~=bw0] { border-width: 0; }
-.remark-slide-content img[src~=bw1] { border-width: .125rem; }
-.remark-slide-content img[src~=bw2] { border-width: .25rem; }
-.remark-slide-content img[src~=bw3] { border-width: .5rem; }
-.remark-slide-content img[src~=bw4] { border-width: 1rem; }
-.remark-slide-content img[src~=bw5] { border-width: 2rem; }
-
-.remark-slide-content img[src~=shadow-1] { box-shadow: 0 0 4px 2px rgba( 0, 0, 0, .2 ); }
-.remark-slide-content img[src~=shadow-2] { box-shadow: 0 0 8px 2px rgba( 0, 0, 0, .2 ); }
-.remark-slide-content img[src~=shadow-3] { box-shadow: 2px 2px 4px 2px rgba( 0, 0, 0, .2 ); }
-.remark-slide-content img[src~=shadow-4] { box-shadow: 2px 2px 8px 0 rgba( 0, 0, 0, .2 ); }
-.remark-slide-content img[src~=shadow-5] { box-shadow: 4px 4px 8px 0 rgba( 0, 0, 0, .2 ); }
-
-.remark-slide-content img[src~=dn] { display: none; }
-.remark-slide-content img[src~=di] { display: inline; }
-.remark-slide-content img[src~=db] { display: block; }
-.remark-slide-content img[src~=dib] { display: inline-block; }
-
-.remark-slide-content img[src~=fl] { float: left; _display: inline; }
-.remark-slide-content img[src~=fr] { float: right; _display: inline; }
-.remark-slide-content img[src~=fn] { float: none; }
-
-.remark-slide-content img[src~=cf]:before,
-.remark-slide-content img[src~=cf]:after { content: " "; display: table; }
-.remark-slide-content img[src~=cf]:after { clear: both; }
-.remark-slide-content img[src~=cf] { *zoom: 1; }
-
-.remark-slide-content img[src~=mw-10] { max-width: 10%; }
-.remark-slide-content img[src~=mw-20] { max-width: 20%; }
-.remark-slide-content img[src~=mw-25] { max-width: 25%; }
-.remark-slide-content img[src~=mw-30] { max-width: 30%; }
-.remark-slide-content img[src~=mw-33] { max-width: 33%; }
-.remark-slide-content img[src~=mw-34] { max-width: 34%; }
-.remark-slide-content img[src~=mw-40] { max-width: 40%; }
-.remark-slide-content img[src~=mw-50] { max-width: 50%; }
-.remark-slide-content img[src~=mw-60] { max-width: 60%; }
-.remark-slide-content img[src~=mw-70] { max-width: 70%; }
-.remark-slide-content img[src~=mw-75] { max-width: 75%; }
-.remark-slide-content img[src~=mw-80] { max-width: 80%; }
-.remark-slide-content img[src~=mw-90] { max-width: 90%; }
-.remark-slide-content img[src~=mw-100] { max-width: 100%; }
-.remark-slide-content img[src~=mw-third] { max-width: calc(100%/3); }
-.remark-slide-content img[src~=mw-two-thirds] { max-width: calc(200%/3); }
-
-.remark-slide-content img[src~=mw1] { max-width: 1rem; }
-.remark-slide-content img[src~=mw2] { max-width: 2rem; }
-.remark-slide-content img[src~=mw3] { max-width: 4rem; }
-.remark-slide-content img[src~=mw4] { max-width: 8rem; }
-.remark-slide-content img[src~=mw5] { max-width: 16rem; }
-.remark-slide-content img[src~=mw6] { max-width: 32rem; }
-.remark-slide-content img[src~=mw7] { max-width: 48rem; }
-.remark-slide-content img[src~=mw8] { max-width: 64rem; }
-.remark-slide-content img[src~=mw9] { max-width: 96rem; }
-
-.remark-slide-content img[src~=w1] { width: 1rem; }
-.remark-slide-content img[src~=w2] { width: 2rem; }
-.remark-slide-content img[src~=w3] { width: 4rem; }
-.remark-slide-content img[src~=w4] { width: 8rem; }
-.remark-slide-content img[src~=w5] { width: 16rem; }
-.remark-slide-content img[src~=w-10] { width: 10%; }
-.remark-slide-content img[src~=w-20] { width: 20%; }
-.remark-slide-content img[src~=w-25] { width: 25%; }
-.remark-slide-content img[src~=w-30] { width: 30%; }
-.remark-slide-content img[src~=w-33] { width: 33%; }
-.remark-slide-content img[src~=w-34] { width: 34%; }
-.remark-slide-content img[src~=w-40] { width: 40%; }
-.remark-slide-content img[src~=w-50] { width: 50%; }
-.remark-slide-content img[src~=w-60] { width: 60%; }
-.remark-slide-content img[src~=w-70] { width: 70%; }
-.remark-slide-content img[src~=w-75] { width: 75%; }
-.remark-slide-content img[src~=w-80] { width: 80%; }
-.remark-slide-content img[src~=w-90] { width: 90%; }
-.remark-slide-content img[src~=w-100] { width: 100%; }
-.remark-slide-content img[src~=w-third] { width: calc(100%/3); }
-.remark-slide-content img[src~=w-two-thirds] { width: calc(200%/3); }
-.remark-slide-content img[src~=w-auto] { width: auto; }
-
-.remark-slide-content img[src~=w-1-12] { width: calc(100%/12); }
-.remark-slide-content img[src~=w-2-12] { width: calc(200%/12); }
-.remark-slide-content img[src~=w-3-12] { width: calc(300%/12); }
-.remark-slide-content img[src~=w-4-12] { width: calc(400%/12); }
-.remark-slide-content img[src~=w-5-12] { width: calc(500%/12); }
-.remark-slide-content img[src~=w-6-12] { width: calc(600%/12); }
-.remark-slide-content img[src~=w-7-12] { width: calc(700%/12); }
-.remark-slide-content img[src~=w-8-12] { width: calc(800%/12); }
-.remark-slide-content img[src~=w-9-12] { width: calc(900%/12); }
-.remark-slide-content img[src~=w-10-12] { width: calc(1000%/12); }
-.remark-slide-content img[src~=w-11-12] { width: calc(1100%/12); }
-
-.remark-slide-content img[src~=mh-10] { max-height: 10%; }
-.remark-slide-content img[src~=mh-20] { max-height: 20%; }
-.remark-slide-content img[src~=mh-25] { max-height: 25%; }
-.remark-slide-content img[src~=mh-30] { max-height: 30%; }
-.remark-slide-content img[src~=mh-33] { max-height: 33%; }
-.remark-slide-content img[src~=mh-34] { max-height: 34%; }
-.remark-slide-content img[src~=mh-40] { max-height: 40%; }
-.remark-slide-content img[src~=mh-50] { max-height: 50%; }
-.remark-slide-content img[src~=mh-60] { max-height: 60%; }
-.remark-slide-content img[src~=mh-70] { max-height: 70%; }
-.remark-slide-content img[src~=mh-75] { max-height: 75%; }
-.remark-slide-content img[src~=mh-80] { max-height: 80%; }
-.remark-slide-content img[src~=mh-90] { max-height: 90%; }
-.remark-slide-content img[src~=mh-100] { max-height: 100%; }
-.remark-slide-content img[src~=mh-third] { max-height: calc(100%/3); }
-.remark-slide-content img[src~=mh-two-thirds] { max-height: calc(200%/3); }
-
-.remark-slide-content img[src~=mh1] { max-height: 1rem; }
-.remark-slide-content img[src~=mh2] { max-height: 2rem; }
-.remark-slide-content img[src~=mh3] { max-height: 4rem; }
-.remark-slide-content img[src~=mh4] { max-height: 8rem; }
-.remark-slide-content img[src~=mh5] { max-height: 16rem; }
-.remark-slide-content img[src~=mh6] { max-height: 32rem; }
-.remark-slide-content img[src~=mh7] { max-height: 48rem; }
-.remark-slide-content img[src~=mh8] { max-height: 64rem; }
-.remark-slide-content img[src~=mh9] { max-height: 96rem; }
-
-.remark-slide-content img[src~=h1] { height: 1rem; }
-.remark-slide-content img[src~=h2] { height: 2rem; }
-.remark-slide-content img[src~=h3] { height: 4rem; }
-.remark-slide-content img[src~=h4] { height: 8rem; }
-.remark-slide-content img[src~=h5] { height: 16rem; }
-.remark-slide-content img[src~=h-10] { height: 10%; }
-.remark-slide-content img[src~=h-20] { height: 20%; }
-.remark-slide-content img[src~=h-25] { height: 25%; }
-.remark-slide-content img[src~=h-30] { height: 30%; }
-.remark-slide-content img[src~=h-33] { height: 33%; }
-.remark-slide-content img[src~=h-34] { height: 34%; }
-.remark-slide-content img[src~=h-40] { height: 40%; }
-.remark-slide-content img[src~=h-50] { height: 50%; }
-.remark-slide-content img[src~=h-60] { height: 60%; }
-.remark-slide-content img[src~=h-70] { height: 70%; }
-.remark-slide-content img[src~=h-75] { height: 75%; }
-.remark-slide-content img[src~=h-80] { height: 80%; }
-.remark-slide-content img[src~=h-90] { height: 90%; }
-.remark-slide-content img[src~=h-100] { height: 100%; }
-.remark-slide-content img[src~=h-third] { height: calc(100%/3); }
-.remark-slide-content img[src~=h-two-thirds] { height: calc(200%/3); }
-.remark-slide-content img[src~=h-auto] { height: auto; }
-
-.remark-slide-content img[src~=h-1-12] { height: calc(100%/12); }
-.remark-slide-content img[src~=h-2-12] { height: calc(200%/12); }
-.remark-slide-content img[src~=h-3-12] { height: calc(300%/12); }
-.remark-slide-content img[src~=h-4-12] { height: calc(400%/12); }
-.remark-slide-content img[src~=h-5-12] { height: calc(500%/12); }
-.remark-slide-content img[src~=h-6-12] { height: calc(600%/12); }
-.remark-slide-content img[src~=h-7-12] { height: calc(700%/12); }
-.remark-slide-content img[src~=h-8-12] { height: calc(800%/12); }
-.remark-slide-content img[src~=h-9-12] { height: calc(900%/12); }
-.remark-slide-content img[src~=h-10-12] { height: calc(1000%/12); }
-.remark-slide-content img[src~=h-11-12] { height: calc(1100%/12); }
-
-.remark-slide-content img[src~=static] { position: static; }
-.remark-slide-content img[src~=relative] { position: relative; }
-.remark-slide-content img[src~=absolute] { position: absolute; }
-.remark-slide-content img[src~=fixed] { position: fixed; }
-
-.remark-slide-content .static { position: static; }
-.remark-slide-content .relative { position: relative; }
-.remark-slide-content .absolute { position: absolute; }
-.remark-slide-content .fixed { position: fixed; }
-
-.remark-slide-content img[src~=center] { display: block; margin-left: auto; margin-right: auto; }
-/* https://www.sitepoint.com/css-center-position-absolute-div/
- */
-.remark-slide-content img[src~=center][src~=w-10] { left: 50%; margin-left: -5%; }
-
-.remark-slide-content img[src~=t-0] { top: 0px; }
-.remark-slide-content img[src~=t-10] { top: 10%; }
-.remark-slide-content img[src~=t-20] { top: 20%; }
-.remark-slide-content img[src~=t-25] { top: 25%; }
-.remark-slide-content img[src~=t-30] { top: 30%; }
-.remark-slide-content img[src~=t-33] { top: 33%; }
-.remark-slide-content img[src~=t-34] { top: 34%; }
-.remark-slide-content img[src~=t-40] { top: 40%; }
-.remark-slide-content img[src~=t-50] { top: 50%; }
-.remark-slide-content img[src~=t-60] { top: 60%; }
-.remark-slide-content img[src~=t-70] { top: 70%; }
-.remark-slide-content img[src~=t-75] { top: 75%; }
-.remark-slide-content img[src~=t-80] { top: 80%; }
-.remark-slide-content img[src~=t-90] { top: 90%; }
-.remark-slide-content img[src~=t-100] { top: 100%; }
-.remark-slide-content img[src~=t-third] { top: calc(100%/3); }
-.remark-slide-content img[src~=t-two-thirds] { top: calc(200%/3); }
-
-.remark-slide-content img[src~=t-u] { top: unset; }
-.remark-slide-content img[src~=t-1] { top: .25rem; }
-.remark-slide-content img[src~=t-2] { top: .5rem; }
-.remark-slide-content img[src~=t-3] { top: 1rem; }
-.remark-slide-content img[src~=t-4] { top: 2rem; }
-.remark-slide-content img[src~=t-5] { top: 4rem; }
-.remark-slide-content img[src~=t-6] { top: 8rem; }
-.remark-slide-content img[src~=t-7] { top: 16rem; }
-
-.remark-slide-content .t-u { top: unset; }
-.remark-slide-content .t-1 { top: .25rem; }
-.remark-slide-content .t-2 { top: .5rem; }
-.remark-slide-content .t-3 { top: 1rem; }
-.remark-slide-content .t-4 { top: 2rem; }
-.remark-slide-content .t-5 { top: 4rem; }
-.remark-slide-content .t-6 { top: 8rem; }
-.remark-slide-content .t-7 { top: 16rem; }
-
-.remark-slide-content img[src~=t-1-12] { top: calc(100%/12); }
-.remark-slide-content img[src~=t-2-12] { top: calc(200%/12); }
-.remark-slide-content img[src~=t-3-12] { top: calc(300%/12); }
-.remark-slide-content img[src~=t-4-12] { top: calc(400%/12); }
-.remark-slide-content img[src~=t-5-12] { top: calc(500%/12); }
-.remark-slide-content img[src~=t-6-12] { top: calc(600%/12); }
-.remark-slide-content img[src~=t-7-12] { top: calc(700%/12); }
-.remark-slide-content img[src~=t-8-12] { top: calc(800%/12); }
-.remark-slide-content img[src~=t-9-12] { top: calc(900%/12); }
-.remark-slide-content img[src~=t-10-12] { top: calc(1000%/12); }
-.remark-slide-content img[src~=t-11-12] { top: calc(1100%/12); }
-
-.remark-slide-content img[src~=r-0] { right: 0px; }
-.remark-slide-content img[src~=r-10] { right: 10%; }
-.remark-slide-content img[src~=r-20] { right: 20%; }
-.remark-slide-content img[src~=r-25] { right: 25%; }
-.remark-slide-content img[src~=r-30] { right: 30%; }
-.remark-slide-content img[src~=r-33] { right: 33%; }
-.remark-slide-content img[src~=r-34] { right: 34%; }
-.remark-slide-content img[src~=r-40] { right: 40%; }
-.remark-slide-content img[src~=r-50] { right: 50%; }
-.remark-slide-content img[src~=r-60] { right: 60%; }
-.remark-slide-content img[src~=r-70] { right: 70%; }
-.remark-slide-content img[src~=r-75] { right: 75%; }
-.remark-slide-content img[src~=r-80] { right: 80%; }
-.remark-slide-content img[src~=r-90] { right: 90%; }
-.remark-slide-content img[src~=r-100] { right: 100%; }
-.remark-slide-content img[src~=r-third] { right: calc(100%/3); }
-.remark-slide-content img[src~=r-two-thirds] { right: calc(200%/3); }
-
-.remark-slide-content img[src~=r-u] { right: unset; }
-.remark-slide-content img[src~=r-1] { right: .25rem; }
-.remark-slide-content img[src~=r-2] { right: .5rem; }
-.remark-slide-content img[src~=r-3] { right: 1rem; }
-.remark-slide-content img[src~=r-4] { right: 2rem; }
-.remark-slide-content img[src~=r-5] { right: 4rem; }
-.remark-slide-content img[src~=r-6] { right: 8rem; }
-.remark-slide-content img[src~=r-7] { right: 16rem; }
-
-.remark-slide-content .r-u { right: unset; }
-.remark-slide-content .r-1 { right: .25rem; }
-.remark-slide-content .r-2 { right: .5rem; }
-.remark-slide-content .r-3 { right: 1rem; }
-.remark-slide-content .r-4 { right: 2rem; }
-.remark-slide-content .r-5 { right: 4rem; }
-.remark-slide-content .r-6 { right: 8rem; }
-.remark-slide-content .r-7 { right: 16rem; }
-
-.remark-slide-content img[src~=r-1-12] { right: calc(100%/12); }
-.remark-slide-content img[src~=r-2-12] { right: calc(200%/12); }
-.remark-slide-content img[src~=r-3-12] { right: calc(300%/12); }
-.remark-slide-content img[src~=r-4-12] { right: calc(400%/12); }
-.remark-slide-content img[src~=r-5-12] { right: calc(500%/12); }
-.remark-slide-content img[src~=r-6-12] { right: calc(600%/12); }
-.remark-slide-content img[src~=r-7-12] { right: calc(700%/12); }
-.remark-slide-content img[src~=r-8-12] { right: calc(800%/12); }
-.remark-slide-content img[src~=r-9-12] { right: calc(900%/12); }
-.remark-slide-content img[src~=r-10-12] { right: calc(1000%/12); }
-.remark-slide-content img[src~=r-11-12] { right: calc(1100%/12); }
-
-.remark-slide-content img[src~=b-0] { bottom: 0px; }
-.remark-slide-content img[src~=b-10] { bottom: 10%; }
-.remark-slide-content img[src~=b-20] { bottom: 20%; }
-.remark-slide-content img[src~=b-25] { bottom: 25%; }
-.remark-slide-content img[src~=b-30] { bottom: 30%; }
-.remark-slide-content img[src~=b-33] { bottom: 33%; }
-.remark-slide-content img[src~=b-34] { bottom: 34%; }
-.remark-slide-content img[src~=b-40] { bottom: 40%; }
-.remark-slide-content img[src~=b-50] { bottom: 50%; }
-.remark-slide-content img[src~=b-60] { bottom: 60%; }
-.remark-slide-content img[src~=b-70] { bottom: 70%; }
-.remark-slide-content img[src~=b-75] { bottom: 75%; }
-.remark-slide-content img[src~=b-80] { bottom: 80%; }
-.remark-slide-content img[src~=b-90] { bottom: 90%; }
-.remark-slide-content img[src~=b-100] { bottom: 100%; }
-.remark-slide-content img[src~=b-third] { bottom: calc(100%/3); }
-.remark-slide-content img[src~=b-two-thirds] { bottom: calc(200%/3); }
-
-.remark-slide-content img[src~=b-u] { bottom: unset; }
-.remark-slide-content img[src~=b-1] { bottom: .25rem; }
-.remark-slide-content img[src~=b-2] { bottom: .5rem; }
-.remark-slide-content img[src~=b-3] { bottom: 1rem; }
-.remark-slide-content img[src~=b-4] { bottom: 2rem; }
-.remark-slide-content img[src~=b-5] { bottom: 4rem; }
-.remark-slide-content img[src~=b-6] { bottom: 8rem; }
-.remark-slide-content img[src~=b-7] { bottom: 16rem; }
-
-.remark-slide-content .b-u { bottom: unset; }
-.remark-slide-content .b-1 { bottom: .25rem; }
-.remark-slide-content .b-2 { bottom: .5rem; }
-.remark-slide-content .b-3 { bottom: 1rem; }
-.remark-slide-content .b-4 { bottom: 2rem; }
-.remark-slide-content .b-5 { bottom: 4rem; }
-.remark-slide-content .b-6 { bottom: 8rem; }
-.remark-slide-content .b-7 { bottom: 16rem; }
-
-.remark-slide-content img[src~=b-1-12] { bottom: calc(100%/12); }
-.remark-slide-content img[src~=b-2-12] { bottom: calc(200%/12); }
-.remark-slide-content img[src~=b-3-12] { bottom: calc(300%/12); }
-.remark-slide-content img[src~=b-4-12] { bottom: calc(400%/12); }
-.remark-slide-content img[src~=b-5-12] { bottom: calc(500%/12); }
-.remark-slide-content img[src~=b-6-12] { bottom: calc(600%/12); }
-.remark-slide-content img[src~=b-7-12] { bottom: calc(700%/12); }
-.remark-slide-content img[src~=b-8-12] { bottom: calc(800%/12); }
-.remark-slide-content img[src~=b-9-12] { bottom: calc(900%/12); }
-.remark-slide-content img[src~=b-10-12] { bottom: calc(1000%/12); }
-.remark-slide-content img[src~=b-11-12] { bottom: calc(1100%/12); }
-
-.remark-slide-content img[src~=l-0] { left: 0px; }
-.remark-slide-content img[src~=l-10] { left: 10%; }
-.remark-slide-content img[src~=l-20] { left: 20%; }
-.remark-slide-content img[src~=l-25] { left: 25%; }
-.remark-slide-content img[src~=l-30] { left: 30%; }
-.remark-slide-content img[src~=l-33] { left: 33%; }
-.remark-slide-content img[src~=l-34] { left: 34%; }
-.remark-slide-content img[src~=l-40] { left: 40%; }
-.remark-slide-content img[src~=l-50] { left: 50%; }
-.remark-slide-content img[src~=l-60] { left: 60%; }
-.remark-slide-content img[src~=l-70] { left: 70%; }
-.remark-slide-content img[src~=l-75] { left: 75%; }
-.remark-slide-content img[src~=l-80] { left: 80%; }
-.remark-slide-content img[src~=l-90] { left: 90%; }
-.remark-slide-content img[src~=l-100] { left: 100%; }
-.remark-slide-content img[src~=l-third] { left: calc(100%/3); }
-.remark-slide-content img[src~=l-two-thirds] { left: calc(200%/3); }
-
-.remark-slide-content img[src~=l-u] { left: unset; }
-.remark-slide-content img[src~=l-1] { left: .25rem; }
-.remark-slide-content img[src~=l-2] { left: .5rem; }
-.remark-slide-content img[src~=l-3] { left: 1rem; }
-.remark-slide-content img[src~=l-4] { left: 2rem; }
-.remark-slide-content img[src~=l-5] { left: 4rem; }
-.remark-slide-content img[src~=l-6] { left: 8rem; }
-.remark-slide-content img[src~=l-7] { left: 16rem; }
-
-.remark-slide-content .l-u { left: unset; }
-.remark-slide-content .l-1 { left: .25rem; }
-.remark-slide-content .l-2 { left: .5rem; }
-.remark-slide-content .l-3 { left: 1rem; }
-.remark-slide-content .l-4 { left: 2rem; }
-.remark-slide-content .l-5 { left: 4rem; }
-.remark-slide-content .l-6 { left: 8rem; }
-.remark-slide-content .l-7 { left: 16rem; }
-
-.remark-slide-content img[src~=l-1-12] { left: calc(100%/12); }
-.remark-slide-content img[src~=l-2-12] { left: calc(200%/12); }
-.remark-slide-content img[src~=l-3-12] { left: calc(300%/12); }
-.remark-slide-content img[src~=l-4-12] { left: calc(400%/12); }
-.remark-slide-content img[src~=l-5-12] { left: calc(500%/12); }
-.remark-slide-content img[src~=l-6-12] { left: calc(600%/12); }
-.remark-slide-content img[src~=l-7-12] { left: calc(700%/12); }
-.remark-slide-content img[src~=l-8-12] { left: calc(800%/12); }
-.remark-slide-content img[src~=l-9-12] { left: calc(900%/12); }
-.remark-slide-content img[src~=l-10-12] { left: calc(1000%/12); }
-.remark-slide-content img[src~=l-11-12] { left: calc(1100%/12); }
-
-.remark-slide-content img[src~=pa0] { padding: 0; }
-.remark-slide-content img[src~=pa1] { padding: .25rem; }
-.remark-slide-content img[src~=pa2] { padding: .5rem; }
-.remark-slide-content img[src~=pa3] { padding: 1rem; }
-.remark-slide-content img[src~=pa4] { padding: 2rem; }
-.remark-slide-content img[src~=pa5] { padding: 4rem; }
-.remark-slide-content img[src~=pa6] { padding: 8rem; }
-.remark-slide-content img[src~=pa7] { padding: 16rem; }
-.remark-slide-content img[src~=pl0] { padding-left: 0; }
-.remark-slide-content img[src~=pl1] { padding-left: .25rem; }
-.remark-slide-content img[src~=pl2] { padding-left: .5rem; }
-.remark-slide-content img[src~=pl3] { padding-left: 1rem; }
-.remark-slide-content img[src~=pl4] { padding-left: 2rem; }
-.remark-slide-content img[src~=pl5] { padding-left: 4rem; }
-.remark-slide-content img[src~=pl6] { padding-left: 8rem; }
-.remark-slide-content img[src~=pl7] { padding-left: 16rem; }
-.remark-slide-content img[src~=pr0] { padding-right: 0; }
-.remark-slide-content img[src~=pr1] { padding-right: .25rem; }
-.remark-slide-content img[src~=pr2] { padding-right: .5rem; }
-.remark-slide-content img[src~=pr3] { padding-right: 1rem; }
-.remark-slide-content img[src~=pr4] { padding-right: 2rem; }
-.remark-slide-content img[src~=pr5] { padding-right: 4rem; }
-.remark-slide-content img[src~=pr6] { padding-right: 8rem; }
-.remark-slide-content img[src~=pr7] { padding-right: 16rem; }
-.remark-slide-content img[src~=pb0] { padding-bottom: 0; }
-.remark-slide-content img[src~=pb1] { padding-bottom: .25rem; }
-.remark-slide-content img[src~=pb2] { padding-bottom: .5rem; }
-.remark-slide-content img[src~=pb3] { padding-bottom: 1rem; }
-.remark-slide-content img[src~=pb4] { padding-bottom: 2rem; }
-.remark-slide-content img[src~=pb5] { padding-bottom: 4rem; }
-.remark-slide-content img[src~=pb6] { padding-bottom: 8rem; }
-.remark-slide-content img[src~=pb7] { padding-bottom: 16rem; }
-.remark-slide-content img[src~=pt0] { padding-top: 0; }
-.remark-slide-content img[src~=pt1] { padding-top: .25rem; }
-.remark-slide-content img[src~=pt2] { padding-top: .5rem; }
-.remark-slide-content img[src~=pt3] { padding-top: 1rem; }
-.remark-slide-content img[src~=pt4] { padding-top: 2rem; }
-.remark-slide-content img[src~=pt5] { padding-top: 4rem; }
-.remark-slide-content img[src~=pt6] { padding-top: 8rem; }
-.remark-slide-content img[src~=pt7] { padding-top: 16rem; }
-.remark-slide-content img[src~=pv0] { padding-top: 0; padding-bottom: 0; }
-.remark-slide-content img[src~=pv1] { padding-top: .25rem; padding-bottom: .25rem; }
-.remark-slide-content img[src~=pv2] { padding-top: .5rem; padding-bottom: .5rem; }
-.remark-slide-content img[src~=pv3] { padding-top: 1rem; padding-bottom: 1rem; }
-.remark-slide-content img[src~=pv4] { padding-top: 2rem; padding-bottom: 2rem; }
-.remark-slide-content img[src~=pv5] { padding-top: 4rem; padding-bottom: 4rem; }
-.remark-slide-content img[src~=pv6] { padding-top: 8rem; padding-bottom: 8rem; }
-.remark-slide-content img[src~=pv7] { padding-top: 16rem; padding-bottom: 16rem; }
-.remark-slide-content img[src~=ph0] { padding-left: 0; padding-right: 0; }
-.remark-slide-content img[src~=ph1] { padding-left: .25rem; padding-right: .25rem; }
-.remark-slide-content img[src~=ph2] { padding-left: .5rem; padding-right: .5rem; }
-.remark-slide-content img[src~=ph3] { padding-left: 1rem; padding-right: 1rem; }
-.remark-slide-content img[src~=ph4] { padding-left: 2rem; padding-right: 2rem; }
-.remark-slide-content img[src~=ph5] { padding-left: 4rem; padding-right: 4rem; }
-.remark-slide-content img[src~=ph6] { padding-left: 8rem; padding-right: 8rem; }
-.remark-slide-content img[src~=ph7] { padding-left: 16rem; padding-right: 16rem; }
-.remark-slide-content img[src~=ma0] { margin: 0; }
-.remark-slide-content img[src~=ma1] { margin: .25rem; }
-.remark-slide-content img[src~=ma2] { margin: .5rem; }
-.remark-slide-content img[src~=ma3] { margin: 1rem; }
-.remark-slide-content img[src~=ma4] { margin: 2rem; }
-.remark-slide-content img[src~=ma5] { margin: 4rem; }
-.remark-slide-content img[src~=ma6] { margin: 8rem; }
-.remark-slide-content img[src~=ma7] { margin: 16rem; }
-.remark-slide-content img[src~=ml0] { margin-left: 0; }
-.remark-slide-content img[src~=ml1] { margin-left: .25rem; }
-.remark-slide-content img[src~=ml2] { margin-left: .5rem; }
-.remark-slide-content img[src~=ml3] { margin-left: 1rem; }
-.remark-slide-content img[src~=ml4] { margin-left: 2rem; }
-.remark-slide-content img[src~=ml5] { margin-left: 4rem; }
-.remark-slide-content img[src~=ml6] { margin-left: 8rem; }
-.remark-slide-content img[src~=ml7] { margin-left: 16rem; }
-.remark-slide-content img[src~=mr0] { margin-right: 0; }
-.remark-slide-content img[src~=mr1] { margin-right: .25rem; }
-.remark-slide-content img[src~=mr2] { margin-right: .5rem; }
-.remark-slide-content img[src~=mr3] { margin-right: 1rem; }
-.remark-slide-content img[src~=mr4] { margin-right: 2rem; }
-.remark-slide-content img[src~=mr5] { margin-right: 4rem; }
-.remark-slide-content img[src~=mr6] { margin-right: 8rem; }
-.remark-slide-content img[src~=mr7] { margin-right: 16rem; }
-.remark-slide-content img[src~=mb0] { margin-bottom: 0; }
-.remark-slide-content img[src~=mb1] { margin-bottom: .25rem; }
-.remark-slide-content img[src~=mb2] { margin-bottom: .5rem; }
-.remark-slide-content img[src~=mb3] { margin-bottom: 1rem; }
-.remark-slide-content img[src~=mb4] { margin-bottom: 2rem; }
-.remark-slide-content img[src~=mb5] { margin-bottom: 4rem; }
-.remark-slide-content img[src~=mb6] { margin-bottom: 8rem; }
-.remark-slide-content img[src~=mb7] { margin-bottom: 16rem; }
-.remark-slide-content img[src~=mt0] { margin-top: 0; }
-.remark-slide-content img[src~=mt1] { margin-top: .25rem; }
-.remark-slide-content img[src~=mt2] { margin-top: .5rem; }
-.remark-slide-content img[src~=mt3] { margin-top: 1rem; }
-.remark-slide-content img[src~=mt4] { margin-top: 2rem; }
-.remark-slide-content img[src~=mt5] { margin-top: 4rem; }
-.remark-slide-content img[src~=mt6] { margin-top: 8rem; }
-.remark-slide-content img[src~=mt7] { margin-top: 16rem; }
-.remark-slide-content img[src~=mv0] { margin-top: 0; margin-bottom: 0; }
-.remark-slide-content img[src~=mv1] { margin-top: .25rem; margin-bottom: .25rem; }
-.remark-slide-content img[src~=mv2] { margin-top: .5rem; margin-bottom: .5rem; }
-.remark-slide-content img[src~=mv3] { margin-top: 1rem; margin-bottom: 1rem; }
-.remark-slide-content img[src~=mv4] { margin-top: 2rem; margin-bottom: 2rem; }
-.remark-slide-content img[src~=mv5] { margin-top: 4rem; margin-bottom: 4rem; }
-.remark-slide-content img[src~=mv6] { margin-top: 8rem; margin-bottom: 8rem; }
-.remark-slide-content img[src~=mv7] { margin-top: 16rem; margin-bottom: 16rem; }
-.remark-slide-content img[src~=mh0] { margin-left: 0; margin-right: 0; }
-.remark-slide-content img[src~=mh1] { margin-left: .25rem; margin-right: .25rem; }
-.remark-slide-content img[src~=mh2] { margin-left: .5rem; margin-right: .5rem; }
-.remark-slide-content img[src~=mh3] { margin-left: 1rem; margin-right: 1rem; }
-.remark-slide-content img[src~=mh4] { margin-left: 2rem; margin-right: 2rem; }
-.remark-slide-content img[src~=mh5] { margin-left: 4rem; margin-right: 4rem; }
-.remark-slide-content img[src~=mh6] { margin-left: 8rem; margin-right: 8rem; }
-.remark-slide-content img[src~=mh7] { margin-left: 16rem; margin-right: 16rem; }
-
-.remark-slide-content img[src~=ofc] { object-fit: contain; }
-.remark-slide-content img[src~=ofv] { object-fit: cover; }
-
-.remark-slide-content img[src~=opl] { object-position: left !important; }
-.remark-slide-content img[src~=opc] { object-position: center !important; }
-.remark-slide-content img[src~=opr] { object-position: right !important; }
-.remark-slide-content img[src~=opt] { object-position: top !important; }
-.remark-slide-content img[src~=opb] { object-position: bottom !important; }
-.remark-slide-content img[src~=oplt] { object-position: left top !important; }
-.remark-slide-content img[src~=oplc] { object-position: left center !important; }
-.remark-slide-content img[src~=oplb] { object-position: left bottom !important; }
-.remark-slide-content img[src~=opct] { object-position: center top !important; }
-.remark-slide-content img[src~=opcc] { object-position: center center !important; }
-.remark-slide-content img[src~=opcb] { object-position: center bottom !important; }
-.remark-slide-content img[src~=oprt] { object-position: right top !important; }
-.remark-slide-content img[src~=oprc] { object-position: right center !important; }
-.remark-slide-content img[src~=oprb] { object-position: right bottom !important; }
+/*# sourceMappingURL=apron.css.map */
\ No newline at end of file
diff --git a/static/css/apron.css.map b/static/css/apron.css.map
new file mode 100644
index 0000000..ef1e936
--- /dev/null
+++ b/static/css/apron.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["apron.less"],"names":[],"mappings":";;;;;;AASA;EACC,cAAA;EACA,sBAAA;EACA,WAAA;EACA,YAAA;;AAGD;EACC,cAAA;EACA,sBAAA;EACA,YAAA;;AAHD,qBAIC;EACC,sBAAA;;AAID,qBAAC,MAAO;EACP,uBAAA;;AAED,qBAAC,YAAa;EACb,wBAAA;;AAED,qBAAC,YAAa;EACb,wBAAA;;AAED,qBAAC;EACA,4KAAA;;AAED,qBAAC;EACA,oNAAA;;AAED,qBAAC;EACA,sIAAA;;AAED,qBAAC;EACA,8JAAA;;AA5BF,qBAgCC;EACC,eAAA;;AAID,qBAAC;AAAY,qBAAC,UAAU;EACvB,SAAA;EACA,UAAA;;AAID,qBAAC;EACA,kBAAA;EACA,sBAAA;;AACA,qBAHA,MAGC;EACA,kBAAA;;AAED,qBANA,MAMC;EACA,kBAAA;;AAKF,qBAAC;EACA,kBAAA;EACA,oBAAA;;AACA,qBAHA,YAGC,IAAE;EACF,YAAA;EACA,WAAA;;AACA,qBAND,YAGC,IAAE,YAGD;EACA,kBAAA;EACA,QAAA;EACA,SAAA;EACA,WAAA;EACA,WAAA;EACA,iBAAA;;AAMH,qBAAC,UAAU,IAAE;EACZ,YAAA;EACA,YAAA;EACA,OAAO,SAAP;EACA,iBAAA;EACA,eAAA;EACA,YAAA;;AAKA,qBADA,SACC,IAAE;EACF,YAAA;EACA,WAAA;EACA,OAAO,SAAP;EACA,kBAAA;EACA,eAAA;EACA,YAAA;;AAED,qBATA,SASC;AAAK,qBATN,SASO;AAAK,qBATZ,SASa;EAEZ,cAAA;;AAMF,qBAAC;EACA,eAAe,SAAf;;AACA,qBAFA,eAEC,IAAE;EACF,WAAA;EACA,YAAA;;AACA,qBALD,eAEC,IAAE,cAGD;EACA,kBAAA;EACA,QAAA;EACA,UAAA;EACA,YAAA;EACA,UAAA;EACA,iBAAA;EACA,qBAAA;;AAOH,qBAAC;EACA,cAAc,SAAd;;AACA,qBAFA,cAEC,IAAE;EACF,WAAA;EACA,YAAA;;AACA,qBALD,cAEC,IAAE,cAGD;EACA,kBAAA;EACA,QAAA;EACA,SAAA;EACA,YAAA;EACA,UAAA;EACA,iBAAA;EACA,sBAAA;;AAyBH,qBAAC;EACA,UAAA;EAjBA,kBAAA;EAcA,iBAAA;;AAbA,qBAeA,MAfC,KAAG;EACH,kBAAA;EACA,SAAA;EACA,UAAA;;AAGD,qBASA,MATC,CAAC,UAAU;EACX,eAAA;;AAED,qBAMA,MANC;AAAK,qBAMN,MANO;EACN,mBAAA;EACA,wBAAA;;AAQF,qBAAC;EACA,UAAA;EArBA,kBAAA;EAcA,iBAAA;;AAbA,qBAmBA,MAnBC,KAAG;EACH,kBAAA;EACA,SAAA;EACA,UAAA;;AAGD,qBAaA,MAbC,CAAC,UAAU;EACX,eAAA;;AAED,qBAUA,MAVC;AAAK,qBAUN,MAVO;EACN,mBAAA;EACA,wBAAA","sourcesContent":["// Global variables.\r\n@slide-height: 681px;\r\n\r\n/* Globals, resets, and fixes. Remark sets display:table and display:table-cell,\r\n * I think in order to make things like vertical-align:middle work. But those\r\n * mess with a bunch of other things, and make them hard/impossible. An example\r\n * is using column-count, which won't work except inside a display:block\r\n * element. So I reset these things to undo what I consider Remark's hacks.\r\n */\r\n.remark-slide {\r\n\tdisplay: block;\r\n\tbox-sizing: border-box;\r\n\tmargin: 0px;\r\n\tpadding: 0px;\r\n}\r\n\r\n.remark-slide-content {\r\n\tdisplay: block;\r\n\tbox-sizing: border-box;\r\n\theight: 100%;\r\n\t* {\r\n\t\tbox-sizing: border-box;\r\n\t}\r\n\t\r\n\t// Debug and debug grid, for help figuring out layouts and bugs.\r\n\t&.debug * {\r\n\t\toutline: 1px solid gold;\r\n\t}\r\n\t&.debug-white * {\r\n\t\toutline: 1px solid white;\r\n\t}\r\n\t&.debug-black * {\r\n\t\toutline: 1px solid black;\r\n\t}\r\n\t&.debug-grid {\r\n\t\tbackground: transparent url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAFElEQVR4AWPAC97/9x0eCsAEPgwAVLshdpENIxcAAAAASUVORK5CYII= ) repeat top left;\r\n\t}\r\n\t&.debug-grid-16 {\r\n\t\tbackground: transparent url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMklEQVR4AWOgCLz/b0epAa6UGuBOqQHOQHLUgFEDnAbcBZ4UGwDOkiCnkIhdgNgNxAYAiYlD+8sEuo8AAAAASUVORK5CYII= ) repeat top left;\r\n\t}\r\n\t&.debug-grid-8-solid {\r\n\t\tbackground: white url( data:image/gif;base64,R0lGODdhCAAIAPEAAADw/wDx/////wAAACwAAAAACAAIAAACDZQvgaeb/lxbAIKA8y0AOw== ) repeat top left;\r\n\t}\r\n\t&.debug-grid-16-solid {\r\n\t\tbackground: white url( data:image/gif;base64,R0lGODdhEAAQAPEAAADw/wDx/xXy/////ywAAAAAEAAQAAACIZyPKckYDQFsb6ZqD85jZ2+BkwiRFKehhqQCQgDHcgwEBQA7 ) repeat top left;\r\n\t}\r\n\t\r\n\t// Images should never be bigger than their container.\r\n\timg {\r\n\t\tmax-width: 100%;\r\n\t}\r\n\t\r\n\t// Layout: fullbleed. Simply removes Remark's built-in padding and margins.\r\n\t&.fullbleed, &.fullbleed>p {\r\n\t\tmargin: 0;\r\n\t\tpadding: 0;\r\n\t}\r\n\t\r\n\t// Layout: title, plus middle/bottom variations. Designed for H1 and optional H2.\r\n\t&.title {\r\n\t\ttext-align: center;\r\n\t\tbackground-size: cover;\r\n\t\t&.middle {\r\n\t\t\tpadding-top: @slide-height / 3;\r\n\t\t}\r\n\t\t&.bottom {\r\n\t\t\tpadding-top: @slide-height * 2/3;\r\n\t\t}\r\n\t}\r\n\t\r\n\t// Layout: img-caption. Content must begin with an image.\r\n\t&.img-caption {\r\n\t\ttext-align: center;\r\n\t\tpadding-top: @slide-height * 0.8;\r\n\t\t&>p:first-child {\r\n\t\t\tpadding: 0px;\r\n\t\t\tmargin: 0px;\r\n\t\t\t&>img {\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\ttop: 0px;\r\n\t\t\t\tleft: 0px;\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\theight: 80%;\r\n\t\t\t\tobject-fit: cover;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t// Layout: img-right. The first image begins \"columns.\"\r\n\t&.img-right>p:first-of-type {\r\n\t\theight: 100%;\r\n\t\tfloat: right;\r\n\t\twidth: calc(50% - 1rem);\r\n\t\tmargin-left: 2rem;\r\n\t\tmargin-top: 0px;\r\n\t\tpadding: 0px;\r\n\t}\r\n\t\r\n\t// Layout: img-left. The first image begins \"columns.\"\r\n\t&.img-left {\r\n\t\t&>p:first-of-type {\r\n\t\t\theight: 100%;\r\n\t\t\tfloat: left;\r\n\t\t\twidth: calc(50% - 1rem);\r\n\t\t\tmargin-right: 2rem;\r\n\t\t\tmargin-top: 0px;\r\n\t\t\tpadding: 0px;\r\n\t\t}\r\n\t\t&>ul, &>ol, &>blockquote {\r\n\t\t\t// Ensures bullets are indented.\r\n\t\t\toverflow: auto;\r\n\t\t}\r\n\t}\r\n\t\r\n\t// Layout: img-right-full. The first p>img fills the side of the slide.\r\n\t// If you have \"layout\" content, ensure it has no <p> elements.\r\n\t&.img-right-full {\r\n\t\tpadding-right: calc(40% + 2rem);\r\n\t\t&>p:first-of-type {\r\n\t\t\tmargin: 0px;\r\n\t\t\tpadding: 0px;\r\n\t\t\t&>img {\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\ttop: 0px;\r\n\t\t\t\tright: 0px;\r\n\t\t\t\theight: 100%;\r\n\t\t\t\twidth: 40%;\r\n\t\t\t\tobject-fit: cover;\r\n\t\t\t\tobject-position: left;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t// Layout: img-left-full. The first p>img fills the side of the slide.\r\n\t// If you have \"layout\" content, ensure it has no <p> elements.\r\n\t&.img-left-full {\r\n\t\tpadding-left: calc(40% + 2rem);\r\n\t\t&>p:first-of-type {\r\n\t\t\tmargin: 0px;\r\n\t\t\tpadding: 0px;\r\n\t\t\t&>img {\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\ttop: 0px;\r\n\t\t\t\tleft: 0px;\r\n\t\t\t\theight: 100%;\r\n\t\t\t\twidth: 40%;\r\n\t\t\t\tobject-fit: cover;\r\n\t\t\t\tobject-position: right;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t\r\n\t// Layout: col-2 and col-3. Designed for use with an H1 heading.\r\n\t.col() {\r\n\t\t// If Firefox supported column-span: all I'd use that for the heading H1.\r\n\t\t// I use a workaround instead: push the content down and put the H1 above it.\r\n\t\tpadding-top: 10rem; // Just a guess; customize based on your H1:font-size TODO\r\n\t\t&>h1:first-of-type {\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 20px;\r\n\t\t\tleft: 80px;\r\n\t\t}\r\n\t\t// If the first columnized content has margin-top, it's a mess.\r\n\t\t&*:nth-child(2) {\r\n\t\t\tmargin-top: 0px;\r\n\t\t}\r\n\t\t&>ul, &>ol {\r\n\t\t\tbreak-inside: avoid;\r\n\t\t\tpage-break-inside: avoid;\r\n\t\t}\r\n\t\tcolumn-gap: 1.5em; // Deliberately a relative measure\r\n\t}\r\n\t&.col-2 {\r\n\t\tcolumns: 2;\r\n\t\t.col();\r\n\t}\r\n\t&.col-3 {\r\n\t\tcolumns: 3;\r\n\t\t.col();\r\n\t}\r\n}"]}
\ No newline at end of file
diff --git a/static/css/apron.less b/static/css/apron.less
index 61ea91c..b89ce91 100644
--- a/static/css/apron.less
+++ b/static/css/apron.less
@@ -1,685 +1,181 @@
-/* Globals, resets, and fixes. Remark sets display:table and display:table-cell,
- * I think in order to make things like vertical-align:middle work. But those
- * mess with a bunch of other things, and make them hard/impossible. An example
- * is using column-count, which won't work except inside a display:block
- * element. So I reset these things to undo what I consider Remark's hacks.
- */
-.remark-slide {
-	display: block;
-	box-sizing: border-box;
-	margin: 0px;
-	padding: 0px;
-}
-.remark-slide-content {
-	display: block;
-	box-sizing: border-box;
-	height: 100%;
-}
-.remark-slide-content * {
-	box-sizing: border-box;
-}
-.remark-slide-content img {
-	max-width: 100%;
-}
-.remark-slide-content.fullbleed,
-.remark-slide-content.fullbleed p {
-	margin: 0;
-	padding: 0;
-}
-.remark-slide-content.debug * { outline: 1px solid gold; }
-.remark-slide-content.debug-white * { outline: 1px solid white; }
-.remark-slide-content.debug-black * { outline: 1px solid black; }
-.remark-slide-content.debug-grid { background: transparent url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAFElEQVR4AWPAC97/9x0eCsAEPgwAVLshdpENIxcAAAAASUVORK5CYII= ) repeat top left; }
-.remark-slide-content.debug-grid-16 { background: transparent url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMklEQVR4AWOgCLz/b0epAa6UGuBOqQHOQHLUgFEDnAbcBZ4UGwDOkiCnkIhdgNgNxAYAiYlD+8sEuo8AAAAASUVORK5CYII= ) repeat top left; }
-.remark-slide-content.debug-grid-8-solid { background: white url( data:image/gif;base64,R0lGODdhCAAIAPEAAADw/wDx/////wAAACwAAAAACAAIAAACDZQvgaeb/lxbAIKA8y0AOw== ) repeat top left; }
-.remark-slide-content.debug-grid-16-solid { background: white url( data:image/gif;base64,R0lGODdhEAAQAPEAAADw/wDx/xXy/////ywAAAAAEAAQAAACIZyPKckYDQFsb6ZqD85jZ2+BkwiRFKehhqQCQgDHcgwEBQA7 ) repeat top left; }
-
-/* title layout
- */
-.remark-slide-content.title {
-	text-align: center;
-	background-size: cover;
-}
-.remark-slide-content.title.middle {
-	padding-top: calc(681px / 3);
-}
-.remark-slide-content.title.bottom {
-	padding-top: calc(681px * 2/3);
-}
-
-/* img-caption layout
- * Assumes you begin the content with an image.
- */
-.remark-slide-content.img-caption {
-	text-align: center;
-	padding-top: calc(681px * 0.8);
-}
-.remark-slide-content.img-caption>p:first-child {
-	padding: 0px;
-	margin: 0px;
-}
-.remark-slide-content.img-caption>p:first-child>img {
-	position: absolute;
-	top: 0px;
-	left: 0px;
-	width: 100%;
-	height: 80%;
-	object-fit: cover;
-}
-
-/* two-col-img-right layout
- * Assumes you begin the content with a header, then an image.
- */
-.remark-slide-content.two-col-img-right>p:first-of-type {
-	height: 100%;
-	float: right;
-	width: calc(50% - 1rem);
-	margin-left: 2rem;
-	margin-top: 0px;
-	padding: 0px;
-}
-
-/* two-col-img-left layout
- * Assumes you begin the content with a header, then an image.
- */
-.remark-slide-content.two-col-img-left>p:first-of-type {
-	height: 100%;
-	float: left;
-	width: calc(50% - 1rem);
-	margin-right: 2rem;
-	margin-top: 0px;
-	padding: 0px;
-}
-.remark-slide-content.two-col-img-left>ul,
-.remark-slide-content.two-col-img-left>ol {
-	overflow: auto;
-}
-
-/* img-fullbleed-right layout
- * Assumes you begin the content with an image inside a paragraph.
- * If you have "layout" content, make sure there's no paragraphs in it.
- */
-.remark-slide-content.img-fullbleed-right {
-	padding-right: calc(40% + 2rem);
-}
-.remark-slide-content.img-fullbleed-right>p:first-of-type {
-	margin: 0px;
-	padding: 0px;
-}
-.remark-slide-content.img-fullbleed-right>p:first-of-type>img {
-	position: absolute;
-	top: 0px;
-	right: 0px;
-	height: 100%;
-	width: 40%;
-	object-fit: cover;
-	object-position: left;
-}
-
-/* img-fullbleed-left layout
- * Assumes you begin the content with an image inside a paragraph.
- * If you have "layout" content, make sure there's no paragraphs in it.
- */
-.remark-slide-content.img-fullbleed-left {
-	padding-left: calc(40% + 2rem);
-}
-.remark-slide-content.img-fullbleed-left>p:first-of-type {
-	margin: 0px;
-	padding: 0px;
-}
-.remark-slide-content.img-fullbleed-left>p:first-of-type>img {
-	position: absolute;
-	top: 0px;
-	left: 0px;
-	height: 100%;
-	width: 40%;
-	object-fit: cover;
-	object-position: right;
-}
-
-/* col-2 and col-3 layouts
- * These must be combined with the "col" classes, they're not standalone.
- * TODO: using less, mixin these
- */
-.remark-slide-content.col-2 {
-	columns: 2;
-}
-.remark-slide-content.col-3 {
-	columns: 3;
-}
-.remark-slide-content.col {
-	column-gap: 1.5em; /* Deliberately a relative measure */
-	padding-top: 10rem; /* Just a guess; customize based on your H1:font-size */
-}
-/* Apron assumes that there's an H1 heading. The right solution here is
- * column-span: all, but unfortunately as of Sep 2018, Firefox doesn't support
- * this. So instead, we set the H1 to position: absolute, and use the
- * padding-top to push the other content down away from it.
- */
-.remark-slide-content.col > h1:first-of-type {
-	/* column-span: all; */
-	position: absolute;
-	top: 20px;
-	left: 80px;
-}
-/* Margin-top messes up the vertical alignment of the first column
- * in multi-column layouts.
- * TODO: make this less specific; blockquote/img/etc might need this styling
- * too.
- */
-.remark-slide-content.col p:first-of-type,
-.remark-slide-content.col ul:first-of-type,
-.remark-slide-content.col ol:first-of-type {
-	margin-top: 0px;
-}
-.remark-slide-content.col > ul,
-.remark-slide-content.col > ol {
-	break-inside: avoid;
-	page-break-inside: avoid;
-}
-
-/* Image URL fragment pseudo-classes
- */
-
-.remark-slide-content img[src~=ba] { border-style: solid; border-width: 1px; }
-.remark-slide-content img[src~=bt] { border-top-style: solid; border-top-width: 1px; }
-.remark-slide-content img[src~=br] { border-right-style: solid; border-right-width: 1px; }
-.remark-slide-content img[src~=bb] { border-bottom-style: solid; border-bottom-width: 1px; }
-.remark-slide-content img[src~=bl] { border-left-style: solid; border-left-width: 1px; }
-.remark-slide-content img[src~=bn] { border-style: none; border-width: 0; }
-
-.remark-slide-content img[src~=br0] { border-radius: 0; }
-.remark-slide-content img[src~=br1] { border-radius: .125rem; }
-.remark-slide-content img[src~=br2] { border-radius: .25rem; }
-.remark-slide-content img[src~=br3] { border-radius: .5rem; }
-.remark-slide-content img[src~=br4] { border-radius: 1rem; }
-.remark-slide-content img[src~=br-100] { border-radius: 100%; }
-
-.remark-slide-content img[src~=bw0] { border-width: 0; }
-.remark-slide-content img[src~=bw1] { border-width: .125rem; }
-.remark-slide-content img[src~=bw2] { border-width: .25rem; }
-.remark-slide-content img[src~=bw3] { border-width: .5rem; }
-.remark-slide-content img[src~=bw4] { border-width: 1rem; }
-.remark-slide-content img[src~=bw5] { border-width: 2rem; }
-
-.remark-slide-content img[src~=shadow-1] { box-shadow: 0 0 4px 2px rgba( 0, 0, 0, .2 ); }
-.remark-slide-content img[src~=shadow-2] { box-shadow: 0 0 8px 2px rgba( 0, 0, 0, .2 ); }
-.remark-slide-content img[src~=shadow-3] { box-shadow: 2px 2px 4px 2px rgba( 0, 0, 0, .2 ); }
-.remark-slide-content img[src~=shadow-4] { box-shadow: 2px 2px 8px 0 rgba( 0, 0, 0, .2 ); }
-.remark-slide-content img[src~=shadow-5] { box-shadow: 4px 4px 8px 0 rgba( 0, 0, 0, .2 ); }
-
-.remark-slide-content img[src~=dn] { display: none; }
-.remark-slide-content img[src~=di] { display: inline; }
-.remark-slide-content img[src~=db] { display: block; }
-.remark-slide-content img[src~=dib] { display: inline-block; }
-
-.remark-slide-content img[src~=fl] { float: left; _display: inline; }
-.remark-slide-content img[src~=fr] { float: right; _display: inline; }
-.remark-slide-content img[src~=fn] { float: none; }
-
-.remark-slide-content img[src~=cf]:before,
-.remark-slide-content img[src~=cf]:after { content: " "; display: table; }
-.remark-slide-content img[src~=cf]:after { clear: both; }
-.remark-slide-content img[src~=cf] { *zoom: 1; }
-
-.remark-slide-content img[src~=mw-10] { max-width: 10%; }
-.remark-slide-content img[src~=mw-20] { max-width: 20%; }
-.remark-slide-content img[src~=mw-25] { max-width: 25%; }
-.remark-slide-content img[src~=mw-30] { max-width: 30%; }
-.remark-slide-content img[src~=mw-33] { max-width: 33%; }
-.remark-slide-content img[src~=mw-34] { max-width: 34%; }
-.remark-slide-content img[src~=mw-40] { max-width: 40%; }
-.remark-slide-content img[src~=mw-50] { max-width: 50%; }
-.remark-slide-content img[src~=mw-60] { max-width: 60%; }
-.remark-slide-content img[src~=mw-70] { max-width: 70%; }
-.remark-slide-content img[src~=mw-75] { max-width: 75%; }
-.remark-slide-content img[src~=mw-80] { max-width: 80%; }
-.remark-slide-content img[src~=mw-90] { max-width: 90%; }
-.remark-slide-content img[src~=mw-100] { max-width: 100%; }
-.remark-slide-content img[src~=mw-third] { max-width: calc(100%/3); }
-.remark-slide-content img[src~=mw-two-thirds] { max-width: calc(200%/3); }
-
-.remark-slide-content img[src~=mw1] { max-width: 1rem; }
-.remark-slide-content img[src~=mw2] { max-width: 2rem; }
-.remark-slide-content img[src~=mw3] { max-width: 4rem; }
-.remark-slide-content img[src~=mw4] { max-width: 8rem; }
-.remark-slide-content img[src~=mw5] { max-width: 16rem; }
-.remark-slide-content img[src~=mw6] { max-width: 32rem; }
-.remark-slide-content img[src~=mw7] { max-width: 48rem; }
-.remark-slide-content img[src~=mw8] { max-width: 64rem; }
-.remark-slide-content img[src~=mw9] { max-width: 96rem; }
-
-.remark-slide-content img[src~=w1] { width: 1rem; }
-.remark-slide-content img[src~=w2] { width: 2rem; }
-.remark-slide-content img[src~=w3] { width: 4rem; }
-.remark-slide-content img[src~=w4] { width: 8rem; }
-.remark-slide-content img[src~=w5] { width: 16rem; }
-.remark-slide-content img[src~=w-10] { width: 10%; }
-.remark-slide-content img[src~=w-20] { width: 20%; }
-.remark-slide-content img[src~=w-25] { width: 25%; }
-.remark-slide-content img[src~=w-30] { width: 30%; }
-.remark-slide-content img[src~=w-33] { width: 33%; }
-.remark-slide-content img[src~=w-34] { width: 34%; }
-.remark-slide-content img[src~=w-40] { width: 40%; }
-.remark-slide-content img[src~=w-50] { width: 50%; }
-.remark-slide-content img[src~=w-60] { width: 60%; }
-.remark-slide-content img[src~=w-70] { width: 70%; }
-.remark-slide-content img[src~=w-75] { width: 75%; }
-.remark-slide-content img[src~=w-80] { width: 80%; }
-.remark-slide-content img[src~=w-90] { width: 90%; }
-.remark-slide-content img[src~=w-100] { width: 100%; }
-.remark-slide-content img[src~=w-third] { width: calc(100%/3); }
-.remark-slide-content img[src~=w-two-thirds] { width: calc(200%/3); }
-.remark-slide-content img[src~=w-auto] { width: auto; }
-
-.remark-slide-content img[src~=w-1-12] { width: calc(100%/12); }
-.remark-slide-content img[src~=w-2-12] { width: calc(200%/12); }
-.remark-slide-content img[src~=w-3-12] { width: calc(300%/12); }
-.remark-slide-content img[src~=w-4-12] { width: calc(400%/12); }
-.remark-slide-content img[src~=w-5-12] { width: calc(500%/12); }
-.remark-slide-content img[src~=w-6-12] { width: calc(600%/12); }
-.remark-slide-content img[src~=w-7-12] { width: calc(700%/12); }
-.remark-slide-content img[src~=w-8-12] { width: calc(800%/12); }
-.remark-slide-content img[src~=w-9-12] { width: calc(900%/12); }
-.remark-slide-content img[src~=w-10-12] { width: calc(1000%/12); }
-.remark-slide-content img[src~=w-11-12] { width: calc(1100%/12); }
-
-.remark-slide-content img[src~=mh-10] { max-height: 10%; }
-.remark-slide-content img[src~=mh-20] { max-height: 20%; }
-.remark-slide-content img[src~=mh-25] { max-height: 25%; }
-.remark-slide-content img[src~=mh-30] { max-height: 30%; }
-.remark-slide-content img[src~=mh-33] { max-height: 33%; }
-.remark-slide-content img[src~=mh-34] { max-height: 34%; }
-.remark-slide-content img[src~=mh-40] { max-height: 40%; }
-.remark-slide-content img[src~=mh-50] { max-height: 50%; }
-.remark-slide-content img[src~=mh-60] { max-height: 60%; }
-.remark-slide-content img[src~=mh-70] { max-height: 70%; }
-.remark-slide-content img[src~=mh-75] { max-height: 75%; }
-.remark-slide-content img[src~=mh-80] { max-height: 80%; }
-.remark-slide-content img[src~=mh-90] { max-height: 90%; }
-.remark-slide-content img[src~=mh-100] { max-height: 100%; }
-.remark-slide-content img[src~=mh-third] { max-height: calc(100%/3); }
-.remark-slide-content img[src~=mh-two-thirds] { max-height: calc(200%/3); }
-
-.remark-slide-content img[src~=mh1] { max-height: 1rem; }
-.remark-slide-content img[src~=mh2] { max-height: 2rem; }
-.remark-slide-content img[src~=mh3] { max-height: 4rem; }
-.remark-slide-content img[src~=mh4] { max-height: 8rem; }
-.remark-slide-content img[src~=mh5] { max-height: 16rem; }
-.remark-slide-content img[src~=mh6] { max-height: 32rem; }
-.remark-slide-content img[src~=mh7] { max-height: 48rem; }
-.remark-slide-content img[src~=mh8] { max-height: 64rem; }
-.remark-slide-content img[src~=mh9] { max-height: 96rem; }
-
-.remark-slide-content img[src~=h1] { height: 1rem; }
-.remark-slide-content img[src~=h2] { height: 2rem; }
-.remark-slide-content img[src~=h3] { height: 4rem; }
-.remark-slide-content img[src~=h4] { height: 8rem; }
-.remark-slide-content img[src~=h5] { height: 16rem; }
-.remark-slide-content img[src~=h-10] { height: 10%; }
-.remark-slide-content img[src~=h-20] { height: 20%; }
-.remark-slide-content img[src~=h-25] { height: 25%; }
-.remark-slide-content img[src~=h-30] { height: 30%; }
-.remark-slide-content img[src~=h-33] { height: 33%; }
-.remark-slide-content img[src~=h-34] { height: 34%; }
-.remark-slide-content img[src~=h-40] { height: 40%; }
-.remark-slide-content img[src~=h-50] { height: 50%; }
-.remark-slide-content img[src~=h-60] { height: 60%; }
-.remark-slide-content img[src~=h-70] { height: 70%; }
-.remark-slide-content img[src~=h-75] { height: 75%; }
-.remark-slide-content img[src~=h-80] { height: 80%; }
-.remark-slide-content img[src~=h-90] { height: 90%; }
-.remark-slide-content img[src~=h-100] { height: 100%; }
-.remark-slide-content img[src~=h-third] { height: calc(100%/3); }
-.remark-slide-content img[src~=h-two-thirds] { height: calc(200%/3); }
-.remark-slide-content img[src~=h-auto] { height: auto; }
-
-.remark-slide-content img[src~=h-1-12] { height: calc(100%/12); }
-.remark-slide-content img[src~=h-2-12] { height: calc(200%/12); }
-.remark-slide-content img[src~=h-3-12] { height: calc(300%/12); }
-.remark-slide-content img[src~=h-4-12] { height: calc(400%/12); }
-.remark-slide-content img[src~=h-5-12] { height: calc(500%/12); }
-.remark-slide-content img[src~=h-6-12] { height: calc(600%/12); }
-.remark-slide-content img[src~=h-7-12] { height: calc(700%/12); }
-.remark-slide-content img[src~=h-8-12] { height: calc(800%/12); }
-.remark-slide-content img[src~=h-9-12] { height: calc(900%/12); }
-.remark-slide-content img[src~=h-10-12] { height: calc(1000%/12); }
-.remark-slide-content img[src~=h-11-12] { height: calc(1100%/12); }
-
-.remark-slide-content img[src~=static] { position: static; }
-.remark-slide-content img[src~=relative] { position: relative; }
-.remark-slide-content img[src~=absolute] { position: absolute; }
-.remark-slide-content img[src~=fixed] { position: fixed; }
-
-.remark-slide-content .static { position: static; }
-.remark-slide-content .relative { position: relative; }
-.remark-slide-content .absolute { position: absolute; }
-.remark-slide-content .fixed { position: fixed; }
-
-.remark-slide-content img[src~=center] { display: block; margin-left: auto; margin-right: auto; }
-/* https://www.sitepoint.com/css-center-position-absolute-div/
- */
-.remark-slide-content img[src~=center][src~=w-10] { left: 50%; margin-left: -5%; }
-
-.remark-slide-content img[src~=t-0] { top: 0px; }
-.remark-slide-content img[src~=t-10] { top: 10%; }
-.remark-slide-content img[src~=t-20] { top: 20%; }
-.remark-slide-content img[src~=t-25] { top: 25%; }
-.remark-slide-content img[src~=t-30] { top: 30%; }
-.remark-slide-content img[src~=t-33] { top: 33%; }
-.remark-slide-content img[src~=t-34] { top: 34%; }
-.remark-slide-content img[src~=t-40] { top: 40%; }
-.remark-slide-content img[src~=t-50] { top: 50%; }
-.remark-slide-content img[src~=t-60] { top: 60%; }
-.remark-slide-content img[src~=t-70] { top: 70%; }
-.remark-slide-content img[src~=t-75] { top: 75%; }
-.remark-slide-content img[src~=t-80] { top: 80%; }
-.remark-slide-content img[src~=t-90] { top: 90%; }
-.remark-slide-content img[src~=t-100] { top: 100%; }
-.remark-slide-content img[src~=t-third] { top: calc(100%/3); }
-.remark-slide-content img[src~=t-two-thirds] { top: calc(200%/3); }
-
-.remark-slide-content img[src~=t-u] { top: unset; }
-.remark-slide-content img[src~=t-1] { top: .25rem; }
-.remark-slide-content img[src~=t-2] { top: .5rem; }
-.remark-slide-content img[src~=t-3] { top: 1rem; }
-.remark-slide-content img[src~=t-4] { top: 2rem; }
-.remark-slide-content img[src~=t-5] { top: 4rem; }
-.remark-slide-content img[src~=t-6] { top: 8rem; }
-.remark-slide-content img[src~=t-7] { top: 16rem; }
-
-.remark-slide-content .t-u { top: unset; }
-.remark-slide-content .t-1 { top: .25rem; }
-.remark-slide-content .t-2 { top: .5rem; }
-.remark-slide-content .t-3 { top: 1rem; }
-.remark-slide-content .t-4 { top: 2rem; }
-.remark-slide-content .t-5 { top: 4rem; }
-.remark-slide-content .t-6 { top: 8rem; }
-.remark-slide-content .t-7 { top: 16rem; }
-
-.remark-slide-content img[src~=t-1-12] { top: calc(100%/12); }
-.remark-slide-content img[src~=t-2-12] { top: calc(200%/12); }
-.remark-slide-content img[src~=t-3-12] { top: calc(300%/12); }
-.remark-slide-content img[src~=t-4-12] { top: calc(400%/12); }
-.remark-slide-content img[src~=t-5-12] { top: calc(500%/12); }
-.remark-slide-content img[src~=t-6-12] { top: calc(600%/12); }
-.remark-slide-content img[src~=t-7-12] { top: calc(700%/12); }
-.remark-slide-content img[src~=t-8-12] { top: calc(800%/12); }
-.remark-slide-content img[src~=t-9-12] { top: calc(900%/12); }
-.remark-slide-content img[src~=t-10-12] { top: calc(1000%/12); }
-.remark-slide-content img[src~=t-11-12] { top: calc(1100%/12); }
-
-.remark-slide-content img[src~=r-0] { right: 0px; }
-.remark-slide-content img[src~=r-10] { right: 10%; }
-.remark-slide-content img[src~=r-20] { right: 20%; }
-.remark-slide-content img[src~=r-25] { right: 25%; }
-.remark-slide-content img[src~=r-30] { right: 30%; }
-.remark-slide-content img[src~=r-33] { right: 33%; }
-.remark-slide-content img[src~=r-34] { right: 34%; }
-.remark-slide-content img[src~=r-40] { right: 40%; }
-.remark-slide-content img[src~=r-50] { right: 50%; }
-.remark-slide-content img[src~=r-60] { right: 60%; }
-.remark-slide-content img[src~=r-70] { right: 70%; }
-.remark-slide-content img[src~=r-75] { right: 75%; }
-.remark-slide-content img[src~=r-80] { right: 80%; }
-.remark-slide-content img[src~=r-90] { right: 90%; }
-.remark-slide-content img[src~=r-100] { right: 100%; }
-.remark-slide-content img[src~=r-third] { right: calc(100%/3); }
-.remark-slide-content img[src~=r-two-thirds] { right: calc(200%/3); }
-
-.remark-slide-content img[src~=r-u] { right: unset; }
-.remark-slide-content img[src~=r-1] { right: .25rem; }
-.remark-slide-content img[src~=r-2] { right: .5rem; }
-.remark-slide-content img[src~=r-3] { right: 1rem; }
-.remark-slide-content img[src~=r-4] { right: 2rem; }
-.remark-slide-content img[src~=r-5] { right: 4rem; }
-.remark-slide-content img[src~=r-6] { right: 8rem; }
-.remark-slide-content img[src~=r-7] { right: 16rem; }
-
-.remark-slide-content .r-u { right: unset; }
-.remark-slide-content .r-1 { right: .25rem; }
-.remark-slide-content .r-2 { right: .5rem; }
-.remark-slide-content .r-3 { right: 1rem; }
-.remark-slide-content .r-4 { right: 2rem; }
-.remark-slide-content .r-5 { right: 4rem; }
-.remark-slide-content .r-6 { right: 8rem; }
-.remark-slide-content .r-7 { right: 16rem; }
-
-.remark-slide-content img[src~=r-1-12] { right: calc(100%/12); }
-.remark-slide-content img[src~=r-2-12] { right: calc(200%/12); }
-.remark-slide-content img[src~=r-3-12] { right: calc(300%/12); }
-.remark-slide-content img[src~=r-4-12] { right: calc(400%/12); }
-.remark-slide-content img[src~=r-5-12] { right: calc(500%/12); }
-.remark-slide-content img[src~=r-6-12] { right: calc(600%/12); }
-.remark-slide-content img[src~=r-7-12] { right: calc(700%/12); }
-.remark-slide-content img[src~=r-8-12] { right: calc(800%/12); }
-.remark-slide-content img[src~=r-9-12] { right: calc(900%/12); }
-.remark-slide-content img[src~=r-10-12] { right: calc(1000%/12); }
-.remark-slide-content img[src~=r-11-12] { right: calc(1100%/12); }
-
-.remark-slide-content img[src~=b-0] { bottom: 0px; }
-.remark-slide-content img[src~=b-10] { bottom: 10%; }
-.remark-slide-content img[src~=b-20] { bottom: 20%; }
-.remark-slide-content img[src~=b-25] { bottom: 25%; }
-.remark-slide-content img[src~=b-30] { bottom: 30%; }
-.remark-slide-content img[src~=b-33] { bottom: 33%; }
-.remark-slide-content img[src~=b-34] { bottom: 34%; }
-.remark-slide-content img[src~=b-40] { bottom: 40%; }
-.remark-slide-content img[src~=b-50] { bottom: 50%; }
-.remark-slide-content img[src~=b-60] { bottom: 60%; }
-.remark-slide-content img[src~=b-70] { bottom: 70%; }
-.remark-slide-content img[src~=b-75] { bottom: 75%; }
-.remark-slide-content img[src~=b-80] { bottom: 80%; }
-.remark-slide-content img[src~=b-90] { bottom: 90%; }
-.remark-slide-content img[src~=b-100] { bottom: 100%; }
-.remark-slide-content img[src~=b-third] { bottom: calc(100%/3); }
-.remark-slide-content img[src~=b-two-thirds] { bottom: calc(200%/3); }
-
-.remark-slide-content img[src~=b-u] { bottom: unset; }
-.remark-slide-content img[src~=b-1] { bottom: .25rem; }
-.remark-slide-content img[src~=b-2] { bottom: .5rem; }
-.remark-slide-content img[src~=b-3] { bottom: 1rem; }
-.remark-slide-content img[src~=b-4] { bottom: 2rem; }
-.remark-slide-content img[src~=b-5] { bottom: 4rem; }
-.remark-slide-content img[src~=b-6] { bottom: 8rem; }
-.remark-slide-content img[src~=b-7] { bottom: 16rem; }
-
-.remark-slide-content .b-u { bottom: unset; }
-.remark-slide-content .b-1 { bottom: .25rem; }
-.remark-slide-content .b-2 { bottom: .5rem; }
-.remark-slide-content .b-3 { bottom: 1rem; }
-.remark-slide-content .b-4 { bottom: 2rem; }
-.remark-slide-content .b-5 { bottom: 4rem; }
-.remark-slide-content .b-6 { bottom: 8rem; }
-.remark-slide-content .b-7 { bottom: 16rem; }
-
-.remark-slide-content img[src~=b-1-12] { bottom: calc(100%/12); }
-.remark-slide-content img[src~=b-2-12] { bottom: calc(200%/12); }
-.remark-slide-content img[src~=b-3-12] { bottom: calc(300%/12); }
-.remark-slide-content img[src~=b-4-12] { bottom: calc(400%/12); }
-.remark-slide-content img[src~=b-5-12] { bottom: calc(500%/12); }
-.remark-slide-content img[src~=b-6-12] { bottom: calc(600%/12); }
-.remark-slide-content img[src~=b-7-12] { bottom: calc(700%/12); }
-.remark-slide-content img[src~=b-8-12] { bottom: calc(800%/12); }
-.remark-slide-content img[src~=b-9-12] { bottom: calc(900%/12); }
-.remark-slide-content img[src~=b-10-12] { bottom: calc(1000%/12); }
-.remark-slide-content img[src~=b-11-12] { bottom: calc(1100%/12); }
-
-.remark-slide-content img[src~=l-0] { left: 0px; }
-.remark-slide-content img[src~=l-10] { left: 10%; }
-.remark-slide-content img[src~=l-20] { left: 20%; }
-.remark-slide-content img[src~=l-25] { left: 25%; }
-.remark-slide-content img[src~=l-30] { left: 30%; }
-.remark-slide-content img[src~=l-33] { left: 33%; }
-.remark-slide-content img[src~=l-34] { left: 34%; }
-.remark-slide-content img[src~=l-40] { left: 40%; }
-.remark-slide-content img[src~=l-50] { left: 50%; }
-.remark-slide-content img[src~=l-60] { left: 60%; }
-.remark-slide-content img[src~=l-70] { left: 70%; }
-.remark-slide-content img[src~=l-75] { left: 75%; }
-.remark-slide-content img[src~=l-80] { left: 80%; }
-.remark-slide-content img[src~=l-90] { left: 90%; }
-.remark-slide-content img[src~=l-100] { left: 100%; }
-.remark-slide-content img[src~=l-third] { left: calc(100%/3); }
-.remark-slide-content img[src~=l-two-thirds] { left: calc(200%/3); }
-
-.remark-slide-content img[src~=l-u] { left: unset; }
-.remark-slide-content img[src~=l-1] { left: .25rem; }
-.remark-slide-content img[src~=l-2] { left: .5rem; }
-.remark-slide-content img[src~=l-3] { left: 1rem; }
-.remark-slide-content img[src~=l-4] { left: 2rem; }
-.remark-slide-content img[src~=l-5] { left: 4rem; }
-.remark-slide-content img[src~=l-6] { left: 8rem; }
-.remark-slide-content img[src~=l-7] { left: 16rem; }
-
-.remark-slide-content .l-u { left: unset; }
-.remark-slide-content .l-1 { left: .25rem; }
-.remark-slide-content .l-2 { left: .5rem; }
-.remark-slide-content .l-3 { left: 1rem; }
-.remark-slide-content .l-4 { left: 2rem; }
-.remark-slide-content .l-5 { left: 4rem; }
-.remark-slide-content .l-6 { left: 8rem; }
-.remark-slide-content .l-7 { left: 16rem; }
-
-.remark-slide-content img[src~=l-1-12] { left: calc(100%/12); }
-.remark-slide-content img[src~=l-2-12] { left: calc(200%/12); }
-.remark-slide-content img[src~=l-3-12] { left: calc(300%/12); }
-.remark-slide-content img[src~=l-4-12] { left: calc(400%/12); }
-.remark-slide-content img[src~=l-5-12] { left: calc(500%/12); }
-.remark-slide-content img[src~=l-6-12] { left: calc(600%/12); }
-.remark-slide-content img[src~=l-7-12] { left: calc(700%/12); }
-.remark-slide-content img[src~=l-8-12] { left: calc(800%/12); }
-.remark-slide-content img[src~=l-9-12] { left: calc(900%/12); }
-.remark-slide-content img[src~=l-10-12] { left: calc(1000%/12); }
-.remark-slide-content img[src~=l-11-12] { left: calc(1100%/12); }
-
-.remark-slide-content img[src~=pa0] { padding: 0; }
-.remark-slide-content img[src~=pa1] { padding: .25rem; }
-.remark-slide-content img[src~=pa2] { padding: .5rem; }
-.remark-slide-content img[src~=pa3] { padding: 1rem; }
-.remark-slide-content img[src~=pa4] { padding: 2rem; }
-.remark-slide-content img[src~=pa5] { padding: 4rem; }
-.remark-slide-content img[src~=pa6] { padding: 8rem; }
-.remark-slide-content img[src~=pa7] { padding: 16rem; }
-.remark-slide-content img[src~=pl0] { padding-left: 0; }
-.remark-slide-content img[src~=pl1] { padding-left: .25rem; }
-.remark-slide-content img[src~=pl2] { padding-left: .5rem; }
-.remark-slide-content img[src~=pl3] { padding-left: 1rem; }
-.remark-slide-content img[src~=pl4] { padding-left: 2rem; }
-.remark-slide-content img[src~=pl5] { padding-left: 4rem; }
-.remark-slide-content img[src~=pl6] { padding-left: 8rem; }
-.remark-slide-content img[src~=pl7] { padding-left: 16rem; }
-.remark-slide-content img[src~=pr0] { padding-right: 0; }
-.remark-slide-content img[src~=pr1] { padding-right: .25rem; }
-.remark-slide-content img[src~=pr2] { padding-right: .5rem; }
-.remark-slide-content img[src~=pr3] { padding-right: 1rem; }
-.remark-slide-content img[src~=pr4] { padding-right: 2rem; }
-.remark-slide-content img[src~=pr5] { padding-right: 4rem; }
-.remark-slide-content img[src~=pr6] { padding-right: 8rem; }
-.remark-slide-content img[src~=pr7] { padding-right: 16rem; }
-.remark-slide-content img[src~=pb0] { padding-bottom: 0; }
-.remark-slide-content img[src~=pb1] { padding-bottom: .25rem; }
-.remark-slide-content img[src~=pb2] { padding-bottom: .5rem; }
-.remark-slide-content img[src~=pb3] { padding-bottom: 1rem; }
-.remark-slide-content img[src~=pb4] { padding-bottom: 2rem; }
-.remark-slide-content img[src~=pb5] { padding-bottom: 4rem; }
-.remark-slide-content img[src~=pb6] { padding-bottom: 8rem; }
-.remark-slide-content img[src~=pb7] { padding-bottom: 16rem; }
-.remark-slide-content img[src~=pt0] { padding-top: 0; }
-.remark-slide-content img[src~=pt1] { padding-top: .25rem; }
-.remark-slide-content img[src~=pt2] { padding-top: .5rem; }
-.remark-slide-content img[src~=pt3] { padding-top: 1rem; }
-.remark-slide-content img[src~=pt4] { padding-top: 2rem; }
-.remark-slide-content img[src~=pt5] { padding-top: 4rem; }
-.remark-slide-content img[src~=pt6] { padding-top: 8rem; }
-.remark-slide-content img[src~=pt7] { padding-top: 16rem; }
-.remark-slide-content img[src~=pv0] { padding-top: 0; padding-bottom: 0; }
-.remark-slide-content img[src~=pv1] { padding-top: .25rem; padding-bottom: .25rem; }
-.remark-slide-content img[src~=pv2] { padding-top: .5rem; padding-bottom: .5rem; }
-.remark-slide-content img[src~=pv3] { padding-top: 1rem; padding-bottom: 1rem; }
-.remark-slide-content img[src~=pv4] { padding-top: 2rem; padding-bottom: 2rem; }
-.remark-slide-content img[src~=pv5] { padding-top: 4rem; padding-bottom: 4rem; }
-.remark-slide-content img[src~=pv6] { padding-top: 8rem; padding-bottom: 8rem; }
-.remark-slide-content img[src~=pv7] { padding-top: 16rem; padding-bottom: 16rem; }
-.remark-slide-content img[src~=ph0] { padding-left: 0; padding-right: 0; }
-.remark-slide-content img[src~=ph1] { padding-left: .25rem; padding-right: .25rem; }
-.remark-slide-content img[src~=ph2] { padding-left: .5rem; padding-right: .5rem; }
-.remark-slide-content img[src~=ph3] { padding-left: 1rem; padding-right: 1rem; }
-.remark-slide-content img[src~=ph4] { padding-left: 2rem; padding-right: 2rem; }
-.remark-slide-content img[src~=ph5] { padding-left: 4rem; padding-right: 4rem; }
-.remark-slide-content img[src~=ph6] { padding-left: 8rem; padding-right: 8rem; }
-.remark-slide-content img[src~=ph7] { padding-left: 16rem; padding-right: 16rem; }
-.remark-slide-content img[src~=ma0] { margin: 0; }
-.remark-slide-content img[src~=ma1] { margin: .25rem; }
-.remark-slide-content img[src~=ma2] { margin: .5rem; }
-.remark-slide-content img[src~=ma3] { margin: 1rem; }
-.remark-slide-content img[src~=ma4] { margin: 2rem; }
-.remark-slide-content img[src~=ma5] { margin: 4rem; }
-.remark-slide-content img[src~=ma6] { margin: 8rem; }
-.remark-slide-content img[src~=ma7] { margin: 16rem; }
-.remark-slide-content img[src~=ml0] { margin-left: 0; }
-.remark-slide-content img[src~=ml1] { margin-left: .25rem; }
-.remark-slide-content img[src~=ml2] { margin-left: .5rem; }
-.remark-slide-content img[src~=ml3] { margin-left: 1rem; }
-.remark-slide-content img[src~=ml4] { margin-left: 2rem; }
-.remark-slide-content img[src~=ml5] { margin-left: 4rem; }
-.remark-slide-content img[src~=ml6] { margin-left: 8rem; }
-.remark-slide-content img[src~=ml7] { margin-left: 16rem; }
-.remark-slide-content img[src~=mr0] { margin-right: 0; }
-.remark-slide-content img[src~=mr1] { margin-right: .25rem; }
-.remark-slide-content img[src~=mr2] { margin-right: .5rem; }
-.remark-slide-content img[src~=mr3] { margin-right: 1rem; }
-.remark-slide-content img[src~=mr4] { margin-right: 2rem; }
-.remark-slide-content img[src~=mr5] { margin-right: 4rem; }
-.remark-slide-content img[src~=mr6] { margin-right: 8rem; }
-.remark-slide-content img[src~=mr7] { margin-right: 16rem; }
-.remark-slide-content img[src~=mb0] { margin-bottom: 0; }
-.remark-slide-content img[src~=mb1] { margin-bottom: .25rem; }
-.remark-slide-content img[src~=mb2] { margin-bottom: .5rem; }
-.remark-slide-content img[src~=mb3] { margin-bottom: 1rem; }
-.remark-slide-content img[src~=mb4] { margin-bottom: 2rem; }
-.remark-slide-content img[src~=mb5] { margin-bottom: 4rem; }
-.remark-slide-content img[src~=mb6] { margin-bottom: 8rem; }
-.remark-slide-content img[src~=mb7] { margin-bottom: 16rem; }
-.remark-slide-content img[src~=mt0] { margin-top: 0; }
-.remark-slide-content img[src~=mt1] { margin-top: .25rem; }
-.remark-slide-content img[src~=mt2] { margin-top: .5rem; }
-.remark-slide-content img[src~=mt3] { margin-top: 1rem; }
-.remark-slide-content img[src~=mt4] { margin-top: 2rem; }
-.remark-slide-content img[src~=mt5] { margin-top: 4rem; }
-.remark-slide-content img[src~=mt6] { margin-top: 8rem; }
-.remark-slide-content img[src~=mt7] { margin-top: 16rem; }
-.remark-slide-content img[src~=mv0] { margin-top: 0; margin-bottom: 0; }
-.remark-slide-content img[src~=mv1] { margin-top: .25rem; margin-bottom: .25rem; }
-.remark-slide-content img[src~=mv2] { margin-top: .5rem; margin-bottom: .5rem; }
-.remark-slide-content img[src~=mv3] { margin-top: 1rem; margin-bottom: 1rem; }
-.remark-slide-content img[src~=mv4] { margin-top: 2rem; margin-bottom: 2rem; }
-.remark-slide-content img[src~=mv5] { margin-top: 4rem; margin-bottom: 4rem; }
-.remark-slide-content img[src~=mv6] { margin-top: 8rem; margin-bottom: 8rem; }
-.remark-slide-content img[src~=mv7] { margin-top: 16rem; margin-bottom: 16rem; }
-.remark-slide-content img[src~=mh0] { margin-left: 0; margin-right: 0; }
-.remark-slide-content img[src~=mh1] { margin-left: .25rem; margin-right: .25rem; }
-.remark-slide-content img[src~=mh2] { margin-left: .5rem; margin-right: .5rem; }
-.remark-slide-content img[src~=mh3] { margin-left: 1rem; margin-right: 1rem; }
-.remark-slide-content img[src~=mh4] { margin-left: 2rem; margin-right: 2rem; }
-.remark-slide-content img[src~=mh5] { margin-left: 4rem; margin-right: 4rem; }
-.remark-slide-content img[src~=mh6] { margin-left: 8rem; margin-right: 8rem; }
-.remark-slide-content img[src~=mh7] { margin-left: 16rem; margin-right: 16rem; }
-
-.remark-slide-content img[src~=ofc] { object-fit: contain; }
-.remark-slide-content img[src~=ofv] { object-fit: cover; }
-
-.remark-slide-content img[src~=opl] { object-position: left !important; }
-.remark-slide-content img[src~=opc] { object-position: center !important; }
-.remark-slide-content img[src~=opr] { object-position: right !important; }
-.remark-slide-content img[src~=opt] { object-position: top !important; }
-.remark-slide-content img[src~=opb] { object-position: bottom !important; }
-.remark-slide-content img[src~=oplt] { object-position: left top !important; }
-.remark-slide-content img[src~=oplc] { object-position: left center !important; }
-.remark-slide-content img[src~=oplb] { object-position: left bottom !important; }
-.remark-slide-content img[src~=opct] { object-position: center top !important; }
-.remark-slide-content img[src~=opcc] { object-position: center center !important; }
-.remark-slide-content img[src~=opcb] { object-position: center bottom !important; }
-.remark-slide-content img[src~=oprt] { object-position: right top !important; }
-.remark-slide-content img[src~=oprc] { object-position: right center !important; }
-.remark-slide-content img[src~=oprb] { object-position: right bottom !important; }
+// Global variables.

+@slide-height: 681px;

+

+/* Globals, resets, and fixes. Remark sets display:table and display:table-cell,

+ * I think in order to make things like vertical-align:middle work. But those

+ * mess with a bunch of other things, and make them hard/impossible. An example

+ * is using column-count, which won't work except inside a display:block

+ * element. So I reset these things to undo what I consider Remark's hacks.

+ */

+.remark-slide {

+	display: block;

+	box-sizing: border-box;

+	margin: 0px;

+	padding: 0px;

+}

+

+.remark-slide-content {

+	display: block;

+	box-sizing: border-box;

+	height: 100%;

+	* {

+		box-sizing: border-box;

+	}

+	

+	// Debug and debug grid, for help figuring out layouts and bugs.

+	&.debug * {

+		outline: 1px solid gold;

+	}

+	&.debug-white * {

+		outline: 1px solid white;

+	}

+	&.debug-black * {

+		outline: 1px solid black;

+	}

+	&.debug-grid {

+		background: transparent url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAFElEQVR4AWPAC97/9x0eCsAEPgwAVLshdpENIxcAAAAASUVORK5CYII= ) repeat top left;

+	}

+	&.debug-grid-16 {

+		background: transparent url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMklEQVR4AWOgCLz/b0epAa6UGuBOqQHOQHLUgFEDnAbcBZ4UGwDOkiCnkIhdgNgNxAYAiYlD+8sEuo8AAAAASUVORK5CYII= ) repeat top left;

+	}

+	&.debug-grid-8-solid {

+		background: white url( data:image/gif;base64,R0lGODdhCAAIAPEAAADw/wDx/////wAAACwAAAAACAAIAAACDZQvgaeb/lxbAIKA8y0AOw== ) repeat top left;

+	}

+	&.debug-grid-16-solid {

+		background: white url( data:image/gif;base64,R0lGODdhEAAQAPEAAADw/wDx/xXy/////ywAAAAAEAAQAAACIZyPKckYDQFsb6ZqD85jZ2+BkwiRFKehhqQCQgDHcgwEBQA7 ) repeat top left;

+	}

+	

+	// Images should never be bigger than their container.

+	img {

+		max-width: 100%;

+	}

+	

+	// Layout: fullbleed. Simply removes Remark's built-in padding and margins.

+	&.fullbleed, &.fullbleed>p {

+		margin: 0;

+		padding: 0;

+	}

+	

+	// Layout: title, plus middle/bottom variations. Designed for H1 and optional H2.

+	&.title {

+		text-align: center;

+		background-size: cover;

+		&.middle {

+			padding-top: @slide-height / 3;

+		}

+		&.bottom {

+			padding-top: @slide-height * 2/3;

+		}

+	}

+	

+	// Layout: img-caption. Content must begin with an image.

+	&.img-caption {

+		text-align: center;

+		padding-top: @slide-height * 0.8;

+		&>p:first-child {

+			padding: 0px;

+			margin: 0px;

+			&>img {

+				position: absolute;

+				top: 0px;

+				left: 0px;

+				width: 100%;

+				height: 80%;

+				object-fit: cover;

+			}

+		}

+	}

+

+	// Layout: img-right. The first image begins "columns."

+	&.img-right>p:first-of-type {

+		height: 100%;

+		float: right;

+		width: calc(50% - 1rem);

+		margin-left: 2rem;

+		margin-top: 0px;

+		padding: 0px;

+	}

+	

+	// Layout: img-left. The first image begins "columns."

+	&.img-left {

+		&>p:first-of-type {

+			height: 100%;

+			float: left;

+			width: calc(50% - 1rem);

+			margin-right: 2rem;

+			margin-top: 0px;

+			padding: 0px;

+		}

+		&>ul, &>ol, &>blockquote {

+			// Ensures bullets are indented.

+			overflow: auto;

+		}

+	}

+	

+	// Layout: img-right-full. The first p>img fills the side of the slide.

+	// If you have "layout" content, ensure it has no <p> elements.

+	&.img-right-full {

+		padding-right: calc(40% + 2rem);

+		&>p:first-of-type {

+			margin: 0px;

+			padding: 0px;

+			&>img {

+				position: absolute;

+				top: 0px;

+				right: 0px;

+				height: 100%;

+				width: 40%;

+				object-fit: cover;

+				object-position: left;

+			}

+		}

+	}

+

+	// Layout: img-left-full. The first p>img fills the side of the slide.

+	// If you have "layout" content, ensure it has no <p> elements.

+	&.img-left-full {

+		padding-left: calc(40% + 2rem);

+		&>p:first-of-type {

+			margin: 0px;

+			padding: 0px;

+			&>img {

+				position: absolute;

+				top: 0px;

+				left: 0px;

+				height: 100%;

+				width: 40%;

+				object-fit: cover;

+				object-position: right;

+			}

+		}

+	}

+	

+	// Layout: col-2 and col-3. Designed for use with an H1 heading.

+	.col() {

+		// If Firefox supported column-span: all I'd use that for the heading H1.

+		// I use a workaround instead: push the content down and put the H1 above it.

+		padding-top: 10rem; // Just a guess; customize based on your H1:font-size TODO

+		&>h1:first-of-type {

+			position: absolute;

+			top: 20px;

+			left: 80px;

+		}

+		// If the first columnized content has margin-top, it's a mess.

+		&*:nth-child(2) {

+			margin-top: 0px;

+		}

+		&>ul, &>ol {

+			break-inside: avoid;

+			page-break-inside: avoid;

+		}

+		column-gap: 1.5em; // Deliberately a relative measure

+	}

+	&.col-2 {

+		columns: 2;

+		.col();

+	}

+	&.col-3 {

+		columns: 3;

+		.col();

+	}

+}
\ No newline at end of file
diff --git a/static/css/descartes.less b/static/css/descartes.less
new file mode 100644
index 0000000..b4a2fef
--- /dev/null
+++ b/static/css/descartes.less
@@ -0,0 +1,502 @@
+.remark-slide-content img[src~=ba] { border-style: solid; border-width: 1px; }
+.remark-slide-content img[src~=bt] { border-top-style: solid; border-top-width: 1px; }
+.remark-slide-content img[src~=br] { border-right-style: solid; border-right-width: 1px; }
+.remark-slide-content img[src~=bb] { border-bottom-style: solid; border-bottom-width: 1px; }
+.remark-slide-content img[src~=bl] { border-left-style: solid; border-left-width: 1px; }
+.remark-slide-content img[src~=bn] { border-style: none; border-width: 0; }
+
+.remark-slide-content img[src~=br0] { border-radius: 0; }
+.remark-slide-content img[src~=br1] { border-radius: .125rem; }
+.remark-slide-content img[src~=br2] { border-radius: .25rem; }
+.remark-slide-content img[src~=br3] { border-radius: .5rem; }
+.remark-slide-content img[src~=br4] { border-radius: 1rem; }
+.remark-slide-content img[src~=br-100] { border-radius: 100%; }
+
+.remark-slide-content img[src~=bw0] { border-width: 0; }
+.remark-slide-content img[src~=bw1] { border-width: .125rem; }
+.remark-slide-content img[src~=bw2] { border-width: .25rem; }
+.remark-slide-content img[src~=bw3] { border-width: .5rem; }
+.remark-slide-content img[src~=bw4] { border-width: 1rem; }
+.remark-slide-content img[src~=bw5] { border-width: 2rem; }
+
+.remark-slide-content img[src~=shadow-1] { box-shadow: 0 0 4px 2px rgba( 0, 0, 0, .2 ); }
+.remark-slide-content img[src~=shadow-2] { box-shadow: 0 0 8px 2px rgba( 0, 0, 0, .2 ); }
+.remark-slide-content img[src~=shadow-3] { box-shadow: 2px 2px 4px 2px rgba( 0, 0, 0, .2 ); }
+.remark-slide-content img[src~=shadow-4] { box-shadow: 2px 2px 8px 0 rgba( 0, 0, 0, .2 ); }
+.remark-slide-content img[src~=shadow-5] { box-shadow: 4px 4px 8px 0 rgba( 0, 0, 0, .2 ); }
+
+.remark-slide-content img[src~=dn] { display: none; }
+.remark-slide-content img[src~=di] { display: inline; }
+.remark-slide-content img[src~=db] { display: block; }
+.remark-slide-content img[src~=dib] { display: inline-block; }
+
+.remark-slide-content img[src~=fl] { float: left; _display: inline; }
+.remark-slide-content img[src~=fr] { float: right; _display: inline; }
+.remark-slide-content img[src~=fn] { float: none; }
+
+.remark-slide-content img[src~=cf]:before,
+.remark-slide-content img[src~=cf]:after { content: " "; display: table; }
+.remark-slide-content img[src~=cf]:after { clear: both; }
+.remark-slide-content img[src~=cf] { *zoom: 1; }
+
+.remark-slide-content img[src~=mw-10] { max-width: 10%; }
+.remark-slide-content img[src~=mw-20] { max-width: 20%; }
+.remark-slide-content img[src~=mw-25] { max-width: 25%; }
+.remark-slide-content img[src~=mw-30] { max-width: 30%; }
+.remark-slide-content img[src~=mw-33] { max-width: 33%; }
+.remark-slide-content img[src~=mw-34] { max-width: 34%; }
+.remark-slide-content img[src~=mw-40] { max-width: 40%; }
+.remark-slide-content img[src~=mw-50] { max-width: 50%; }
+.remark-slide-content img[src~=mw-60] { max-width: 60%; }
+.remark-slide-content img[src~=mw-70] { max-width: 70%; }
+.remark-slide-content img[src~=mw-75] { max-width: 75%; }
+.remark-slide-content img[src~=mw-80] { max-width: 80%; }
+.remark-slide-content img[src~=mw-90] { max-width: 90%; }
+.remark-slide-content img[src~=mw-100] { max-width: 100%; }
+.remark-slide-content img[src~=mw-third] { max-width: calc(100%/3); }
+.remark-slide-content img[src~=mw-two-thirds] { max-width: calc(200%/3); }
+
+.remark-slide-content img[src~=mw1] { max-width: 1rem; }
+.remark-slide-content img[src~=mw2] { max-width: 2rem; }
+.remark-slide-content img[src~=mw3] { max-width: 4rem; }
+.remark-slide-content img[src~=mw4] { max-width: 8rem; }
+.remark-slide-content img[src~=mw5] { max-width: 16rem; }
+.remark-slide-content img[src~=mw6] { max-width: 32rem; }
+.remark-slide-content img[src~=mw7] { max-width: 48rem; }
+.remark-slide-content img[src~=mw8] { max-width: 64rem; }
+.remark-slide-content img[src~=mw9] { max-width: 96rem; }
+
+.remark-slide-content img[src~=w1] { width: 1rem; }
+.remark-slide-content img[src~=w2] { width: 2rem; }
+.remark-slide-content img[src~=w3] { width: 4rem; }
+.remark-slide-content img[src~=w4] { width: 8rem; }
+.remark-slide-content img[src~=w5] { width: 16rem; }
+.remark-slide-content img[src~=w-10] { width: 10%; }
+.remark-slide-content img[src~=w-20] { width: 20%; }
+.remark-slide-content img[src~=w-25] { width: 25%; }
+.remark-slide-content img[src~=w-30] { width: 30%; }
+.remark-slide-content img[src~=w-33] { width: 33%; }
+.remark-slide-content img[src~=w-34] { width: 34%; }
+.remark-slide-content img[src~=w-40] { width: 40%; }
+.remark-slide-content img[src~=w-50] { width: 50%; }
+.remark-slide-content img[src~=w-60] { width: 60%; }
+.remark-slide-content img[src~=w-70] { width: 70%; }
+.remark-slide-content img[src~=w-75] { width: 75%; }
+.remark-slide-content img[src~=w-80] { width: 80%; }
+.remark-slide-content img[src~=w-90] { width: 90%; }
+.remark-slide-content img[src~=w-100] { width: 100%; }
+.remark-slide-content img[src~=w-third] { width: calc(100%/3); }
+.remark-slide-content img[src~=w-two-thirds] { width: calc(200%/3); }
+.remark-slide-content img[src~=w-auto] { width: auto; }
+
+.remark-slide-content img[src~=w-1-12] { width: calc(100%/12); }
+.remark-slide-content img[src~=w-2-12] { width: calc(200%/12); }
+.remark-slide-content img[src~=w-3-12] { width: calc(300%/12); }
+.remark-slide-content img[src~=w-4-12] { width: calc(400%/12); }
+.remark-slide-content img[src~=w-5-12] { width: calc(500%/12); }
+.remark-slide-content img[src~=w-6-12] { width: calc(600%/12); }
+.remark-slide-content img[src~=w-7-12] { width: calc(700%/12); }
+.remark-slide-content img[src~=w-8-12] { width: calc(800%/12); }
+.remark-slide-content img[src~=w-9-12] { width: calc(900%/12); }
+.remark-slide-content img[src~=w-10-12] { width: calc(1000%/12); }
+.remark-slide-content img[src~=w-11-12] { width: calc(1100%/12); }
+
+.remark-slide-content img[src~=mh-10] { max-height: 10%; }
+.remark-slide-content img[src~=mh-20] { max-height: 20%; }
+.remark-slide-content img[src~=mh-25] { max-height: 25%; }
+.remark-slide-content img[src~=mh-30] { max-height: 30%; }
+.remark-slide-content img[src~=mh-33] { max-height: 33%; }
+.remark-slide-content img[src~=mh-34] { max-height: 34%; }
+.remark-slide-content img[src~=mh-40] { max-height: 40%; }
+.remark-slide-content img[src~=mh-50] { max-height: 50%; }
+.remark-slide-content img[src~=mh-60] { max-height: 60%; }
+.remark-slide-content img[src~=mh-70] { max-height: 70%; }
+.remark-slide-content img[src~=mh-75] { max-height: 75%; }
+.remark-slide-content img[src~=mh-80] { max-height: 80%; }
+.remark-slide-content img[src~=mh-90] { max-height: 90%; }
+.remark-slide-content img[src~=mh-100] { max-height: 100%; }
+.remark-slide-content img[src~=mh-third] { max-height: calc(100%/3); }
+.remark-slide-content img[src~=mh-two-thirds] { max-height: calc(200%/3); }
+
+.remark-slide-content img[src~=mh1] { max-height: 1rem; }
+.remark-slide-content img[src~=mh2] { max-height: 2rem; }
+.remark-slide-content img[src~=mh3] { max-height: 4rem; }
+.remark-slide-content img[src~=mh4] { max-height: 8rem; }
+.remark-slide-content img[src~=mh5] { max-height: 16rem; }
+.remark-slide-content img[src~=mh6] { max-height: 32rem; }
+.remark-slide-content img[src~=mh7] { max-height: 48rem; }
+.remark-slide-content img[src~=mh8] { max-height: 64rem; }
+.remark-slide-content img[src~=mh9] { max-height: 96rem; }
+
+.remark-slide-content img[src~=h1] { height: 1rem; }
+.remark-slide-content img[src~=h2] { height: 2rem; }
+.remark-slide-content img[src~=h3] { height: 4rem; }
+.remark-slide-content img[src~=h4] { height: 8rem; }
+.remark-slide-content img[src~=h5] { height: 16rem; }
+.remark-slide-content img[src~=h-10] { height: 10%; }
+.remark-slide-content img[src~=h-20] { height: 20%; }
+.remark-slide-content img[src~=h-25] { height: 25%; }
+.remark-slide-content img[src~=h-30] { height: 30%; }
+.remark-slide-content img[src~=h-33] { height: 33%; }
+.remark-slide-content img[src~=h-34] { height: 34%; }
+.remark-slide-content img[src~=h-40] { height: 40%; }
+.remark-slide-content img[src~=h-50] { height: 50%; }
+.remark-slide-content img[src~=h-60] { height: 60%; }
+.remark-slide-content img[src~=h-70] { height: 70%; }
+.remark-slide-content img[src~=h-75] { height: 75%; }
+.remark-slide-content img[src~=h-80] { height: 80%; }
+.remark-slide-content img[src~=h-90] { height: 90%; }
+.remark-slide-content img[src~=h-100] { height: 100%; }
+.remark-slide-content img[src~=h-third] { height: calc(100%/3); }
+.remark-slide-content img[src~=h-two-thirds] { height: calc(200%/3); }
+.remark-slide-content img[src~=h-auto] { height: auto; }
+
+.remark-slide-content img[src~=h-1-12] { height: calc(100%/12); }
+.remark-slide-content img[src~=h-2-12] { height: calc(200%/12); }
+.remark-slide-content img[src~=h-3-12] { height: calc(300%/12); }
+.remark-slide-content img[src~=h-4-12] { height: calc(400%/12); }
+.remark-slide-content img[src~=h-5-12] { height: calc(500%/12); }
+.remark-slide-content img[src~=h-6-12] { height: calc(600%/12); }
+.remark-slide-content img[src~=h-7-12] { height: calc(700%/12); }
+.remark-slide-content img[src~=h-8-12] { height: calc(800%/12); }
+.remark-slide-content img[src~=h-9-12] { height: calc(900%/12); }
+.remark-slide-content img[src~=h-10-12] { height: calc(1000%/12); }
+.remark-slide-content img[src~=h-11-12] { height: calc(1100%/12); }
+
+.remark-slide-content img[src~=static] { position: static; }
+.remark-slide-content img[src~=relative] { position: relative; }
+.remark-slide-content img[src~=absolute] { position: absolute; }
+.remark-slide-content img[src~=fixed] { position: fixed; }
+
+.remark-slide-content .static { position: static; }
+.remark-slide-content .relative { position: relative; }
+.remark-slide-content .absolute { position: absolute; }
+.remark-slide-content .fixed { position: fixed; }
+
+.remark-slide-content img[src~=center] { display: block; margin-left: auto; margin-right: auto; }
+/* https://www.sitepoint.com/css-center-position-absolute-div/
+ */
+.remark-slide-content img[src~=center][src~=w-10] { left: 50%; margin-left: -5%; }
+
+.remark-slide-content img[src~=t-0] { top: 0px; }
+.remark-slide-content img[src~=t-10] { top: 10%; }
+.remark-slide-content img[src~=t-20] { top: 20%; }
+.remark-slide-content img[src~=t-25] { top: 25%; }
+.remark-slide-content img[src~=t-30] { top: 30%; }
+.remark-slide-content img[src~=t-33] { top: 33%; }
+.remark-slide-content img[src~=t-34] { top: 34%; }
+.remark-slide-content img[src~=t-40] { top: 40%; }
+.remark-slide-content img[src~=t-50] { top: 50%; }
+.remark-slide-content img[src~=t-60] { top: 60%; }
+.remark-slide-content img[src~=t-70] { top: 70%; }
+.remark-slide-content img[src~=t-75] { top: 75%; }
+.remark-slide-content img[src~=t-80] { top: 80%; }
+.remark-slide-content img[src~=t-90] { top: 90%; }
+.remark-slide-content img[src~=t-100] { top: 100%; }
+.remark-slide-content img[src~=t-third] { top: calc(100%/3); }
+.remark-slide-content img[src~=t-two-thirds] { top: calc(200%/3); }
+
+.remark-slide-content img[src~=t-u] { top: unset; }
+.remark-slide-content img[src~=t-1] { top: .25rem; }
+.remark-slide-content img[src~=t-2] { top: .5rem; }
+.remark-slide-content img[src~=t-3] { top: 1rem; }
+.remark-slide-content img[src~=t-4] { top: 2rem; }
+.remark-slide-content img[src~=t-5] { top: 4rem; }
+.remark-slide-content img[src~=t-6] { top: 8rem; }
+.remark-slide-content img[src~=t-7] { top: 16rem; }
+
+.remark-slide-content .t-u { top: unset; }
+.remark-slide-content .t-1 { top: .25rem; }
+.remark-slide-content .t-2 { top: .5rem; }
+.remark-slide-content .t-3 { top: 1rem; }
+.remark-slide-content .t-4 { top: 2rem; }
+.remark-slide-content .t-5 { top: 4rem; }
+.remark-slide-content .t-6 { top: 8rem; }
+.remark-slide-content .t-7 { top: 16rem; }
+
+.remark-slide-content img[src~=t-1-12] { top: calc(100%/12); }
+.remark-slide-content img[src~=t-2-12] { top: calc(200%/12); }
+.remark-slide-content img[src~=t-3-12] { top: calc(300%/12); }
+.remark-slide-content img[src~=t-4-12] { top: calc(400%/12); }
+.remark-slide-content img[src~=t-5-12] { top: calc(500%/12); }
+.remark-slide-content img[src~=t-6-12] { top: calc(600%/12); }
+.remark-slide-content img[src~=t-7-12] { top: calc(700%/12); }
+.remark-slide-content img[src~=t-8-12] { top: calc(800%/12); }
+.remark-slide-content img[src~=t-9-12] { top: calc(900%/12); }
+.remark-slide-content img[src~=t-10-12] { top: calc(1000%/12); }
+.remark-slide-content img[src~=t-11-12] { top: calc(1100%/12); }
+
+.remark-slide-content img[src~=r-0] { right: 0px; }
+.remark-slide-content img[src~=r-10] { right: 10%; }
+.remark-slide-content img[src~=r-20] { right: 20%; }
+.remark-slide-content img[src~=r-25] { right: 25%; }
+.remark-slide-content img[src~=r-30] { right: 30%; }
+.remark-slide-content img[src~=r-33] { right: 33%; }
+.remark-slide-content img[src~=r-34] { right: 34%; }
+.remark-slide-content img[src~=r-40] { right: 40%; }
+.remark-slide-content img[src~=r-50] { right: 50%; }
+.remark-slide-content img[src~=r-60] { right: 60%; }
+.remark-slide-content img[src~=r-70] { right: 70%; }
+.remark-slide-content img[src~=r-75] { right: 75%; }
+.remark-slide-content img[src~=r-80] { right: 80%; }
+.remark-slide-content img[src~=r-90] { right: 90%; }
+.remark-slide-content img[src~=r-100] { right: 100%; }
+.remark-slide-content img[src~=r-third] { right: calc(100%/3); }
+.remark-slide-content img[src~=r-two-thirds] { right: calc(200%/3); }
+
+.remark-slide-content img[src~=r-u] { right: unset; }
+.remark-slide-content img[src~=r-1] { right: .25rem; }
+.remark-slide-content img[src~=r-2] { right: .5rem; }
+.remark-slide-content img[src~=r-3] { right: 1rem; }
+.remark-slide-content img[src~=r-4] { right: 2rem; }
+.remark-slide-content img[src~=r-5] { right: 4rem; }
+.remark-slide-content img[src~=r-6] { right: 8rem; }
+.remark-slide-content img[src~=r-7] { right: 16rem; }
+
+.remark-slide-content .r-u { right: unset; }
+.remark-slide-content .r-1 { right: .25rem; }
+.remark-slide-content .r-2 { right: .5rem; }
+.remark-slide-content .r-3 { right: 1rem; }
+.remark-slide-content .r-4 { right: 2rem; }
+.remark-slide-content .r-5 { right: 4rem; }
+.remark-slide-content .r-6 { right: 8rem; }
+.remark-slide-content .r-7 { right: 16rem; }
+
+.remark-slide-content img[src~=r-1-12] { right: calc(100%/12); }
+.remark-slide-content img[src~=r-2-12] { right: calc(200%/12); }
+.remark-slide-content img[src~=r-3-12] { right: calc(300%/12); }
+.remark-slide-content img[src~=r-4-12] { right: calc(400%/12); }
+.remark-slide-content img[src~=r-5-12] { right: calc(500%/12); }
+.remark-slide-content img[src~=r-6-12] { right: calc(600%/12); }
+.remark-slide-content img[src~=r-7-12] { right: calc(700%/12); }
+.remark-slide-content img[src~=r-8-12] { right: calc(800%/12); }
+.remark-slide-content img[src~=r-9-12] { right: calc(900%/12); }
+.remark-slide-content img[src~=r-10-12] { right: calc(1000%/12); }
+.remark-slide-content img[src~=r-11-12] { right: calc(1100%/12); }
+
+.remark-slide-content img[src~=b-0] { bottom: 0px; }
+.remark-slide-content img[src~=b-10] { bottom: 10%; }
+.remark-slide-content img[src~=b-20] { bottom: 20%; }
+.remark-slide-content img[src~=b-25] { bottom: 25%; }
+.remark-slide-content img[src~=b-30] { bottom: 30%; }
+.remark-slide-content img[src~=b-33] { bottom: 33%; }
+.remark-slide-content img[src~=b-34] { bottom: 34%; }
+.remark-slide-content img[src~=b-40] { bottom: 40%; }
+.remark-slide-content img[src~=b-50] { bottom: 50%; }
+.remark-slide-content img[src~=b-60] { bottom: 60%; }
+.remark-slide-content img[src~=b-70] { bottom: 70%; }
+.remark-slide-content img[src~=b-75] { bottom: 75%; }
+.remark-slide-content img[src~=b-80] { bottom: 80%; }
+.remark-slide-content img[src~=b-90] { bottom: 90%; }
+.remark-slide-content img[src~=b-100] { bottom: 100%; }
+.remark-slide-content img[src~=b-third] { bottom: calc(100%/3); }
+.remark-slide-content img[src~=b-two-thirds] { bottom: calc(200%/3); }
+
+.remark-slide-content img[src~=b-u] { bottom: unset; }
+.remark-slide-content img[src~=b-1] { bottom: .25rem; }
+.remark-slide-content img[src~=b-2] { bottom: .5rem; }
+.remark-slide-content img[src~=b-3] { bottom: 1rem; }
+.remark-slide-content img[src~=b-4] { bottom: 2rem; }
+.remark-slide-content img[src~=b-5] { bottom: 4rem; }
+.remark-slide-content img[src~=b-6] { bottom: 8rem; }
+.remark-slide-content img[src~=b-7] { bottom: 16rem; }
+
+.remark-slide-content .b-u { bottom: unset; }
+.remark-slide-content .b-1 { bottom: .25rem; }
+.remark-slide-content .b-2 { bottom: .5rem; }
+.remark-slide-content .b-3 { bottom: 1rem; }
+.remark-slide-content .b-4 { bottom: 2rem; }
+.remark-slide-content .b-5 { bottom: 4rem; }
+.remark-slide-content .b-6 { bottom: 8rem; }
+.remark-slide-content .b-7 { bottom: 16rem; }
+
+.remark-slide-content img[src~=b-1-12] { bottom: calc(100%/12); }
+.remark-slide-content img[src~=b-2-12] { bottom: calc(200%/12); }
+.remark-slide-content img[src~=b-3-12] { bottom: calc(300%/12); }
+.remark-slide-content img[src~=b-4-12] { bottom: calc(400%/12); }
+.remark-slide-content img[src~=b-5-12] { bottom: calc(500%/12); }
+.remark-slide-content img[src~=b-6-12] { bottom: calc(600%/12); }
+.remark-slide-content img[src~=b-7-12] { bottom: calc(700%/12); }
+.remark-slide-content img[src~=b-8-12] { bottom: calc(800%/12); }
+.remark-slide-content img[src~=b-9-12] { bottom: calc(900%/12); }
+.remark-slide-content img[src~=b-10-12] { bottom: calc(1000%/12); }
+.remark-slide-content img[src~=b-11-12] { bottom: calc(1100%/12); }
+
+.remark-slide-content img[src~=l-0] { left: 0px; }
+.remark-slide-content img[src~=l-10] { left: 10%; }
+.remark-slide-content img[src~=l-20] { left: 20%; }
+.remark-slide-content img[src~=l-25] { left: 25%; }
+.remark-slide-content img[src~=l-30] { left: 30%; }
+.remark-slide-content img[src~=l-33] { left: 33%; }
+.remark-slide-content img[src~=l-34] { left: 34%; }
+.remark-slide-content img[src~=l-40] { left: 40%; }
+.remark-slide-content img[src~=l-50] { left: 50%; }
+.remark-slide-content img[src~=l-60] { left: 60%; }
+.remark-slide-content img[src~=l-70] { left: 70%; }
+.remark-slide-content img[src~=l-75] { left: 75%; }
+.remark-slide-content img[src~=l-80] { left: 80%; }
+.remark-slide-content img[src~=l-90] { left: 90%; }
+.remark-slide-content img[src~=l-100] { left: 100%; }
+.remark-slide-content img[src~=l-third] { left: calc(100%/3); }
+.remark-slide-content img[src~=l-two-thirds] { left: calc(200%/3); }
+
+.remark-slide-content img[src~=l-u] { left: unset; }
+.remark-slide-content img[src~=l-1] { left: .25rem; }
+.remark-slide-content img[src~=l-2] { left: .5rem; }
+.remark-slide-content img[src~=l-3] { left: 1rem; }
+.remark-slide-content img[src~=l-4] { left: 2rem; }
+.remark-slide-content img[src~=l-5] { left: 4rem; }
+.remark-slide-content img[src~=l-6] { left: 8rem; }
+.remark-slide-content img[src~=l-7] { left: 16rem; }
+
+.remark-slide-content .l-u { left: unset; }
+.remark-slide-content .l-1 { left: .25rem; }
+.remark-slide-content .l-2 { left: .5rem; }
+.remark-slide-content .l-3 { left: 1rem; }
+.remark-slide-content .l-4 { left: 2rem; }
+.remark-slide-content .l-5 { left: 4rem; }
+.remark-slide-content .l-6 { left: 8rem; }
+.remark-slide-content .l-7 { left: 16rem; }
+
+.remark-slide-content img[src~=l-1-12] { left: calc(100%/12); }
+.remark-slide-content img[src~=l-2-12] { left: calc(200%/12); }
+.remark-slide-content img[src~=l-3-12] { left: calc(300%/12); }
+.remark-slide-content img[src~=l-4-12] { left: calc(400%/12); }
+.remark-slide-content img[src~=l-5-12] { left: calc(500%/12); }
+.remark-slide-content img[src~=l-6-12] { left: calc(600%/12); }
+.remark-slide-content img[src~=l-7-12] { left: calc(700%/12); }
+.remark-slide-content img[src~=l-8-12] { left: calc(800%/12); }
+.remark-slide-content img[src~=l-9-12] { left: calc(900%/12); }
+.remark-slide-content img[src~=l-10-12] { left: calc(1000%/12); }
+.remark-slide-content img[src~=l-11-12] { left: calc(1100%/12); }
+
+.remark-slide-content img[src~=pa0] { padding: 0; }
+.remark-slide-content img[src~=pa1] { padding: .25rem; }
+.remark-slide-content img[src~=pa2] { padding: .5rem; }
+.remark-slide-content img[src~=pa3] { padding: 1rem; }
+.remark-slide-content img[src~=pa4] { padding: 2rem; }
+.remark-slide-content img[src~=pa5] { padding: 4rem; }
+.remark-slide-content img[src~=pa6] { padding: 8rem; }
+.remark-slide-content img[src~=pa7] { padding: 16rem; }
+.remark-slide-content img[src~=pl0] { padding-left: 0; }
+.remark-slide-content img[src~=pl1] { padding-left: .25rem; }
+.remark-slide-content img[src~=pl2] { padding-left: .5rem; }
+.remark-slide-content img[src~=pl3] { padding-left: 1rem; }
+.remark-slide-content img[src~=pl4] { padding-left: 2rem; }
+.remark-slide-content img[src~=pl5] { padding-left: 4rem; }
+.remark-slide-content img[src~=pl6] { padding-left: 8rem; }
+.remark-slide-content img[src~=pl7] { padding-left: 16rem; }
+.remark-slide-content img[src~=pr0] { padding-right: 0; }
+.remark-slide-content img[src~=pr1] { padding-right: .25rem; }
+.remark-slide-content img[src~=pr2] { padding-right: .5rem; }
+.remark-slide-content img[src~=pr3] { padding-right: 1rem; }
+.remark-slide-content img[src~=pr4] { padding-right: 2rem; }
+.remark-slide-content img[src~=pr5] { padding-right: 4rem; }
+.remark-slide-content img[src~=pr6] { padding-right: 8rem; }
+.remark-slide-content img[src~=pr7] { padding-right: 16rem; }
+.remark-slide-content img[src~=pb0] { padding-bottom: 0; }
+.remark-slide-content img[src~=pb1] { padding-bottom: .25rem; }
+.remark-slide-content img[src~=pb2] { padding-bottom: .5rem; }
+.remark-slide-content img[src~=pb3] { padding-bottom: 1rem; }
+.remark-slide-content img[src~=pb4] { padding-bottom: 2rem; }
+.remark-slide-content img[src~=pb5] { padding-bottom: 4rem; }
+.remark-slide-content img[src~=pb6] { padding-bottom: 8rem; }
+.remark-slide-content img[src~=pb7] { padding-bottom: 16rem; }
+.remark-slide-content img[src~=pt0] { padding-top: 0; }
+.remark-slide-content img[src~=pt1] { padding-top: .25rem; }
+.remark-slide-content img[src~=pt2] { padding-top: .5rem; }
+.remark-slide-content img[src~=pt3] { padding-top: 1rem; }
+.remark-slide-content img[src~=pt4] { padding-top: 2rem; }
+.remark-slide-content img[src~=pt5] { padding-top: 4rem; }
+.remark-slide-content img[src~=pt6] { padding-top: 8rem; }
+.remark-slide-content img[src~=pt7] { padding-top: 16rem; }
+.remark-slide-content img[src~=pv0] { padding-top: 0; padding-bottom: 0; }
+.remark-slide-content img[src~=pv1] { padding-top: .25rem; padding-bottom: .25rem; }
+.remark-slide-content img[src~=pv2] { padding-top: .5rem; padding-bottom: .5rem; }
+.remark-slide-content img[src~=pv3] { padding-top: 1rem; padding-bottom: 1rem; }
+.remark-slide-content img[src~=pv4] { padding-top: 2rem; padding-bottom: 2rem; }
+.remark-slide-content img[src~=pv5] { padding-top: 4rem; padding-bottom: 4rem; }
+.remark-slide-content img[src~=pv6] { padding-top: 8rem; padding-bottom: 8rem; }
+.remark-slide-content img[src~=pv7] { padding-top: 16rem; padding-bottom: 16rem; }
+.remark-slide-content img[src~=ph0] { padding-left: 0; padding-right: 0; }
+.remark-slide-content img[src~=ph1] { padding-left: .25rem; padding-right: .25rem; }
+.remark-slide-content img[src~=ph2] { padding-left: .5rem; padding-right: .5rem; }
+.remark-slide-content img[src~=ph3] { padding-left: 1rem; padding-right: 1rem; }
+.remark-slide-content img[src~=ph4] { padding-left: 2rem; padding-right: 2rem; }
+.remark-slide-content img[src~=ph5] { padding-left: 4rem; padding-right: 4rem; }
+.remark-slide-content img[src~=ph6] { padding-left: 8rem; padding-right: 8rem; }
+.remark-slide-content img[src~=ph7] { padding-left: 16rem; padding-right: 16rem; }
+.remark-slide-content img[src~=ma0] { margin: 0; }
+.remark-slide-content img[src~=ma1] { margin: .25rem; }
+.remark-slide-content img[src~=ma2] { margin: .5rem; }
+.remark-slide-content img[src~=ma3] { margin: 1rem; }
+.remark-slide-content img[src~=ma4] { margin: 2rem; }
+.remark-slide-content img[src~=ma5] { margin: 4rem; }
+.remark-slide-content img[src~=ma6] { margin: 8rem; }
+.remark-slide-content img[src~=ma7] { margin: 16rem; }
+.remark-slide-content img[src~=ml0] { margin-left: 0; }
+.remark-slide-content img[src~=ml1] { margin-left: .25rem; }
+.remark-slide-content img[src~=ml2] { margin-left: .5rem; }
+.remark-slide-content img[src~=ml3] { margin-left: 1rem; }
+.remark-slide-content img[src~=ml4] { margin-left: 2rem; }
+.remark-slide-content img[src~=ml5] { margin-left: 4rem; }
+.remark-slide-content img[src~=ml6] { margin-left: 8rem; }
+.remark-slide-content img[src~=ml7] { margin-left: 16rem; }
+.remark-slide-content img[src~=mr0] { margin-right: 0; }
+.remark-slide-content img[src~=mr1] { margin-right: .25rem; }
+.remark-slide-content img[src~=mr2] { margin-right: .5rem; }
+.remark-slide-content img[src~=mr3] { margin-right: 1rem; }
+.remark-slide-content img[src~=mr4] { margin-right: 2rem; }
+.remark-slide-content img[src~=mr5] { margin-right: 4rem; }
+.remark-slide-content img[src~=mr6] { margin-right: 8rem; }
+.remark-slide-content img[src~=mr7] { margin-right: 16rem; }
+.remark-slide-content img[src~=mb0] { margin-bottom: 0; }
+.remark-slide-content img[src~=mb1] { margin-bottom: .25rem; }
+.remark-slide-content img[src~=mb2] { margin-bottom: .5rem; }
+.remark-slide-content img[src~=mb3] { margin-bottom: 1rem; }
+.remark-slide-content img[src~=mb4] { margin-bottom: 2rem; }
+.remark-slide-content img[src~=mb5] { margin-bottom: 4rem; }
+.remark-slide-content img[src~=mb6] { margin-bottom: 8rem; }
+.remark-slide-content img[src~=mb7] { margin-bottom: 16rem; }
+.remark-slide-content img[src~=mt0] { margin-top: 0; }
+.remark-slide-content img[src~=mt1] { margin-top: .25rem; }
+.remark-slide-content img[src~=mt2] { margin-top: .5rem; }
+.remark-slide-content img[src~=mt3] { margin-top: 1rem; }
+.remark-slide-content img[src~=mt4] { margin-top: 2rem; }
+.remark-slide-content img[src~=mt5] { margin-top: 4rem; }
+.remark-slide-content img[src~=mt6] { margin-top: 8rem; }
+.remark-slide-content img[src~=mt7] { margin-top: 16rem; }
+.remark-slide-content img[src~=mv0] { margin-top: 0; margin-bottom: 0; }
+.remark-slide-content img[src~=mv1] { margin-top: .25rem; margin-bottom: .25rem; }
+.remark-slide-content img[src~=mv2] { margin-top: .5rem; margin-bottom: .5rem; }
+.remark-slide-content img[src~=mv3] { margin-top: 1rem; margin-bottom: 1rem; }
+.remark-slide-content img[src~=mv4] { margin-top: 2rem; margin-bottom: 2rem; }
+.remark-slide-content img[src~=mv5] { margin-top: 4rem; margin-bottom: 4rem; }
+.remark-slide-content img[src~=mv6] { margin-top: 8rem; margin-bottom: 8rem; }
+.remark-slide-content img[src~=mv7] { margin-top: 16rem; margin-bottom: 16rem; }
+.remark-slide-content img[src~=mh0] { margin-left: 0; margin-right: 0; }
+.remark-slide-content img[src~=mh1] { margin-left: .25rem; margin-right: .25rem; }
+.remark-slide-content img[src~=mh2] { margin-left: .5rem; margin-right: .5rem; }
+.remark-slide-content img[src~=mh3] { margin-left: 1rem; margin-right: 1rem; }
+.remark-slide-content img[src~=mh4] { margin-left: 2rem; margin-right: 2rem; }
+.remark-slide-content img[src~=mh5] { margin-left: 4rem; margin-right: 4rem; }
+.remark-slide-content img[src~=mh6] { margin-left: 8rem; margin-right: 8rem; }
+.remark-slide-content img[src~=mh7] { margin-left: 16rem; margin-right: 16rem; }
+
+.remark-slide-content img[src~=ofc] { object-fit: contain; }
+.remark-slide-content img[src~=ofv] { object-fit: cover; }
+
+.remark-slide-content img[src~=opl] { object-position: left !important; }
+.remark-slide-content img[src~=opc] { object-position: center !important; }
+.remark-slide-content img[src~=opr] { object-position: right !important; }
+.remark-slide-content img[src~=opt] { object-position: top !important; }
+.remark-slide-content img[src~=opb] { object-position: bottom !important; }
+.remark-slide-content img[src~=oplt] { object-position: left top !important; }
+.remark-slide-content img[src~=oplc] { object-position: left center !important; }
+.remark-slide-content img[src~=oplb] { object-position: left bottom !important; }
+.remark-slide-content img[src~=opct] { object-position: center top !important; }
+.remark-slide-content img[src~=opcc] { object-position: center center !important; }
+.remark-slide-content img[src~=opcb] { object-position: center bottom !important; }
+.remark-slide-content img[src~=oprt] { object-position: right top !important; }
+.remark-slide-content img[src~=oprc] { object-position: right center !important; }
+.remark-slide-content img[src~=oprb] { object-position: right bottom !important; }