:root {
     --bg: hsl(14, 6%, 12%);
     --bg-dark: hsl(17, 5%, 10%);

     --fg-dark: hsl(19, 82%, 65%);

     --fg-dark-2: hsl(19, 100%, 58%);

     --fg-accent-light: hsl(19, 100%, 70%);
     --fg-accent: hsl(19, 100%, 65%);
     --fg-accent-dark: hsl(19, 100%, 60%);

     --fg-accent-dark-2: hsl(19, 61%, 49%);
}

#page-content{
     font-size: inherit;
}

a.newpage {
    color: hsl(346, 27%, 68%);
}

div.parapost {
     border-color: var(--bg-light);
}

::selection {
    background: hsl(22, 11%, 27%);
}

/* -------------- HEADER -------------- */
div#container-wrap{
     background-image: linear-gradient(to bottom, #010000, #201e1d);
     background-size: auto 130px;
}

div#header h1{
     background: url(/api/css-proxy?url=https%3A%2F%2Fhoah-lab.wdfiles.com%2Flocal--files%2Ftheme%253Aparawatch-pumpkin%2Fparawatch-orange.png) no-repeat;
}

#top-bar li:hover ul,
#top-bar li.sfhover ul {
    border-bottom: 1px solid var(--fg-light);
}

#top-bar ul li.sfhover a:hover,
#top-bar ul li:hover a:hover {
    background: hsl(25, 40%, 20%);
}

 #top-bar .open-menu a{
     color: var(--fg-dark);
     background-color: var(--bg-dark);
     border-color: var(--fg-dark);
}


/* -------------- SIDE-BAR -------------- */
div#side-bar .collapsible-block-unfolded-link,
div#side-bar .collapsible-block-unfolded-link .collapsible-block-link {
     color: var(--fg-dark-2);
}

#interwiki div.side-block {
     border-color: var(--fg-dark-2);
}

#interwiki div.side-block div.heading {
     color: var(--fg-dark-2);
     border-color: var(--fg-dark-2);
}

#interwiki div.menu-item img {
    filter: hue-rotate(8deg) brightness(4.5) saturate(200%);
}