html {
  font: 112.5%/1.45em georgia, serif;
  box-sizing: border-box;
  overflow-y: scroll;
}

body {
  margin: 0;
}

a {
  color: #01BAEF;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}
a:active,
a:hover {
  outline-width: 0;
}
a.active-link{
  color:rgb(50,50,50);
}

body {
  color: hsla(0, 0%, 0%, 0.8);
  font-family: georgia, serif;
  font-weight: normal;
  word-wrap: break-word;
  font-kerning: normal;
  -moz-font-feature-settings: "kern", "liga", "clig", "calt";
  -ms-font-feature-settings: "kern", "liga", "clig", "calt";
  -webkit-font-feature-settings: "kern", "liga", "clig", "calt";
  font-feature-settings: "kern", "liga", "clig", "calt";
}

h1 {
  font-size: 2em;
  margin: .67em 0;
  color: #01BAEF;
  margin: 0px 0px 20px 0px;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
    Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-weight: bold;
  text-rendering: optimizeLegibility;
  font-size: 2.25rem;
  line-height: 1.1;
}

h4 {
  margin:15px 0px 10px 0px;
  color: inherit;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
    Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-weight: bold;
  text-rendering: optimizeLegibility;
  font-size: 1rem;
  line-height: 1.1;
}

p {
  margin: 0px 0px 15px 0px;
}

article{
  margin:30px 0px;
}

article img{
  max-width:100%;
  margin:50px auto;
  display:block;
}
article .caption{
  text-align:center;
  margin-top:-45px;
  font-style:italic;
}

code{
  background:rgb(240,240,240);
  color:#8C3667;
  padding:2px 3px;
  font-size:14px;
  border-radius:2px;
}
pre code{
  display:block;
  white-space: pre-wrap !important;
  padding: 10px;
}
