body {
    background:#ccffff;
}
li{
    font-size: 18px;
    font-family:"Trebuchet MS"; 
}
li{
    list-style-type:none;
    margin:0;
    padding=0;
    overflow:hidden;
    background: #ffdb4d;
}
li{
    float:center;
}
li a{
    display:inline-flex;
    color:white;
    text-align: center;
    padding:16px;
    text-decoration: none;
}
li a:hover:not(.active) {
    background:#00b3b3;
}
.active{
    background:#009999;
}