@font-face {
	src: url("../fonts/qrfont-1L.ttf");
	font-family: "qr1";
}
html {
	--bg: light-dark(#d9dde0, #393c47);
	--fg: light-dark(#393c47, #d9dde0);
}
body {
	margin: 0;
	height: 100vh;
	color: var(--fg);
	background-color: var(--fg);
	
}
main {
	aspect-ratio: 2578/2736;
	aspect-ratio: 3/2;
	container-type: size;
	max-height: 100vh;
	
	width: auto;
	margin: auto;
	position: relative;
	perspective: 1758px;
	perspective-origin: -1170px 0;
	
}
img {
	max-width: 100vw;
	max-height: 100vh;
}
time {
	transform-style: preserve-3d;
	font-family: "qr1";
	font-size: 54.4cqh;
	transform: translate(-5cqh, 1cqh);
	line-height: 1;
	white-space: nowrap;
	background: 
	linear-gradient(to bottom, #a9adb2, #a9adb2 15%, transparent 16%, transparent 100% ),
	linear-gradient(to right, #babfc0, #babfc0 11%, #d7dbde 12%, #d7dbde 100% );
	clip: rect(0.1em, 0.9em, 0.9em, 0.1em);
	position: absolute;
	right: -1.8cqw;
	  top: 15.3cqh;
	transform: scaley(0.89) skewY(-13deg) rotateY(-4deg) scaleX(.92);
	filter: blur(.08cqw);
}