html {
    background-color: #a63e00;
}

body {
    width: 100%;
    margin-bottom: 3em;
    background-color: #eee0ce
  }

  header {
    width: 100%;
    font-size: 3em;
    text-align: center;
    background-color: #a25a31;
  }

  nav {
    width: 100%;
    font-size: 3em;
    text-align: center;
    background-color: #862200;
    color: white;
    display:flex;
    flex-direction:row;
    flex:auto;
    justify-content: center;
  }

  nav a {
    min-width:5em;
  }

  h1 {
    margin: 0;
  }

  h2 {
    text-align:center;
    font-size:2.5em;
}

  p {
    color: black;
    font-size:1.5em;
    font-weight: none;
    text-align: center;
  }

  a {
    width:100%;
    font-weight: bold;
    color: black;
    background-color: #862200;
    transition: 1s;
  }

  a:link {
    text-decoration: none;
  }

  a:hover {
    background-color: #c9c8c9;
  }

  .tiny {
    font-weight:normal;
  }

  footer {
    width: 100%;
    font-size: 1.1em;
    text-align: center;
    background-color: #874c2b;
    color: black;
  }

#main-container {
  padding-bottom: 5%;
}

span {
  display: flex;
  flex-direction: column;
  width:20%;
  margin: auto;
}

form div {
  text-align: right;
}