:root {
	background: #d84a3f;
	color-scheme: light;
}

* {
	box-sizing: border-box;
}

html,
body {
	min-height: 100%;
}

body {
	margin: 0;
	background: radial-gradient(
		ellipse 74% 56% at center,
		#fff0d8 0%,
		#fff0d8 42%,
		#f4b59b 68%,
		#e67560 84%,
		#d84a3f 100%
	);
}

main {
	display: grid;
	min-height: 100vh;
	min-height: 100svh;
	place-items: center;
	padding: clamp(1.5rem, 7vw, 6rem);
}

img {
	display: block;
	width: min(82vw, 67.875rem);
	height: auto;
}

@media (max-width: 40rem) {
	body {
		background: radial-gradient(
			ellipse 94% 42% at center,
			#fff0d8 0%,
			#fff0d8 42%,
			#f4b59b 68%,
			#e67560 84%,
			#d84a3f 100%
		);
	}

	img {
		width: 88vw;
	}
}