html, body {
	height: 100%;
}

* {
	margin: 0;
	padding: 0;
}

@media (orientation: landscape) {
	.app {
		width: 100vw;
		height: 100vh;
		display: flex;
	}
	.controls {
		padding: 10px;
		width:100vw-100vmin;
	}
	.canvas {
		overflow:hidden;
		width:100vmin;
		height:100vmin;
	}
}

@media (orientation: portrait) {
	.app {
		width: 100vw;
		height: 100vh;
		flex-direction: row;
	}
	.controls {
		padding: 10px;
		box-sizing: border-box;
	}
	.canvas {
		overflow:hidden;
		height:100vw;
		width:100vw;
	}
}