html,
body {
  margin: 0;
  min-height: 100%;
  background: #2f3338;
}

body {
  display: flex;
  justify-content: center;
  padding: 24px 12px;
}

.pdf-document {
  width: min(100%, var(--document-width, 793.701333px));
}

.pdf-page {
  width: min(100%, var(--page-width));
  margin: 0 auto 24px;
  background: #ffffff;
  box-shadow: 0 10px 32px rgba(0, 0, 0, 0.35);
  line-height: 0;
}

.pdf-page img {
  display: block;
  width: 100%;
  height: auto;
}

@media print {
  @page {
    size: A4;
    margin: 0;
  }

  html,
  body {
    width: 210mm;
    min-height: auto;
    background: #ffffff;
    padding: 0;
  }

  .pdf-document,
  .pdf-page {
    width: 210mm;
    margin: 0;
    box-shadow: none;
  }

  .pdf-page {
    page-break-after: always;
    break-after: page;
  }

  .pdf-page:last-child {
    page-break-after: auto;
    break-after: auto;
  }
}