html {
background-color:lightgreen;
font-family:arial;
font-size:1.1em;
}
footer {
margin-top: 10px;
}
header{
margin-top: 20px;
text-align: center;
font-size: 2em;
}
ul {
list-style-type: none;
margin-top: -5px;
padding: 0;
overflow: hidden;
background-color: blue;
}
li {
float: left;
}
li a {
display: block;
font-weight:bold;
color: yellow;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
li a:hover:not(.active) {
background-color: black;
color: white;
}
.active {
background-color: black;
color: white;
}