@font-face {
    font-family: HafferXH;
    src: url(/fonts/HafferXH-SemiBold.woff);
  }

  @font-face {
    font-family: Haffer;
    src: url(/fonts/Haffer-Regular.woff);
  }

  html {
    padding: 0;
    margin: 0;
  }

  body {
    font-family: Haffer, sans-serif;
    text-align: center;
    margin: 0;
    margin-top: 20vh;
    padding: 0;
  }

  h1, h2, h3, h4, h5, h6 {
    font-family: HafferXH, sans-serif;
    font: normal;

  }

  input {
    padding: .5rem;
    margin-bottom: 2rem;
    min-width: 300px;
    font-family: Haffer, sans-serif;
  }

  button {
    padding: .5rem;
    margin-bottom: 2rem;
    font-family: Haffer, sans-serif;
  }

  .grey {
    margin: 3rem 0;
    padding: 3rem;
    background-color: #efefef;
  }

  .hidden {
    display: none;
  }