<style>
  @import url('https://fonts.googleapis.com/css2?family=Grenze+Gotisch:wght@100..900&display=swap');
  @font-face {
    font-family: "Roboto Slab";
    src: url(../fonts/RobotoSlab-VariableFont_wght.ttf);
  }
  @font-face {
    font-family: "Caveat";
    src: url(../fonts/Caveat-VariableFont_wght.ttf);
  }
  @font-face {
    font-family: "Bitter";
    src: url(../fonts/Bitter-VariableFont_wght.ttf);
  }
  #topNavbar {
    background-color: #222; /*let user set*/
  }
  a.site-title h2 {
    margin: 0;
    font-family: "Grenze Gotisch", cursive;
    text-transform: none;
    font-weight: bold;
    font-size: 1.7em;
  }
  a.site-title h2 .small {
    font-size: 16px;
    font-family: "Open Sans", sans-serif;
    font-style: italic;
  }
  h1, h2, h3, h4, h5 {
    font-family: 'Bitter', serif;
    font-weight: bold;
    text-transform: none;
  }
</style>
