:root {
	font-size: 16px;
	--border-type: dotted;
	--border-size: 1px;
	--border-color: #ddd;
	--border-radius: 1rem;

	--content-max-width: 60rem;
	--h-uni-padding: .8rem;
	--v-uni-padding: .2rem;

	--fg: #222;
	--fg-faded: #aaa;
	--fg-button: #0a070a;
	--fg-link: #abf;

	--bg: #fefeff;
	color: var(--fg);
}

* {
	box-sizing: border-box;
	font-family: "IBM Plex Mono", monospace;
	padding: 0;
	margin: 0;
}

html {
	background: var(--bg);
}

body {
	display: flex;
	flex-direction: column;
	margin: 0 auto;
	max-width: var(--content-max-width); 
}

a {
	color: var(--fg-link);
	text-decoration: none;
}

main {
	min-height: 70vh;
}