* {
 	box-sizing: border-box;
 	color: #fcf8e2;
 	font-family: monospace;
}

body {
 	background-color: #000;
	/* background: #000 repeat center fixed url("/static/grid.png"); */
	margin: 0;
}

a {
 	color: #81acc1;
}

.header-container,
.main-container,
select {
 	background-color: #000;
}

.header-container,
.main-container {
 	margin: 0 auto;
 	padding: 1em;
}

.header-container > pre {
 	font-size: 2em;
 	text-align: center;
 	color: #5b8277;
}

.header-container {
 	max-width: 800px;
	border-top: 1px solid #fcf8e2;
}

.main-container {
 	max-width: 800px;
	border-bottom: 1px solid #fcf8e2;
}

input[type="text"] {
 	padding: 0.2em 0.5em;
	background-color: #242424;
}

#search-form input[type="text"] {
	width: 100%;
}

.btn {
 	padding: 0.2em 0.5em;
 	background-color: #5b8277;
}

.btn:hover {
 	background-color: #7fac96;
}

@media (max-width: 1100px){
 	 .header-container > pre {
 	 	 font-size: 1em;
 	 }
}

@media (max-width: 720px){
 	 .header-container > pre {
 	 	 font-size: 0.7em;
 	 }
}