:root {
    --ads-50grey:   #808080ff;
    --ads-navlinks: #000000a6;
    --ads-light-font: antiquewhite;
    --ads-nav-gradient: linear-gradient(0deg, var(--ads-background-color) 0%, rgba(255,255,255,1) 50%, var(--ads-background-color) 100%);
    
    /* scheme 1 */
    /* --ads-background-color: black;
    --ads-foreground-color: var(--ads-50grey);
    --ads-nav-background: var(--ads-background-color) */
    
    
    /* scheme 2 */
    --ads-background-color: var(--ads-50grey);
    --ads-foreground-color: black;
    --ads-nav-background: var(--ads-nav-gradient)

}

.ads-header {
    background-color: var(--ads-background-color);
    color: var(--ads-light-font);
}


a:visited.nav-link,
a:active.nav-link,
a:hover.nav-link,
a:link.nav-link,

.ads-header-site-name>a:visited,
.ads-header-site-name>a:active,
.ads-header-site-name>a:hover,
.ads-header-site-name>a:link {
    color: var(--ads-foreground-color);
}


.nav-banner {
    background: var(--ads-nav-background);
}

.side-nav {
    background-color: var(--ads-50grey);
}

.side-nav a:visited,
.side-nav a:active,
.side-nav a:hover,
.side-nav a:link{
    color: black;
    text-decoration: none
}
.side-nav a:hover{
    color: black;
    text-decoration: underline
}

.card-logo {
    max-height: 20em;
}