/* Extra large devices get some space left and right */
@media only screen and (min-width: 1200px) {
  body {
    max-width: calc(1200px - 1em);
    margin: auto;
  }
}
#header, #footer {
  margin: 0.5em;
  padding: 0;
  font-family: sans-serif;
  font-weight: bold;
}
#header {
  margin-top: 1em;
  margin-bottom: 0;
  text-align: left;
}
#footer {
  margin-top: 0;
  margin-bottom: 1em;
  text-align: right;
}
#header a, #header button, #footer a, #footer button {
  text-decoration: none;
  padding: 0 0.5em;
  border: 3px solid #7e7a90;
}
#header a, #header button {
  border-bottom: none;
  border-radius: 1em 1em 0 0;
}
#footer a, #footer button {
  border-top: none;
  border-radius: 0 0 1em 1em;
}
#header button, #footer button {
  color: #ce0058;
  background: #ffffff;
  font-family: sans-serif;
  font-weight: bold;
  cursor: pointer;
  font-size: inherit;
}
#content {
  margin: 0 0.5em;
  padding: 0 1em;
  border: 3px solid #7e7a90;
  border-radius: 0 1em 0 1em;
  font-family: sans-serif;
}
h1 {
  margin: 1ex 0;
  color: #7e7a90;
  overflow-wrap: break-word;
}
a {
  color: #ce0058;
}
dt {
  font-weight: bold;
}
dd {
  line-height: 1.25em;
}