title: How to make body margin larger in html without affecting the footer(weasyprint)
body: <p>so I am trying to create a PDF with weasyprint using html template</p>
  <p>My current setup is to make sure that if there is multiple pages, I have footer appear in every pages. Now, the problem is, my css setup makes the body text way closer to the footer, I want to increase the margin between the body text and the footer.
  For example, instead of this:</p>
  <pre><code>123456789012345.....
  Footer Description.   page 1
  </code></pre>
  <p>Instead, I want it separate body and footer like this, I don't to change the footer region, so I want to make sure the break between page 1 goes earlier</p>
  <pre><code>123456789012345.....
  
  
  Footer Description.   page 1
  </code></pre>
  <p>I try to adjust the @page margin (change 15mm to 25mm), but then it also raise the footer and the footer will overlap. Is there anyway to fix this? here is my css style</p>
  <pre><code>@page {
          size: A4;
          margin: 15mm 20mm;
          }
      .common-style {
          color: black;
          font-family: &quot;Calibri, sans-serif&quot;;
      }
      .footer {
          position:fixed;
          width:100%;
          right:2;
          bottom:0; /* stick to bottom */
          margin-bottom   : -5mm;
          height          : 10mm;
          text-align      : left;
          font-size       : 10px;
      }
  
  Thank you
  </code></pre>