/* Dark Mode */
  
body {
  background-color: #000;
  color: #ccc;
}

#main .container, .breadcrumbs .container,
input:not([type="checkbox"]):not([type="radio"]), button, select, textarea, fieldset, fieldset legend {
  background-color: #1f1f1f;
  color: #ccc;
}

hr, th, code, pre, fieldset,
div.preface, div.notes, div.endnotes,
input[type="button"]:focus, input[type="submit"]:focus, input[type="reset"]:focus, button:focus,
input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, button:hover {
  background: #333;
}

h1, h2, h3, h4, h5, h6, th {
  color: #bbb;
}

a {
  color: #82B6CD;
}

a:hover { 
  color: #868686;
}

.meta-label {
  color: #aaa;
}

hr {
  border-color: #333;
}

td, th, code, pre,
input:not([type="checkbox"]):not([type="radio"]), button, select, textarea, fieldset, fieldset legend { 
  border: 1px solid #444;
}

a[href^="http://"]:not([href*="random.fangirling.net"])::after, 
a[href^="https://"]:not([href*="random.fangirling.net"])::after, 
a[href^="//"]:not([href*="random.fangirling.net"])::after {
  filter: invert();
}

#notice {
    background: #651300;
    border-color: #A52001;
}

#updates, #news {
  background: #654900;
  border-color: #A57701;
}

#updates, #news, #updates h2, #news h2 {
  color: #ccc !important;
}