@shower/ribbon/styles/shower/shower-full.css

Ribbon theme for Shower HTML presentation engine

/* Shower Full */

.shower.full {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: calc(
		var(--slide-height) / 2 * -1
	);
	margin-left: calc(
		var(--slide-width) / 2 * -1
	);
	width: var(--slide-width);
	height: var(--slide-height);
	overflow: hidden;
	background-color: black;
	transform: scale(
		min(
			tan(atan2(var(--viewport-width), var(--slide-width))),
			tan(atan2(var(--viewport-height), var(--slide-height)))
		)
	);
}