/*the style sheet for the styles that are on all the pages such as the navigation*/
body{
    font-size: 1.5rem;
    font-family: Arial, Helvetica, sans-serif;
    margin:2rem;
}

/*Navigation styling for all the pages begins here*/
    #logo{
        width:75px;
        vertical-align: middle;
    }

    .navigation{
        text-decoration: none;
        color:black;
        padding-left:1rem;
        padding-right:1rem;
        padding-top:0.5rem;
        padding-bottom:0.5rem;
        vertical-align:middle;
        font-size: 1.25rem;
    }

    ol li, #navigation-bar{
        display: inline-block;
    }

    #navigation-bg{
        background-color: #ffd996;
    }

    ol{
        padding:0rem;
        margin:0rem;
    }

    /*Added indidviual ids instead of using the navigation class so the image doesn't also get highlighted */
    #current-page:hover, #play:hover, #settings:hover, #index:hover{
        background-color: #b496ff;
        border-radius: 5px;
    }

    #logo-name{
        height:75px;
        vertical-align: middle;
        margin-left:31em;
    }

/*Navigation styling for all the pages ends here*/


/*The main section of the page*/
    #page{
        margin-top:2rem;
    }
/* */


/*Makes current page bold on navi bar*/
    #current-page{
        font-weight: bold;
    }
/**/