@font-face {
  font-family: "Mr Pixel";
  src: url("VTF MisterPixel/otf/Mister Pixel Regular.otf") format("woff2"), url("/fonts/OpenSans-Regular-webfont.woff")
      format("otf");
}

@font-face {
  font-family: "Bizmeud";
  src:  url("bizmeud/web/bizmeud-webfont.ttf");
}

:root{
  --font-size: 24px;
  --line-height: 24px;
  --text-color: black;
  --h1-font-size: 72px;
  --h1-line-height: 72px;
}

html,
body{
  color: var(--text-color);
  hyphens: auto;
  /*font-family: "Mr Pixel";*/
  font-family: "Bizmeud";
  font-size: var(--font-size);
  line-height: var(--line-height);
  margin: 1em;
  padding: 0;
  hyphens: auto;
  text-align:  center;

  background-image: url(tree_gray.svg);
  background-repeat: no-repeat;
  background-position: bottom;
  background-color: #ff00f8;
}
h1 {
    font-size: var(--h1-font-size);
  line-height: var(--h1-line-height);
}

@page{
  /*size: 2160px 3840px;*/
  size: 210mm 373mm;
  /*size: A4 portrait;*/
  margin: 0.5em;
  @top-left{
    /*content: string(doctitle);*/
    font-family: monospace;
    font-size: 9pt;
  }
  @top-center{
    /* content: string(sectiontitle); */
    font-family: monospace;
    font-size: 9pt;
    text-align: left;
  }
  @bottom-left{
    content: counter(page);
    font-family: monospace;
    font-size: 9pt;
  }
}