@media only screen and (max-width: 600px) {
  body {
    background-color: lightblue;
  }
}

pre > code.sourceCode {
    font-family: monospace;
}

.reveal .media .code pre {
    font-size: 1em;
}

.reveal .media .code :is(div.sourceCode,div.live-code,codapi-output) {
	overflow: auto;
}

.reveal h1:not(.title) {
	color:  var(--background-color);
	background-color: var(--foreground-color);
	padding: 0.25em 0.25em 0.25em 0.25em;
	border-radius: 0.5em;
}

.reveal section.pdf2decker h1:not(.title,:only-child) {
	display: none;
}

html.dark
  section.pdf2decker
  .media
  :is(figure, .figure)
  :not(.MathJax)
  > :is(svg, img, canvas[data-chart], iframe) {
  filter: none;
}

.reveal section.pdf2decker div.box {
	border: none;
	margin: 0;
	padding: 0;
}

.dark div.chart-container {
	background-color: var(--foreground-color);
}

.reveal header {
	border-radius: 0.5em;
}

#title-slide .logos .logo img.title-image {
	margin: 1rem;
}

#title-slide .logos .logo {
	justify-content: center;
	align-items: center;
	height: 100%;
	display: flex;
}

div.sys-icon img {
  position: absolute;
/*  display: flex;
  flex-direction: row;*/
  bottom: 0.5em;
  height: 3em; /*calc(var(--slide-height) * 0.1);*/
  background: none;
}

.reveal-viewport.presenter-mode div.sys-icon img {
	left: 4em;
}

.reveal-viewport:not(.presenter-mode) div.sys-icon img {
	left: 0;
}

div#sys-section-title {
	font-size: 1.25rem;
	position: fixed;
	bottom: 1rem;
	left: 50%;
	transform: translate(-50%);
	color: var(--shade10);
}

.sourceCode span {
  width: 100%;
}

.sourceCode span:hover {
  background-color: var(--accent5-bg);
}

/* .accent0 */

.sysred {
    color: var(--redish);
}

/* .accent1 */

.sysorange {
    color: var(--orangeish);
}

/* .accent2 */

.sysyellow {
    color: var(--yellowish);
}

/* .accent3 */

.sysgreen {
    color: var(--greenish);
}

/* .accent4 */

.systeal {
    color: var(--tealish);
}

/* .accent5 */

.sysblue {
    color: var(--blueish);
}

/* .accent6 */

.sysviolet {
    color: var(--violetish);
}

/* .accent7 */

.sysbrown {
    color: var(--brownish);
}

div.copyright figure.image figcaption {
/*	background: green;*/
	font-size: .3em;
}

.reveal h1 {
	margin: 0em 0 0.5em 0;
}