@font-face {
  font-family: "EB Garamond";
  src: url("EBGaramond.ttf");
}
@font-face {
  font-family: "EB Garamond Italic";
  src: url("EBGaramond-Italic.ttf");
}
::-webkit-scrollbar  {
  width: 15px;
}
::-webkit-scrollbar-track  {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
}
::-webkit-scrollbar-thumb  {
  background: url("images/squiggleupanddownwoohoo.png");
  background-size: contain;
}
::-webkit-scrollbar-thumb:hover {
  background: url("images/squiggleupanddownwoohoo.png");
  background-size: contain;
}
.avatar {
  float: left;
  margin-right: 10px;
}
.title {
  display: inline-block;
  color: #ebe4cc;
  margin: 5px auto;
}
.header {
  background-image: url("http://derg.rest/assets/headerbg.png");
  background-repeat: no-repeat;
}
.footer-div {
  background-image: url("http://derg.rest/assets/squiggle.png");
  background-repeat: no-repeat;
}
body {
  font-family: "EB Garamond", Garamond, serif;
  background-color: #240909;
  padding: 75pt;
  max-width: 500pt;
  margin: 0 auto;
  color: #ebe4cc;
}
article {
  padding: 10px;
}
h1 {
  font-weight: 500;
  font-size: 40px;
}
p {
  font-size: 20px;
}
i {
  font-family: "EB Garamond Italic", Garamond, serif;
  font-style: italic;
}
a {
  color: #ffc82e;
  text-decoration: underline wavy;
  font-size: 1em;
  line-height: 20px;
}
a:hover {
  color: #bc9d3c;
}
pre {
  font-family: Monaco, monospace;
  padding: 5px;
  font-size: 16px;
  border-radius: 16px;
  background-color: black;
  overflow-x: scroll;
}