theme.css

/*
 * Forked from the Night theme.
 */

/*
 * Global styles
 */
 :root {
	--border-radius: 0.25rem;
	--color-black: #000;
	--color-swit-red-1: #db2427;
	--color-swit-red-2: #7f1416;
	--color-swit-gray-1: #a1acb5;
	--color-swit-gray-2: #4d5a69;
	--color-swit-gray-3: #243142;
	--color-swit-gray-4: #0f1926;
	--color-white: #fff;
	--fs-0: calc(32rem/40);
	--fs-1: 1rem;
	--fs-2: 2rem;
	--fs-3: 3rem;
}

html {
	font-size: 40px;
}

.reveal-viewport {
	--color-accent: var(--color-swit-red-1);
	--color-bg: var(--color-swit-gray-4);
	--color-text: var(--color-white);
	background-color: var(--color-bg);
	color: var(--color-text);
	font-family: "Open Sans", sans-serif;
	line-height: 1.2;
}

.reveal-viewport--primary {
	--color-accent: var(--color-swit-red-1);
	--color-bg: var(--color-swit-white);
	--color-text: var(--color-swit-gray-4);
}

.reveal ::selection {
	background: var(--color-accent);
	color: var(--color-bg);
}

.reveal .controls,
.reveal .progress {
	color: var(--color-accent);
}

/*
 * Content
 */
.reveal h1,
.reveal h2 {
	font-weight: bold;
	margin: 0;
	word-wrap: break-word;
	text-wrap: balance;
}

.reveal h1 {
	font-size: 2.5rem;
}

.reveal h2 {
	font-size: 2rem;
}

.reveal p {
	margin: 0.5rem 0 0;
}

.reveal iframe,
.reveal img,
.reveal video {
	max-height: 95%;
	max-width: 95%;
}

.reveal ol,
.reveal ul {
	display: inline-block;
	margin: 0 0 0 1rem;
	text-align: left;
}

.reveal ul ul,
.reveal ul ol,
.reveal ol ol,
.reveal ol ul {
	display: block;
	margin-left: 1rem;
}

.reveal li {
	margin-top: 0.5rem;
}

.reveal blockquote {
	background-color: var(--color-swit-gray-3);
	border-radius: var(--border-radius);
	display: inline-block;
	margin-top: 0.5rem;
	padding: 0.5rem;
	text-align: left;
	width: 80%;
}

.reveal blockquote :first-child {
	margin: 0;
}

.reveal em {
	font-style: italic;
}

.reveal q {
	font-style: italic;
}

.reveal strong {
	font-weight: bold;
}

.reveal table {
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0.5rem auto 0;
}

.reveal table th {
	font-weight: bold;
}

.reveal table th,
.reveal table td {
	border-bottom: 1px solid;
	padding: 0.25rem 0.5rem;
	text-align: left;
}

.reveal table th:first-child,
.reveal table td:first-child {
	padding-left: 0;
}

.reveal table th:last-child,
.reveal table td:last-child {
	padding-right: 0;
}

.reveal table th[align="center"],
.reveal table td[align="center"] {
	text-align: center;
}

.reveal table th[align="right"],
.reveal table td[align="right"] {
	text-align: right;
}

.reveal footer {
	font-size: var(--fs-0);
	margin-top: 1.5rem;
}

.reveal a {
	color: inherit;
	text-decoration-color: var(--color-accent);
}

.reveal figure {
	margin: 1rem auto;
	width: fit-content;
}

.reveal figcaption,
.sr-only {
	border-width: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}

.reveal code,
.reveal pre {
	background-color: var(--color-swit-gray-3);
	border-radius: var(--border-radius);
	font-family: monospace;
	padding: 0 0.25ch;
}

.reveal pre {
	display: inline-block;
	margin-top: 0.5rem;
	padding: 0.25rem;
	text-align: left;
}



/*
 * Print
 */

@media print {

	.reveal-viewport {
		background-color: var(--color-white);
	}
	
	.reveal {
		color: var(--color-black);
	}
}

/*
 * Plugins
 */

/* https://github.com/marcysutton/reveal-a11y/issues/7 */
.reveal.overview .slides section > .accessibilityWrapper {
	display: block;
	outline: none;
	visibility: visible;
}