body {
  --width: min(210mm, 100vw);
  --page-spacing: 1.5vw;
  --pagew: 210;
  --pageh: 296.8;
  --margin: 10;
  --font-size: 4.3;
  margin: var(--page-spacing) auto;
  font-family: 'Crimson Text', serif;
  background: #564f4f;
}
@media print {
  body {
    --page-spacing: 0px;
    --width: calc(var(--pagew) * 1mm);
    background: white;
  }
}

.header {
  text-align: center;
  font-size: 1.2em;
  padding: calc(var(--marg) * 0.3);
}

.page:nth-of-type(n+2) .header{
  opacity: 0.3;
}

 .page:nth-of-type(2n+1) .footer b{
  float: left;
}

.sid, .footer {
  position: absolute;
  left: 0;
  right: 0;
  height: var(--marg);
  line-height: var(--marg);
  margin: 0 1em;
}

.sid {
  font-weight: bold;
  font-size: 0.8em;
}

.footer {
  bottom: 0;
}
.footer b{
  float: right;
  font-size: 0.7em;
}
.footer b::after{
  content: counter(page);
}

.page:nth-of-type(n+2) .sid{
  display: none;
}