/* Style the list */
nav ul
{
    width: 100%;
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #000;
    display: inline-block;
}

/* Float the list items side by side */
nav ul li a.tab
{
    float: left;
}

nav ul li a.tool
{
    float: right;
}

/* Style the links */
nav ul li a
{
    color: #fff;
    text-align: center;
    padding: 0.75% 1.25%;
    text-decoration: none;
    transition: 0.3s;
    font-size: 1em;
}

/* Change background color of links on hover */
nav ul li a:hover
{
    color: black;
    background-color:darkgrey;
}

/* Create an active/current tablink class */
nav ul li a.tab:focus,
nav ul li a.tab.active
{
    color: FloralWhite;
    background-color: DimGray;
}