:root {
	--base_font_size: 62.5%;
}
html {
	font-size: var(--base_font_size);
}
body, main {
	overflow-x: clip;
	margin: auto;
	width: fit-content;
	background-color: #f6f6f6;
}
script, style {
	display: none;
}
pre {
	margin: 10px 0px;
}

/* https://css-tricks.com/slow-movement/#h-you-can-implement-native-smooth-scrolling-in-css */
/* Animate scrolling only if users don’t prefer reduced motion */
@media (prefers-reduced-motion: no-preference) {
	html {
		scroll-behavior: smooth;
	}

	/* Add some spacing between the target and the top of the viewport */
	:target {
		scroll-margin-top: 0px;
	}
}