:root {
  color-scheme: light dark;
}
body {
	margin: 0;
	padding: 0;
}
main,
header,
footer {
	max-width: 40rem;
	margin: 0 auto;
}
h1,
h3 {
	text-align: center;
}
p:has(button) {
	text-align: center;
	font-size: 1.25rem;
}
button {
	font-size: 1.25rem;
	padding: 0.25rem;
	margin: 0.25rem;
}
h1,h2,h3,p,body,main,section,footer,header {
	transition: all 0.5s linear;
}
@media (prefers-reduced-motion) {
	h1,h2,h3,p,body,main,section,footer,header {
		transition: all 0s linear;
	}
}