/* Left-align the slide contents, instead of reveal.js' default centering */
.reveal .slides {
	text-align: left;
}

/* Side by side columns inside a slide */
.reveal .columns {
	display: flex;
	align-items: center;
	gap: 30px;
}

.reveal .columns > * {
	/* equal widths, and min-width lets wide code blocks shrink instead of
	   overflowing the slide */
	flex: 1;
	min-width: 0;
}

/* code blocks fill their column, instead of the theme's centered 90% */
.reveal .columns pre {
	width: 100%;
	margin: 0;
}

/* images with configurable height without being deformed */
.reveal .fit-height {
      width: auto;
      max-width: 100%;
      object-fit: contain;
}