h1.logo {
  display: flex;
  gap: 1rem;
  align-items: center;
}

body {
  font-size: 1.5rem;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: bold !important;
  line-height: 1em;
  margin-top: 1em;
  margin-bottom: 0.5em;
}

h1 {
  font-size: 1.2em;
}

@media (min-width: 768px) and (orientation: portrait) {
  body {
    font-size: 2.5rem !important;
  }
}

#content {
  max-width: 800px;
  margin: 0 auto;
  padding: 2em;
}