body {
	margin: 0px;
	position: relative;

	width: 100%;
	height: 100vh;
	overflow: hidden;

	background-image: url(../images/page.webp);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

canvas {
	display: block;
	background-color: transparent;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: min(100%, calc(100vh * 4 / 3));
	aspect-ratio: 4 / 3;
	max-height: 100vh;
}

.logo {
	position: absolute;
	top: clamp(4px, 1.5vmin, 16px);
	left: clamp(4px, 1.5vmin, 16px);
	z-index: 1;
	width: clamp(18px, 9vmin, 90px);
	height: clamp(18px, 9vmin, 90px);
	pointer-events: none;
	background-image: url('../images/favicon.webp');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}