/*
 * Deck overrides on top of the reveal.js `white` theme.
 * Keep this short — adjust the theme, don't replace it.
 * Anything specific to one deck goes in a <style> block in that deck.
 */

/* The stock theme uppercases headings, which mangles long technical titles. */
.reveal h1,
.reveal h2,
.reveal h3 {
	text-transform: none;
}

/* Centred bullets are hard to scan from the back of a lecture hall. */
.reveal .slides section {
	text-align: left;
}

.reveal .subtitle {
	color: #666;
	font-size: 0.6em;
}

.reveal pre {
	width: 100%;
	box-shadow: none;
	font-size: 0.5em;
}

.reveal .caption {
	color: #666;
	font-size: 0.5em;
	text-align: center;
}

/* Two columns: <div class="cols"><div>…</div><div>…</div></div> */
.reveal .cols {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1em;
	align-items: start;
}