

<head>
    <style>
        
       a:link {
            color:antiquewhite;
            font-size: 200%;
            padding-top: 16px;
         
        }
        a:visited{color:blanchedalmond;
            font-size: 200%;
            padding-top: 16px;
         }
        a:hover {color:red;
            font-size: 200%;
            padding-top: 16px;
         }
        a:active {color:antiquewhite;
            font-size: 200%;
            padding-top: 16px;
         }
       
        body  { background-image:url(background.jpg)}
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 1px solid #e7e7e7;
            text-align: center;
    background-color: saddlebrown;
}

li {
    display:inline;
}

li a {
    display: inline-block;
    color: floralwhite;
    text-align: center;
    padding: 14px 26px;
    text-decoration: none;
}

li a:hover:not(.active) {
    background-color: antiquewhite;
}

li a.active {
    color: white;
    background-color: saddlebrown;
}
        p {
            font-family: "Klinic Slab Font", Klinic, serif;
            font-size: 18px;
            text-align: center;
        }
        h1 {
             font-family: "Klinic Slab Font", Klinic, serif;
            font-size: 24px;
            text-align: center;
        }
</style>
    </head>
