html, body {
  height: 100%;
}
#outer {
  /*position: absolute;*/
  /*top: 0;*/
  /*left: 0;*/
  /*margin-top: -40px;*/
  height: 100%;
  display: flex;
  /*align-items: center;*/
  justify-items: center;
}
#content {
  position: relative;
  margin: 0 auto;
}
#left-side {
  position: relative;
  float: left;
  width: 300px;
}
#right-side {
  position: relative;
  float: right;
  /*padding-right: 40px;*/
  border-left: solid black 2px;
  background-color: #f1f1f1;
}
h1 {
  text-align: center;
}
pre {
  /*padding-left: 10px;*/
  font-size: 12pt;
  /*margin-top: -12pt;*/
}
.highlight-yellow {
  background-color: yellow;
}
.highlight-cyan {
  background-color: cyan;
}
.highlight-pink {
  background-color: pink;
}
.highlight-green {
  background-color: palegreen;
}
.code {
  margin-top: -14pt;
  padding-left: 10px;
  background-color: #dddddd;
}
.code-class {
  height: 112px;
  background-color: #cccccc;
}
.code-PIVs {
  height: 112px;
}
.code-constructor {
  height: 187px;
  background-color: #cccccc;
}
.code-accessors {
  height: 152px;
}
.code-mutators {
  height: 152px;
  background-color: #cccccc;
}
.code-tostring {
  height: 135px;
}