body {
  // text-align: center;
  color: #424242;
  font-size: 13pt;
  font-family: sans-serif;
}
#outer-div {
  margin-left: auto;
  margin-right: auto;
  max-width: 900px;
}
@media only screen and (max-width: 780px) {
  #sidebar-div {
    position: relative !important;
  }
  #content-div {
    margin-left: 0px !important;
  }
}
#top-btn1 {
  position: fixed;
  margin-top: 0%;
  margin-left: 75%;
  font-size: 30px;
}
#top-btn2 {
  position: fixed;
  margin-top: 46%;
  margin-left: 75%;
  font-size: 30px;
}
#sidebar-div {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  border-radius: 5px;
  background-color: #f8f8f8;
  padding: 0px 0px 0px 0px !important;
  display: inline-block;
  float: left;
  height: 100%;
  margin: 0px 0px 20px 0px !important;
  overflow-y: auto;
}
#sidebar-div h2 {
  margin: 0px 0px 0px 0px;
}
#links-div a {
  display: inline-block;
}
.close-button {
  float: right;
  margin-top: 7px;
  margin-right: 5px;
  border-radius: 5px;
  background-color: #2c3d5c;
  border-color: #2c3d5c;
  color: white;
}
#links-div {
  padding: 5px;
}
#content-div {
  display: inline-block;
  margin-left: 0px;
  margin-right: 0px;
  max-width: 2000px;
  width: 100%;
}
#content-div > :first-child {
  margin-top: 0px;
}
h1, h2, h3, h4, h5, h6 {
  border: 1px dashed #424242;
  padding: 3px 0px 3px 10px;
  padding-top: 3px;
  padding-right: 0px;
  padding-bottom: 3px;
  padding-left: 10px;
  background-color: #424242;
  border-radius: 5px;
  color: white;
}
pre {
  // min-width: 400px;
  max-width: 1200px;
  display: inline-block;
  // background-color: #e3e3e3;
  overflow-x: auto;
  white-space:nowrap;
  border: dashed 1px #6f6d6d;
  // border-bottom: solid 10px #2c3d5c;
  border-left: 5px solid #6f6d6d;
  border-right: 5px solid #6f6d6d;
  border-radius: 5px;
  padding: 3px 0px 3px 10px;
  display: block;
}
pre code {
  background-color: inherit;
  overflow-x: auto;
  white-space: pre;
  padding: 0px 0px 0px 0px;
}
code {
  background-color: #e3e3e3;
  font-family: monospace;
  padding: 1px 8px 1px 8px;
  color: #6f6d6d;
  border-radius: 5px;
}
a {
  color: #2c3d5c;
}
a:visited {
  color: #424242;
  color: #9e9e9e;
}
a:hover {
  color: #5c5a5a;
}
blockquote {
  // background-color: #f8f8f8;
  border-radius: 5px;
  padding: 1px 1px 1px 30px;
  border-left: 5px solid #6f6d6d;
  border-right: 5px solid #6f6d6d;
  color: #6f6d6d;
}
img {
  max-width: 100%;
}
h2 a, h2 a:visited {
  color: #6f6d6d;
  font-size: medium;
}
h2 a:hover {
  color: #e3e3e3 !important;
}
li {
  margin-bottom: 3px;
}
//<link rel="stylesheet" href="styles.css">