@font-face {
  font-family: 'Augsburger Schrift';
  src: url('fonts/AugsburgerSchriftCAT.ttf') format('truetype');
}
@font-face {
  font-family: 'Della Respira Regular';
  src: url('fonts/DellaRespira-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Deco Dingbats';
  src: url('fonts/decodingbats1.regular.ttf') format('truetype');
}

h1, h3, h5 {
  font-family: 'Augsburger Schrift';
  margin: 1em 25vw;
}
p, ul, h2, h4, h6 {
  font-family: 'Della Respira Regular';
}

.decodingbats {
  font-family: 'Deco Dingbats';
  margin-right: 1em;
}
.decodingbats a {
  text-decoration: none;
  color: black;
}

a:hover {
  text-decoration: none;
  color: red;
}
a:active {
  text-decoration: none;
  color: white;
  background-color: red;
}

  div.mainframe{
    margin: 0 25vw;
  }
  ul.query {
      list-style: none;
      padding-left: 0;
      margin: 0 25vw;
  }
  ul.query li {
      position: relative;
      padding : 0 2em;
  }
  ul.query li:before {
      content: '';
      width: 1em;
      height: 1em;
      position: absolute;
      background-image: url('media/gravatar.jpeg');
      background-size: cover;
      background-position: center;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
  }