body {
  margin: 0 0 50vh 0;
  padding: 0;
}

main {
  font-family: sans-serif;
  font-size: 10pt;
  margin: 0;
  padding: 4px;
}

div#content {
  max-width: 800px;
  padding-left: 10px;
}

hr {
  margin: 2em 0;
  padding: 0;
}
h1 {
  font-size: 1.75em;
  line-height: 1.75em;
  margin: 0 0 .5rem 0;
  padding: 0;
}
h2 {
  font-size: 1.5em;
  line-height: 1.5em;
  margin: 0 0 .5rem 0;
  padding: 0;
}
h3 {
  font-size: 1.25em;
  line-height: 1.25em;
  margin: 0 0 .25rem 0;
  padding: 0;
}
h4 {
  font-size: 1em;
  line-height: 1em;
  margin: 0 0 .25rem 0;
  padding: 0;
}
h5 {
  font-size: 1em;
  line-height: 1em;
  margin: 0 0 .25rem 0;
  padding: 0;
}
h6 {
  font-size: 1em;
  line-height: 1em;
  margin: 0 0 .25rem 0;
  padding: 0;
}
p {
  font-size: 1em;
  line-height: 1em;
  margin: 0 0 1em 0;
  padding: 0;
}
ol {
  margin: 0 0 1em 3em;
  padding: 0;
  /*list-style: none;*/
}
ul {
  margin: 0 0 1em 3em;
  padding: 0;
  /*list-style: none;*/
}
li {
  margin: 0;
  line-height: 2em;
}
option {
  line-height: 2em;
  margin: 0;
  padding: 0;
}
select {
  line-height: 2em;
  margin: 0;
  padding: 0;
}
label {
  line-height: 2em;
  margin: 0;
  padding: 0;
}

table {
  border: none;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0;
  padding: 0;
}
tr {
  margin: 0;
  padding: 0;
}
td {
  margin: 0;
  padding: 0;
}

/* navigation */
nav button {
  display: none;
}

nav ul#naviList {
  list-style: none;
  display: flex;
  flex-direction: row;
  margin: 0;
  padding: 0;
}

nav ul#naviList li a {
  padding: 0 .5rem;
}

@media (max-width: 500px) {
  nav {
    padding: .5rem;
    background-color: #f1f1f1;
    border-radius: 1rem;
  }

  nav button {
    display: block;
    line-height: 100%;
    background-color: #e1e1e1;
    padding: 0;
    width: 100%;
    border: 0 none;
    border-radius: 1rem;
  }
  nav button:hover, nav button:focus {
    background-color: #d1d1d1;
  }

  nav button p {
    display: block;
    margin: .25rem 0;
    padding: .25rem 0;
  }

  nav ul#naviList {
    display: block;
    margin: 0;
  }

  nav ul#naviList li {
    background-color: #e1e1e1;
    width: 100%;
    margin: .25rem 0;
    padding: .25rem 0;
    border-radius: 1rem;
  }
  nav ul#naviList.hide {
    display: none;
  }
  nav ul#naviList li:hover, nav ul#naviList li:focus {
    background-color: #d1d1d1;
  }

  nav ul#naviList li a {
    display: block;
    border-radius: 1rem;
  }
}

/* Footer */
footer {
  color: #777;
  font-style: italic;
  font-family: sans-serif;
  font-size: 10pt;
  padding-left: 10px;
}

footer a {
  color: #777;
}