* {
  box-sizing: border-box;
  corner-shape: superellipse(1.2);
  font: medium/1.5 system-ui, sans-serif;
  overflow-wrap: break-word;
  word-break: auto-phrase;
}
body {
  background: #FAFCFF;
  color: #383838;
  margin: 30px auto;
  max-width: 600px;
  padding: 0 20px;
}
h1, h2 {
  font-weight: 500;
  line-height: 1.2;
}
h1 {
  font-size: 1.8em;
  margin: 20px 0;
}
h2 {
  font-size: 1.6em;
  margin: 50px 0 20px;
}
a {
  color: #36F;
  font-weight: 500;
  text-decoration: none;
}
p {
  margin: 20px 0;
}
strong {
  color: #36F;
}
code, code * {
    font-family: monospace, system-ui, sans-serif
}
code {
    background: #dceaff;
    border-radius: 6px;
    font-size: .95em;
    margin: 0 1px;
    padding:1px 4px
}
footer {
  display: flex;
  flex-flow: wrap;
  font-size: 0.9em;
  justify-content: flex-start;
  margin: 40px 0;
  padding: 0;
  width: 100%;
}
footer * {
  display: block;
  margin-inline-end: 20px;
}