body.togehter,
#flipbook details {
  background: var(--black);
  color: white;
}

#flipbook>article {
  background: black;
}

#notes {
  background: url(../images/cdback.jpg) no-repeat;
  background-size: contain;
}

#notes blockquote {
  background-color: rgba(0, 0, 0, 0.5);
  border: none;
  padding-left: 0.5em;
  margin-top: 200px;
}

#notes blockquote:before {
  content: unset;
}

body.togehter p.description {
  color: var(--cadmiumlemon);
}

#flipbook nav li.selected {
  background: var(--cadmiumlemon);
}

#flipbook nav li.selected a {
  color: var(--black);
}

#flipbook nav a {
  display: inline-block;
  height: 19px;
  width: 100%;
  line-height: 19px;
  background-repeat: no-repeat;
  color: var(--cadmiumlemon);
  text-decoration: none;
}

#flipbook nav a:hover {
  text-decoration: underline;
}

#flipbook nav div {
  display: flex;
  flex-direction: column;
}

#flipbook>nav a:hover:before {
  content: url("../images/normal_arrow.png");
  color: #000;
}

body.togehter footer a {
  color: var(--white);
}

body.togehter footer svg path {
  fill: var(--white);
}

body.togehter footer svg#mascothead path,
body.togehter footer svg#flashes path,
body.togehter footer svg#star path {
  fill: var(--white);
}

@media (min-width: 768px) {
  article>div {
    margin-left: 340px;
  }

  #notes blockquote {
    margin-top: 350px;
  }
}