body {
    background-color: lightgray;
    color: black;
    font-family: Arial;
    font-size: 14px;
    padding: 0;
    margin: 0;
}


nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
    background-color: wheat;
    text-align: center; /* step 6 */
    border-style: solid;
    border-width: 1px;
    border-color: black;
}

nav li {
    display: inline-block; /* step 1 */
    width: 20%; /* step 4 */
    margin-right: -4px; /* step 5 */
}

nav a {
    display: block; /* step 2 */
    text-decoration: none; /* step 3 */
}
/* common text style */
nav a {
    font-family: sans-serif;
    color: black;
}

    nav a:hover {
        background-color: brown;
        color: white;
    }

    nav a.active {
        background-color: tan;
        color: black;
        cursor: default;
    }

div {

}
    div.logo span:after {
        color: brown;
        content: 'thePickleSport.com';
        font-size: 16px;
        font-weight: bold;
    }