.navbar * {
    font-family: monospace;
}


.navbar ul {
    list-style-type: none;
    width:100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: linear-gradient( white, blue, white);
    border: 1px solid black;
}

.navbar li {
    font-family: monospace;
    margin: 0;
    padding: 0;
    float: left;
    background: linear-gradient(white, black, coral, black, white);
    border-right: 1px solid #222222;
}

.active {
    background: linear-gradient(white, black, green, black, white);
}

.navbar a {
    display: block;
    color: white;
    text-align: center;
    padding: 10px 16px;
    text-decoration: none;
    font-weight: bold;
    font-size: 2em;
}

.navbar li:hover {
    background: linear-gradient( white, black, crimson, black, white)
}

.navbar li:active {
    background: linear-gradient(white, black, lime, black, white)
}

#SiteLogo {
    background: linear-gradient(90deg, white, 20%, #666666, 80%, white);
}