body {
  background-image: url('vintage-speckles.png');
  font-family: "Consolas", monospace;
  font-size: 16px;
  line-height: 1.25;
}

     .sidenav {
  height: 100%; /* Full-height: remove this if you want "auto" height */
  width: 160px; /* Set the width of the sidebar */
  position: fixed; /* Fixed Sidebar (stay in place on scroll) */
  z-index: 1; /* Stay on top */
  top: 0; /* Stay at the top */
  left: 0;
  background-color: #111; /* Black */
  overflow-x: hidden; /* Disable horizontal scroll */
  padding: 15px;
  display: inline-block;
}
    
    .sidenav li {
  list-style-type: none;

  color: #ebf2fc;
}

    .sidenav a {
  color: #00A841;
  text-decoration: none;
  font-weight: bold;
}


    .main {
  width: 700px;
  padding: 15px;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 194px;
  min-height: calc(100% - 32px);
  color: #383838;
}
   .main a {
  color: #00A841;
  text-decoration: underline;
  font-weight: bold;
}
    hr {
  border-style: dotted;
  margin: 8px 0px 8px 0px;
  border-width: 1px 0px 1px 0px;
  padding: 0px;
}

    p {
  margin: 0px;    
}

    p + p {
      margin-top: 16px;
}