body {
	background-color: #000000;
	font-family: arial,helvetica,sans-serif;
	margin: 0;
}

header {
	color: white;
	background-color: rgb(0, 0, 0);
	text-align: center;
	padding: 5px;
}

header a {
	color: inherit;
	text-decoration: inherit;
}

nav {
	overflow: hidden;
	background-color: #c800fa;
	position: -webkit-sticky;
	position: sticky;
	top: 0;
}

nav a {
	text-decoration: none;
	color: white;
	float: left;
	text-align: center;
	display: block;
	padding: 10px 10px;
}
nav a.active {
	background-color: #c800fa;
}

nav a:hover {
	background-color: #80c0ff;
}

section {
	background-color: white;
	margin: 10px 10px;
	padding: 5px 20px;
}

footer {
	background-color: #c800fa;
	color: white;
	width: 100%;
	position: -webkit-sticky;
	position: sticky;
	bottom: 0;
}

footer div {
	padding: 10px 10px;
}

table {
	width: 100%;
	border-collapse: collapse;
	margin: 10px 0;
}

th,td {
	text-align: left;
	padding: 5px 5px;
}

th {
	color: white;
	background-color: blue;
}

tr:nth-child(even) {
	background-color: #e0e0e0;
}

tr:nth-child(even):hover {
	background-color: #f0f0f0;
}

tr:nth-child(odd) {
	background-color: #c0c0ff;
}

tr:nth-child(odd):hover {
	background-color: #e0e0ff;
}

table a {
	color: #0000ff;
	text-decoration: none;
}

table a:hover {
	color: #000080;
	text-decoration: none;
}