@font-face {
    font-family: 'Averia Serif Libre';
    src: url('fonts/averia-serif-libre.ttf');
}

@font-face {
    font-family: 'Varela Round';
    src: url('fonts/varela-round.ttf');
}

body {
    height: 100vh;
    background-color: #000000;
    color: #777777;
    display: grid;
    grid-template-rows: auto 1fr auto;
}

header, main {
  padding-top: 15%;
  text-align: center;
}

header {
    font-size: 150%;
}

h1 {
    color: #888888;
    font-family: 'Averia Serif Libre', cursive;
}

p {
    font-size: 125%;
    font-family: 'Varela Round', sans-serif;
}

code {
    background-color: #222222;
    color: #999999;
}

footer {
  margin-top: auto;
  margin-left: 5%;
  margin-right: 5%;
  min-height: 50px;
  text-align: center;
  font-size: 80%;
}

a {
    color: #808080;
}
a:hover {
    color: #b00c2f;
}

a.footer-link {
  color: #808080;
  text-decoration: none;
}

a:hover.footer-link {
  color: #b00c2f;
}