html {
	font-size: calc(10px + 0.001vw);
	font-family:
		system-ui,
		-apple-system,
		BlinkMacSystemFont,
		"Segoe UI",
		Roboto,
		Oxygen,
		Ubuntu,
		Cantarell,
		"Open Sans",
		"Helvetica Neue",
		sans-serif;
	--white: hsl(0, 0%, 99%);
	--black: hsl(200, 6%, 10%);
	--primary-color: var(--black);
	--secondary-color: var(--white);
}

@media (prefers-color-scheme: light) {
	html {
		--primary-color: var(--black);
		--secondary-color: var(--white);
	}
}

@media (prefers-color-scheme: dark) {
	html {
		--primary-color: var(--white);
		--secondary-color: var(--black);
	}
}

* {
	margin: 0;
	padding: 0;
	outline: 0;
	list-style: none;
	box-sizing: border-box;
	overflow-x: hidden;
	text-decoration: none;
}

body {
	background-color: var(--secondary-color);
	display: flex;
	flex-direction: column;
}

main {
	background-color: var(--secondary-color);
	width: 100%;
	min-height: 89vh;
	display: flex;
	flex-direction: column;
	align-items: center;
}