@scope {
	.block {
		max-width: min(40em, 90vw);
		min-height: 30em;
		max-height: 60em;
		display: flex;
		flex-direction: column;

		h2 {
			align-self: center;
		}

		border: 0.3em solid black;
		padding: 1em;
	}

	.block.block-small {
		min-height: 3em;
		max-width: 20em;

		p, h2 {
			margin: 0.1em;
		}
	}

	.media-container {
		flex: 1;
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.media-container > * {
		max-height: 100%;
		max-width: 100%;
		position: absolute;
	}

	* {
		font-family: Arial, sans-serif;
	}

	pre {
		font-family: monospace;
	}

	h1 {
		text-align: center;
	}
}