@media screen and (prefers-color-scheme: dark) {
  body, header {
    background: black;
    color: #eff3f5; }
    body.transparent:after, header.transparent:after {
      background: black; }

  header .hamburger div {
    background: #eff3f5; }

  a.invert {
    color: #eff3f5; }
  a.route .arrow {
    background: #eff3f5; }
    a.route .arrow:after {
      border-right-color: #eff3f5;
      border-top-color: #eff3f5; }

  .work-highlight .desc .route .arrow {
    background: #eff3f5; }
    .work-highlight .desc .route .arrow:after {
      border-right-color: #eff3f5;
      border-top-color: #eff3f5; }

  .services {
    background: rgba(0, 0, 0, 0.2); }
    .services ul li h3 svg {
      fill: #eff3f5; }

  .logos #display-target div img {
    filter: brightness(0%) invert(1); } }