@font-face {
    font-family: 'Minion Pro';
    src: url('fonts/Minion Pro Regular.ttf');
}

@font-face {
    font-family: 'Minion Pro';
    src: url('fonts/minionpro-bold.otf');
    font-weight: bold;
}

@font-face {
    font-family: 'Garamond Pro';
    src: url('fonts/AGaramondPro-Regular.otf');
}

@font-face {
    font-family: 'Garamond Pro';
    src: url('fonts/AGaramondPro-Bold.otf');
    font-weight: bold;
}

@font-face {
    font-family: 'Garamond Pro';
    src: url('fonts/AGaramondPro-Italic.otf');
    font-style: italic;
    font-weight: normal;
}

@font-face {
    font-family: 'Garamond Pro';
    src: url('fonts/AGaramondPro-BoldItalic.otf');
    font-style: italic;
    font-weight: bold;
}

@font-face {
  font-family: 'Traveling Typewriter';
  src: url('fonts/TravelingTypewriter.otf');
}

@font-face {
  font-family: 'Hammer Keys';
  src: url('fonts/HAMMK.woff');
}

@font-face {
  font-family: 'Roboto Mono';
  src: url('fonts/RobotoMono-VariableFont_wght.ttf');
}

body {
  padding: 50px;
  font-family: 'Open Sans', Helvetica, sans-serif;
  margin: 0 auto;
  max-width: 600px;
  font-size: 12pt;
}
@media screen and (max-width: 850px) {
  body {
    padding: 30px
  }
}

@media screen and (max-width: 600px) {
  body {
    padding: 20px;
  }
}

a {
  color: #00B7FF;
}

footer a{
  position: fixed;
  left: 0px;
  bottom: 0px;
  height: 25px;
  width: 98%;
  font-size: 8pt;
  text-align: right;
  font-weight: 600;
  opacity: 0.5;
  color: white;
  text-decoration: none;
}

footer a:hover {
  opacity: 1;
}