@font-face {
  font-family: Bookinsanity;
  src: url("Bookinsanity.otf") format("opentype");
  font-style: 'normal'
}

@font-face {
  font-family: Texgyrebonum;
  src: url("texgyrebonum-regular.otf") format("opentype");
  font-style: 'normal'
}

@font-face {
  font-family: MrEavesSmallCaps;
  src: url("MrEavesSmallCaps.otf") format("opentype");
  font-style: 'normal'
}
@font-face {
  font-family: NodestoCapsCondensed;
  src: url("NodestoCapsCondensed.otf") format("opentype");
  font-style: 'normal'
}

@font-face {
  font-family: ScalySans;
  src: url("ScalySans.otf") format("opentype");
  font-style: 'normal'
}

@font-face {
  font-family: SolberaImitation;
  src: url("SolberaImitation.otf") format("opentype");
  font-style: 'normal'
}

@font-face {
  font-family: ZatannaMisdirection;
  src: url("ZatannaMisdirection.otf") format("opentype");
  font-style: 'normal'
}

/* https://codepen.io/devstreak/pen/dMYgeO */
#scroll-pane::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  background-color: #F5F5F5;
}

#scroll-pane::-webkit-scrollbar
{
  width: 10px;
  background-color: #F5F5F5;
}

#scroll-pane::-webkit-scrollbar-thumb
{
  background-color: #000000;
  border: 2px solid #555555;
}