@font-face {
    font-family: grandstander;
    src: url("https://fonts.googleapis.com/css2?family=Grandstander");
  }

  * {
    box-sizing: border-box;
  }
  html {
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 1.6em;
    line-height: 1.4em;
    font-family: "Fire Sans", "Helvetica", "Arial", sans-serif;
  }
  body {
    background-color: rgb(124, 206, 163);
    display: flex;
    flex-direction: column;
    height: 100%;
    margin: 0;
    padding: 0;
  }
  #header {
    text-align: right;
    padding: 1em 2em;
  }
  #main {
    flex-grow: 1;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  a, a:active, a:visited {
    color: black;
  }
  .links {
    margin: 0;
    padding: 1em;
    justify-content: center;
    display: flex;
  }
  .links li {
    display: inline-block;
    padding: .5em;
  }
  #goal {
      width: 100%;
  }
