kbd, samp, code {
  font-family: "Menlo", "Monaco", "Source Code Pro", monospace;
}
body {
  margin: 1em auto;
  padding: 0 0.5em;
  max-width: 80em;
  background: black;
  color: white;
  font-family: serif;
  font-size: 1.1em;
}
a, a code, a samp, a kbd {
  color: #00f;
}
a:visited, a:visited code, a:visited samp, a:visited kbd {
  color: #9900ff;
}
h1, h2, h3 {
  font-family: serif;
}
h1 {
  font-size: 2em;
}
h2 {
  font-size: 1.625em;
}
#content {
  display: flex; 
}
#left {
  flex: 20%;
}
#middle {
  flex: 80%; padding: 0 1em;
}
#gifs img {
  display: block; margin: 0 auto;
}
.title {
  display: inline-block;
  font-size: 40pt;
  background: linear-gradient(183deg, #00CA60 10%, #00CDCA 70%);
  background-clip: text;
  color: transparent;
  font-family: 'Impact';
  transform: skewY(-8deg) scaleX(1.20);
}
.title-wrapper {
  filter: drop-shadow(3px 3px 0px rgba( 60, 115,  75, 0.8));
}
/*
nav, nav * { text-align: center; }
header { text-align: center; }
h1, h2, h3 { text-align: center; }
*/
