html {
  font-size: 20px;
}

body {
  margin: 0 0 1rem 0;
  font-family: Helvetica, Arial, sans-serif;
  padding: 0.25rem;
}

h1 { font-size: 1.3rem; }
h2 { font-size: 1.2rem; }
h3 { font-size: 1.1rem; }
h4 { font-size: 1rem; }
h5 { font-size: 1rem; }
h6 { font-size: 1rem; }

h1 {
  margin-top: 0;
}
h1 > p:first-child{
  margin-top: 0;
}
h2, h3, h4, h5, h6 {
  margin-top: 3rem;
}

.content {
  max-width: 40rem;
  margin: 0 auto;
}

.header {
  color: #ffd700;
  background-color: #8b0000;
  padding: 0.5rem;
  text-align: center;
}

.red {
  color: #8b0000;
}