html {
  background-color: #171717 !important;
}
html {
  filter: invert(100%) hue-rotate(180deg) brightness(105%) contrast(85%);
  -webkit-filter: invert(100%) hue-rotate(180deg) brightness(105%) contrast(85%);
}
body {
  background-color: #FFF !important;
}
/* keep things from being turned into photo negatives when in dark mode */
img,
video, iframe,
body * [style*="background-image"] {
  filter: hue-rotate(180deg) contrast(100%) invert(100%);
  -webkit-filter: hue-rotate(180deg) contrast(100%) invert(100%);
}

.hero-banner::after {
  filter: invert(1);
}

.hero-banner h1 {
  color: #000000;
}



/* keep the search box looking like a search box even in dark mode */
input[type="search"] {
  filter: invert(1);
}