html {
  min-height: 100%;
  background: #eeeeee;
}

body {
  margin: 0;

  min-height: 100vh;
  min-height: 100dvh;

  background: #eeeeee;
  color: #111;

  font-family:
    "Times New Roman",
    Times,
    serif;

  font-size: 18px;
  line-height: 1.45;
}

main {
  width: min(760px, calc(100% - 40px));

  margin: 48px auto;
}

h1 {
  margin: 0 0 18px;

  font-size: 36px;
  line-height: 1.1;
}

p {
  margin: 0 0 16px;
}

hr {
  margin: 24px 0;

  border: 0;
  border-top: 1px solid #777;
}

code {
  font-family:
    "Courier New",
    Courier,
    monospace;

  font-size: 16px;
}

a {
  color: #0000ee;
}

a:visited {
  color: #551a8b;
}

button {
  appearance: none;

  border: 0;
  padding: 0;

  background: transparent;
  color: #0000ee;

  font-family:
    "Times New Roman",
    Times,
    serif;

  font-size: 18px;

  text-decoration: underline;

  cursor: pointer;
}

button:hover {
  color: #cc0000;
}

.space {
  height: 34vh;
}

.last-line {
  font-size: 16px;
}

address {
  font-size: 14px;
}

@media (max-width: 600px) {
  main {
    width: auto;

    margin:
      max(30px, env(safe-area-inset-top))
      20px
      max(30px, env(safe-area-inset-bottom));
  }

  .space {
    height: 28vh;
  }
}