:root {
	--bg-color: #1e1e2e;
	--text-color: #e1e1e1;
	--accent-color: #abe9b3;
	--subtle-color: #c3bac6;
	--max-width: 60rem;
	--subtle-filter: brightness(0) saturate(100%) invert(89%) sepia(10%) saturate(208%)
		hue-rotate(240deg) brightness(84%) contrast(89%);
	--accent-filter: brightness(0) saturate(100%) invert(90%) sepia(5%) saturate(1744%)
		hue-rotate(74deg) brightness(95%) contrast(96%);
}

* {
	box-sizing: border-box;
}

html {
	background-color: var(--bg-color);
	color: var(--text-color);
	font-family: Arial, Helvetica, sans-serif;
}

section {
	width: 100%;
	min-height: 80vh;
	max-width: var(--max-width);
	padding: 2rem;
	margin: 0 auto;
}

a {
	text-decoration: none;
	color: var(--accent-color);
}
a:hover {
	text-decoration: underline;
}