:root {
	--sfondo: #fdf8f3;
	--testo: #2b2420;
	--tenue: #7a6d64;
	--accento: #c8553d;
}
@media (prefers-color-scheme: dark) {
	:root {
		--sfondo: #1d1a18;
		--testo: #f1ebe6;
		--tenue: #a89b92;
		--accento: #e9806a;
	}
}
body {
	margin: 0;
	background: var(--sfondo);
	color: var(--testo);
	font: 18px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
main {
	max-width: 32rem;
	margin: 18vh auto 0;
	padding: 0 1rem;
	text-align: center;
}
h1 {
	font-size: 2.6rem;
	margin: 0;
	color: var(--accento);
}
.sotto {
	font-size: 1.2rem;
	margin-top: 0.2rem;
}
.piccolo {
	color: var(--tenue);
	font-size: 0.9rem;
}
.codice {
	font: 600 2rem/1.4 ui-monospace, Menlo, Consolas, monospace;
	letter-spacing: 0.15em;
}