body {
	background-color: blue;
}
h1,h2 {color:yellow; text-align:center;}
h1 {font-size:500%;}
h2 {font-size:300%;}
p {color:white; font-size: 150%; text-align:center;}
h2, p { margin:10px;}
a:hover {
	color: fuchsia;
	background-color: cyan;
	text-decoration: underline;
}
a:link {
	color: magenta;
}
table, th, td {
	border: 3px solid yellow;
	color:white;
	font-size:130%;
	padding:8px;
	border-collapse:collapse;
	margin:auto;
}
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  background-color: yellow;
  display: flex;
  justify-content: center;
}
ul li a {
  display: block;
  color: blue;
  padding: 14px 16px;
  text-decoration: none;
}
ul li a:hover {
  background-color: blue;
  color: yellow;
}
ul li a:hover:not(.active) {
  background-color: blue;
}
ul li a.active {
  background-color: darkblue;
  color: yellow;
}