*{
	box-sizing: border-box;
}
html{
	-webkit-text-size-adjust: 100%;
	font-size: 16px;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
html,body,.controls{
	margin: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.controls {
	flex-direction: row;
}
select,button{
	font-size: 16px;
	font-family: inherit;
	height: 32px;
	width: 128px;
	padding: 4px;
	margin: 8px;
}
img{
	max-height: calc(100vh - 48px);
	max-width: 100%;
	cursor: zoom-in;
}
img.stretch{
	max-height: none;
	width: 100%;
	cursor: zoom-out;
}
@media (prefers-color-scheme: dark) {
	html {
		color-scheme: dark;
	}
}