header {
  background: #222;
}

body {
  background: #222;
}

header > h1 a {
  color: #fff;
}

.scrolled-shadow {
  box-shadow: 0px 0px 0px 0px #000;
}

#content > h2,
p {
  color: #fff;
}

li.nav a {
  color: #fff;
}

header > .bars {
  color: #fff;
}

#right {
  min-height: 100vh;
  background-color: #f2f2f2;
}

#panel-wrapper {
  background: #f2f2f2;
}

#panel-wrapper > h2 {
  font-size: 2em;
  margin-bottom: 30px;
}

dl {
  margin-left: 35px;
}

dt {
  font-size: 1.25em;
  margin: 20px 0px 10px 0px;
}

dd > p {
  font-weight: 200;
  color: #000;
}

p > svg {
  margin: 0px 10px;
}

#left {
  min-height: 100vh;
  background: #222;
}

#left p a {
  color: yellow;
}

#hover-caption p {
  color: #000;
}

@media all and (max-width: 800px) {
  #right {
    padding-left: 20px;
  }

  dl {
    margin-left: 5px;
  }
}