body {
	padding: 0;
	margin: 0;
	background: rgb(0, 0, 0);
	background: linear-gradient(
		335deg,
		rgb(47, 47, 47) 0%,
		rgba(0, 0, 0, 1) 100%
	);
	height: 100%;
	width: 100%;
	overscroll-behavior: contain;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
		Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}
#cv {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100vw;
	height: 100vh;
	border-radius: 6px;
}
#cv canvas {
	margin: auto;
	overflow: hidden;
	top: 0;
	left: 0;
	object-fit: contain;
	object-position: center;
	max-width: 72vh;
	max-height: 96vh;
	border-radius: 6px;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
}
@media screen and (orientation: portrait) {
	#cv canvas {
		max-width: 74vw;
		max-height: 98vw;
	}
}
@media (max-aspect-ratio: 5/8) {
	#cv canvas {
			max-width: 94vw;
			max-height:126vw;
	}
  }
.overlay {
	position: fixed;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgb(0, 0, 0);
	background: linear-gradient(
		335deg,
		rgb(47, 47, 47) 0%,
		rgba(0, 0, 0, 1) 100%
	);
	z-index: 999;
}
.overlay img {
	object-fit: contain;
	object-position: center;
	max-width: 50px;
	border-radius: 999px;
}