html, body, #markdown, .slides { padding: 0; border: none; margin: 0; width: 100%; height: 100%; }
html, body { overflow: hidden; }
#markdown { resize: none; }
.slides { position: relative; }
.slide { position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
.slide { display: none; padding: 2vh; }
.slide:target { display: block; }

.slide { font-size: 4.17vh; line-height: 1.5; }
.slide p, .slide .content>ul, .slide .content>ol, .slide blockquote, .slide pre { margin: 0.75em 0; }

.slide blockquote { padding-left: 0.375em; border-left: 0.125em solid; }

.slide h1 { font-weight: normal; font-size: 3em; line-height: 1; margin: 0.25em 0; }
.slide h2 { font-weight: normal; font-size: 2em; line-height: 1.5; margin: 0.375em 0; }
.slide h3 { font-weight: normal; font-size: 1.5em; line-height: 1; margin: 0.5em 0; }
.slide h4 { font-weight: bold; font-size: 1em; line-height: 1.5; margin: 0.75em 0; }
.slide h5 { font-weight: bold; font-size: 0.75em; line-height: 2; margin: 1em 0; }
.slide h6 { font-weight: bold; font-size: 0.5em; line-height: 3; margin: 1.5em 0; }

.slide ul, .slide ol { padding-left: 1.5em; }

.slide.image { margin: 0; background-size: contain; background-repeat: no-repeat; background-position: center; }

.slide pre { white-space: pre-wrap; word-break: break-all; }
.slide code { font-size: 80%; line-height: 1.875; }
.slide .hljs { padding: 0; }