/* styles */
/* ////////// NAV LINKS /////////*/
nav {
    height: 3em;
    padding: 1em 0;
    letter-spacing: 2px;
    font-size: .9em;
    font-weight: 800;
    background-color: #0b0432;
    /* overflow:scroll; */
}

/* unvisited link */
nav a:link {
    color: #a4a4dc;
    background-color: #975b1b;
    border-radius: 50%;
    text-decoration: none;
}

/* visited link */
nav a:visited {
    color: #a4a4dc;
    background-color: #975b1b;
    border-radius: 6px;
}

/* mouse over link */
nav a:hover {
    color: #a4a4dc;
    background-color: #4d2c0a;
}
/* selected link */
nav a:active {
    color: rgb(255, 255, 255);
}

nav a {
    float: left;
    /* more on this later */
    color: #ffffff;
    text-align: center;
    padding: 5px 30px;
    margin-right: 10px;
    margin-left: 10px;
    margin-top:10px;
    height:25px;
    text-decoration: none;
}

nav a.active {
    /* PUT "active" AS A CLASS ON THE CURRENT PAGE LINK */
    color: #5f5fa1;
    background-color: #bb8143;
    border-radius: 50%;
}

/* ///////// LINKS /////////*/

/* unvisited link */
a:link {
    color: #b19b2b;
    text-decoration: none;
}

/* visited link */
a:visited {
    color: #b19b2b;
}

/* mouse over link */
a:hover {
    color: #524713;
}

/* selected link */
a:active {
    color: #fff;
}

/* a {
    text-align: center;
} */

/* nav {

    border: #dc7f1c;
    border-width: 3px;

} */