@media print {
  @page {
    margin: 0mm auto !important;
    padding: 7rem 0 7rem 0;
    size: A4;
  }

  .print-only {
    display: block;
  }
  .no-print {
    display: none;
  }

  main.content {
    width: 100%;
    margin: 0;
    padding: 0;
  }

  .sidebar, .sidebar-mask, .nav-links,
  .sidebar-button {
    display: none;
  }
  html {
    padding: 0;
    margin: 0;
    width: 210mm;
    size: A4;
    font-size: 12pt;
    hyphens: auto;
    overflow-wrap: break-word;
  }
  body {
    margin: 0;
    padding: 0;
  }
  #app {
    footer.footer {
      position: fixed;
      bottom: 297mm;
      left: 10mm;
      width: 190mm;
      height: 7rem;
      z-index: 1000;
      margin: 0;
      .pagecount {
        position: absolute;
        bottom: 1cm;
        left: 1cm;
        font-weight: bold;
        content: counter(page) "/" counter(pages);
      }
    }

    header.navbar {
      position: fixed;
      top: 0mm;
      left: 10mm;
      width: 190mm;
      height: 7rem;
      z-index: 1000;
      margin: 0;

      .home-link {
        display: none;
      }
    }
    h1 {
      column-span: all;
    }
    h2 {
      page-break-before: always;
      width: 100%;
      text-align: right;
      font-size: 3rem;
      column-span: all;
    }
    pre, table {
      column-span: all;
    }
  }
}