/* COPYRIGHT (C) 2018 BY G. STEKELENBURG - ALL RIGHTS RESERVED */

:root {
  --bg: rgb(16,16,16);
  --bg-shadow: rgba(16,16,16 0.5);
  --alt-bg: rgb(32,32,32);
}
@media screen and (max-width: 100vh) {
  :root {
    --bg: rgb(0,0,0);
    --bg-shadow: rgba(0,0,0,0.5);
    --alt-bg: var(--bg);
  }
  blockquote h4 { color: rgba(16,16,16,0.5); } 
}
@media screen and (prefers-color-scheme: dark) {
  body {
    background: var(--bg);
    color: #ccc;
  }
  #header,
  #footer {
    background: var(--alt-bg);
    box-shadow:
      0 0 0 1px var(--bg),
      0 1vh 0 var(--bg-shadow),
      0 -4vh 4vh var(--bg-shadow);
  }
  h1 a { color: #ccc; }
  h3, h4 { color: #fff; }
  blockquote h4 { color: rgba(32,32,32,0.25); } 
  blockquote p { text-shadow: 0 0 2px #000; }
  a { color: dodgerblue; }
  small { color: #222; }
  .icon svg { fill: currentColor; }
  #gdpr_popup { background: #29f; color: #fff; box-shadow: 0 0 0 1px #18e; }
  #gdpr_popup button { box-shadow: 0 0 0 1px #18e; }
  .lang { color: #555; }
}