html {
	height: 100%;
}

body {
	background-color: black;
	color: #00FF00;
}

nav {
	float: right;
}

nav ul {
	list-style: none;
    background-color: #000000;
	text-align: center;
}

nav li {
	display: inline-block;
	color: #00FF00
	margin: 50em;
	width: 6em;
	height: 2.7em;
    background-color: #000000;
}

nav a {
	display: block;
	padding: 0.5em;
	text-decoration: none;
	font-weight: bold;
	color: #00FF00;
	transition: all .10s ease-in;
	border-radius: 2em;
	border: thin solid;
}

/* --- Standard Links --- */
a:link {
	color: #00FF00;
}

/* visited link */
a:visited {
	color: #00FF00;
}

/* mouse over link */
a:hover {
	color: #00FF00;
	font-weight: bold;
}

/* selected link */
a:active {
	color: #AAFF00;
}

/* --- Top Navigation --- */
a.topnav:link {
	color: #00FF00;
}

/* visited link */
a.topnav:visited {
	color: #00FF00;
}

/* mouse over link */
a.topnav:hover {
	color: #00FF00;
	background-color: #006600;
}

/* selected link */
a.topnav:active {
	color: black;
	background-color: #00FF00;
}

/* --- Side Navigation --- */
a.sidenav:link {
	color: #00FF00;
	text-decoration: none;
}

/* visited link */
a.sidenav:visited {
	color: #00FF00;
	text-decoration: none;
}

/* mouse over link */
a.sidenav:hover {
	color: #00FF00;
	font-weight: bold;
	text-decoration: none;
}

/* selected link */
a.sidenav:active {
	color: #00FF00;
	background-color: black;
	text-decoration: none;
}

/* --- Language Switch --- */
a.langnav:link {
	text-decoration: none;
	color: #00FF00;
}

/* visited link */
a.langnav:visited {
	text-decoration: none;
	color: #00FF00;
}

/* mouse over link */
a.langnav:hover {
	text-decoration: none;
	color: #00FF00;
}

/* selected link */
a.langnav:active {
	text-decoration: none;
	color: #00FF00;
}

[aria-current=page]{
	color: black;
	background-color: #006600;
}

hr {
	color: #00AA00;
	clear: both;
}

h1 {
	color: #00FF00;
    border: thin solid transparent;
	text-align: center;
}

h3 {
	color: #00FF00;
    border: thin solid transparent;
	text-align: center;
}

main {
	height: 70%;
}

/* Create three equal columns that floats next to each other */
.left {
	float: left;
	width: 20%;
	padding: 1px;
}

.mid {
	float: left;
	width: 60%;
	padding: 1px;
}

.right {
	float: right;
	width: 17%;
	padding: 1px;
	padding-left: 2%;
}

/* Clear floats after the columns */
.row::after {
	content: "";
	clear: both;
}

p {
	color: #00FF00;
    border: thin solid transparent;
	/* text-align: center; */
}

table, th, td, tr {
	text-align: center;
	padding: 0.3em;
	border: 1px solid green;
	border-collapse: collapse;
}