header {
    display: block;
    background-color: lightblue;
}

body {
}
h1 {
    color: navy;
    margin-left: 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 60px;
    text-align:center;
}
h2 {
    color: black;
    margin-left: 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-style: normal;
}
p2 {
    font-family: Arial, Helvetica, sans-serif;
}
a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    display: block;
    padding: 8px;
    background-color: #dddddd;
    text-decoration: none;
}
a2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    display: block;
    padding: 8px;
    
    text-decoration: none;
}
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    background-color: #dddddd;
}
li {
    display: inline;
    float: left;
    padding: 8px 16px;
    border-bottom: 1px solid #ddd;
}
    li a:hover:not(.active) {
        background-color: #111;
    }
    
    .active {
        background-color: #04AA6D;
        color: white;        
}