@font-face {
	font-family: "Terminus";
	src: url("TerminusTTF.ttf") format("truetype");
}

* {
	font-family: "Terminus", monospace;
	color: gray;
	background-color: 000000;
}

html {
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
}

body {
	margin: 0;
}

header {
	text-align: center;
	padding: 1em;
	font-size: 2em;
}

ul {
	padding: 0;
	list-style-type: none;
}

nav ul li {
	padding-bottom: 10px;
}

nav ul li a {
	text-decoration: none;
}

a:hover {
	color: red;
}

.main-container {
	display: flex;
}

.sidebar-container {
	flex: 0 0 120px;
	border-width: 1px;
	border-right-style: dashed;
}

.nav-container {
	border-bottom-style: dashed;
	border-width: 1px;
}

.content-container {
	flex: 1 1 auto;
	padding-left: 20px;
}

.contact-container ul li {
	display: inline;
}