body {
  --page-spacing: 1vw;
  --pagew: 210;
  --pageh: 296.8;
  --margin: 12;
  --pagefs: 4.3;

  --page-background: white;

  --pages: 1;
  --width: calc(100vw - 2 * var(--page-spacing));
  --col-vw: calc( var(--width) * ( var(--pagew) - 2 * var(--margin) ) / var(--pagew) );
  --marg: calc(var(--width) * (var(--margin) / var(--pagew)));
  --height: calc(var(--width) * var(--pageh) / var(--pagew));

  --font-size: calc( var(--width) * var(--pagefs) / var(--pagew));

  font-size: var(--font-size);
  width: var(--width);
  margin: var(--page-spacing);
}

.page {
  background: white;
  --page: 0;
  counter-reset: page calc(var(--page) + 1);
  padding: var(--marg);
  column-count: 1000;
  width: var(--col-vw);
  column-width: var(--col-vw);
  column-gap: calc(var(--width) * var(--margin) * 2 / var(--pagew));
  font-size: var(--font-size);
  height: calc(var(--width) * (var(--pageh) - 2 * var(--margin)) / var(--pagew));
  --page-x-adjust: calc(-1 * var(--page) * var(--width));
  transform: translate(var(--page-x-adjust), 0);
  position: relative;
}

.page:nth-of-type(n+2){
  margin-top: var(--page-spacing);
}

#rel {
  overflow-x: hidden;
  position: relative;
}
#doc {
  opacity: 0;
}