* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: "Inconsolata", monospace;
	font-optical-sizing: auto;
	font-style: normal;
	font-variation-settings: "wdth" 100;

	color: var(--border-color);
}

body {
	background-color: var(--bg-color);
}

.container {
	min-height: 80vh;
	max-width: 1500px;
	margin: 0 auto;
	background-color: var(--sg-color);
	border-color: var(--border-color);
	border-width: 5px;
	border-style: none solid;
	padding: 20px;
}

header {
	min-height: 10vh;
	padding: 20px;
	background-color: var(--sg-color);
	border-color: var(--border-color);
	border-width: 5px;
	border-bottom-style: solid;
}

footer {
	min-height: 10vh;
	padding: 20px;
	background-color: var(--sg-color);
	border-color: var(--border-color);
	border-width: 5px;
	border-top-style: solid;
}

nav li {
	display: inline;
	margin-right: 20px;
}

footer {
	text-align: center;
}