body {
	background-color: #000;
	color: #fff;
}

/*--a tags--*/
a {
	color: #09f;
}
a:visited {
	color: #ccf;
}
a.top:visited {
	color: #09f;
}

/*--head tags--*/
div.header {
	height: 210px;
	background-color: #353535;
	display: flex;
	flex-direction: row;
}
div#banner {
	height: fit-content;
	background-color: #333;
	width: 100%;
}
#head {
	border: 1px solid white;
	height: 100%;
	flex-grow: 1;
	text-align: center;
	padding-left: 20px;
	padding-right: 20px;
	color: #fff;
	font-size: 20px;
	background-color: #1d1d1d;
}

/*--nav tags--*/
.sidebar {
	float: left;
	display: inline;
	width: 30%;
	background-color: #000;
}
nav ul {
	list-style: none;
	border-top: 1px solid #00ff00;
	border-bottom: 1px solid #00ff00;
	margin-bottom: 15px;
}
nav li.main {
	font-size: 18px;
	color: #0f9;
	border-bottom: 1px solid #0f0;
}
nav li {
	font-size: 18px;
	color: #0f9;
}
nav a, nav a:visited {
	padding: 5px 5px 5px 15px;
	display: block;
	text-decoration: none;
	background-color: #444;
}
nav a:hover, nav a:active, nav a:focus {
	background-color: #556;
	color: #0f9;
}

/*--div tags--*/
.info {
	width: 30%;
	padding: 10px 10px 10px 10px;
	border: solid #fff;
	float: right;
	display: inline;
	background-color: #000;
	color: #fff;
	font-family: monospace;
	font-size: 18px;
}
.info b {
	padding: 5px 0px 5px 5px;
	font-family: monospace;
	font-size: 24px;
	color: #00ff00;
}
b.blue {
	color: #0066ff;
}
/*-Main Content Div-*/
.content {
	/* border: 1px solid white; */
	width: 40%;
	/* float: left; */
	margin: auto;
}
.content p {
	/* text-align: left; */
	font-size: 22px;
	padding-left: 30px;
	padding-right: 30px;
	/* display: inline; */
}

/*--p tags--*/
p {
	line-height: 30px;
}