:root {
  --text: #222;
  --text-gray: #555;
  --background: #fefefe;
}

html {
	height: 100%;
}

body {
	height: 100%;
	display: flex;
	flex-direction: column;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	background-color: var(--background);
	color: var(--text);
}

main {
	text-align: center;
	padding-top: 12rem;
}

footer {
	text-align: center;
	margin-top: auto;
	padding: 2rem;
}