body {
  background-color: black;
  color: white;
  font-family: sans-serif;
  text-shadow: 0px 0px 5px black;


--pmdcolor1-h: 258;
--pmdcolor1-s: 84%;
--pmdcolor1-l: 51%;
--pmdcolor2-h: 300;
--pmdcolor2-s: 84%;
--pmdcolor2-l: 51%;
--pmdcolor3-h: 179;
--pmdcolor3-s: 84%;
--pmdcolor3-l: 50%;
--pmdcolor4-h: 23;
--pmdcolor4-s: 100%;
--pmdcolor4-l: 47%;
--pmdcolor1: hsl(var(--pmdcolor1-h), var(--pmdcolor1-s), var(--pmdcolor1-l));
--pmdcolor2: hsl(var(--pmdcolor2-h), var(--pmdcolor2-s), var(--pmdcolor2-l));
--pmdcolor3: hsl(var(--pmdcolor3-h), var(--pmdcolor3-s), var(--pmdcolor3-l));
--pmdcolor4: hsl(var(--pmdcolor4-h), var(--pmdcolor4-s), var(--pmdcolor4-l));
--pmdgradient3-1: var(--pmdcolor4);
--pmdgradient3-2: var(--pmdcolor2);
--pmdgradient3-3: var(--pmdcolor1);
}

.footer {
    bottom: 0px;
    position: fixed;
    width: 100%;
    margin: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding: 0px;
    left: 0px;
    z-index:-1;
}

#headerbar {
    width: 100%;
    height: 5px;
    background-image: linear-gradient(-90deg,var(--pmdgradient3-1) calc(0*var(--gradient-width, 100%) + var(--gradient-offset, 0px) + var(--gradient-panx, 0)*var(--gradient-width, 100%)),var(--pmdgradient3-2) calc(0.45*var(--gradient-width, 100%) + var(--gradient-offset, 0px) + var(--gradient-panx, 0)*var(--gradient-width, 100%)),var(--pmdgradient3-3) calc(1*var(--gradient-width, 100%) + var(--gradient-offset, 0px) + var(--gradient-panx, 0)*var(--gradient-width, 100%)));
}

a, a:visited {
    color: white;
}