body {
  margin: 0;
  font-family: sans;
  background-color: #4F08C8;
}

#body {
  width: 40em;
  padding: 0.5em;
  margin: 0 auto;
}

/* BEGIN HACK */
#body-behind {
  margin: 0 auto;
  width: calc(41em + (100% - 41em) / 3);
}

#body-behind > div {
  position: fixed;
  top: 0;
  width: calc(41em + (100% - 41em) / 3);
  height: 100%;
  z-index: -1;
  transform: skewX(-2deg);
  transform-origin: top center;
  background-color: #ABC808;
}
/* END HACK */

header {
  background-color: #FF00D3;
  padding: 0.5em;
}

header a, header a:visited {
  text-decoration: none;
  color: black;
}

.video-section {
  background-color: #2EE2FF;
  margin-top: 1em;
  padding: 0.5em;
}

.video-showing {
  background-color: #FF8C00;
  margin-top: 1em;
  padding: 0.5em;
  position: absolute;
  left: calc((100% - 58em) / 2);
  width: 57em;
}

p.signature {
  font-style: italic;
}

p.signature:before {
  content: '--';
}