html, body {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

body {
	background: white;
  --min: min(100vh, 100vw);
  --hContent: min(98vh,130vw);
  --wContent: calc(var(--hContent)*.75);
  height:100vh;
}

canvas#sketch {
  max-width: var(--wContent);
  max-height:var(--hContent);
  border: 6px solid #333333;
}

* {
  box-sizing: border-box;
}