body, html {
	margin:0;
	width:100%;
	height:100%;
	box-sizing:border-box;
}

body {
	background-color:#131313;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:20px;
	/* font-weight:600; */
	color:#eeeeee;
}

header {
	font-size:16px;
}

#header-container {
	display:flex;
	justify-content:center;
	height:25%;
	align-items:flex-end;
	flex-direction:row;
}

#searchbar-container {
	display:flex;
	flex-direction:row;
	justify-content:center;
	margin-top:2em;
	margin-bottom:2em;
	border:1px solid #eeeeee;
    border-radius: 3px;
	padding:3px;
}

#searchbar,input {
	width:100%;
}

#content-container {
	/* height:66%; */
	display:flex;
	justify-content:center;
	align-items:center;;
	flex-direction:column;
	/* width:auto; */
}

#sitelist {
	border:0px solid #eeeeee;
	flex-direction:row;
}

.flex-container {
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	justify-content:center;
	align-content:center;
	align-items:stretch;
}

/* .flex-container:hover { */
/* 	border:1px solid #ffffff; */
/* } */

.flex-item {
	margin:1em;
	/* transition:0.05s; */
}

/* .flex-item:hover { */
/* 	color:#888888; */
/* } */

p {
	margin:0;
    color:#333333;
    font-size:8px;
}

.column-heading {
    font-size: 12px;
	margin-bottom:0.2em;
	padding-bottom:1em;
	border-bottom:1px solid #eeeeee;
	text-align:left;
}

a {
	text-decoration:none;
	transition:0.05s;
}

a:link, a:visited {
	color:#eeeeee;
}

a:hover {
	color:#555555;
}

ul {
	margin:0;
	padding:0;
}

ul li {
	list-style-type:none;
}

input {
	/* width:100%; */
	box-sizing:border-box;
	color:#bada55;
	background-color:inherit;
	border:0;
	/* border-bottom:1px solid #82bb43; */
	font-family:inherit;
	font-weight:inherit;
	font-size:inherit;
}

*:focus {
    outline: none;
}