#navbarTitle
{
    grid-area: text;
    font-family: 'Sarpanch', sans-serif;
    color: #D6D6B1;
}
#navbarTitle:hover{
    transform: translate(2px, 0px);
    text-shadow: 
    0.025em 0.025em 0 #DE541E
    ,0.05em 0.05em 0 #DE541E
    ,0.075em 0.075em 0 #DE541E
    ,0.1em 0.1em 0 #DE541E
    ;
}
.navbar{
    background-color: #121212;
}
#sideNavMenu
{
    background-color:#121212;
    
    /*SCROLLBAR FOR FIREFOX */
    scrollbar-color: #DE541E #3F3F37;
    scrollbar-width: thin;
}
#sideNavMenuFooter
{
    background-color:#111111;
}

#layoutSidenav_content
{
    /* ---------TODO------- */
    background-color:#D6D6B1;
    background-image: linear-gradient(45deg, #1a1818, #121212);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
footer
{
    background-color: rgba(0, 0, 0, 0);
}
.nav-link div
{
    color: #FFFFFF;
}
.nav-link:hover
{
    grid-area: text;
    font-family: 'Sarpanch', sans-serif;
    color: #FFFFFF;
    text-shadow: 
    0.025em 0.025em 0 #DE541E
    ,0.05em 0.05em 0 #DE541E
    ,0.075em 0.075em 0 #DE541E
    ,0.1em 0.1em 0 #DE541E
    ;
}
.sb-sidenav-menu-heading div, #navbarDropdown, #sidebarToggle div, #sideNavMenuFooter div
{
    color: #D6D6B1;
}
.breadcrumb li{
    color: white;
}
footer a{
    color: #3F3F37;
    text-decoration: none;
}
footer a:hover{
    color: black;
    border-top: 1px solid #DE541E;
    border-bottom: 1px solid #DE541E;
    text-decoration: none;
}
/* .card{
    background-color: rgba(0, 0, 0, 0);
} */

/*SCROLLBAR FOR CHROME AND SAFARI */
#sideNavMenu::-webkit-scrollbar{
    width: 5px;
}

#sideNavMenu::-webkit-scrollbar-track{
    background: #3F3F37;
}

#sideNavMenu::-webkit-scrollbar-thumb{
    background-color: #DE541E;
}