@charset "utf-8"; 

@page {
  size:  210mm 297mm;
  margin: 5mm;
  margin-left: 15mm;
}

p {
    text-align: right;
    line-height: 1;
    }


@page scans {
	    margin: 0;
}

@import url("https://cdn.jsdelivr.net/gh/vsalvino/computer-modern@main/fonts/bright.css")
@font-face {
    font-family: picnic;
    src: url(https://chatty-pub-files.hackersanddesigners.nlfiles/2/41/l2ZNzcvH2rom9BKwM72jvVsB/PicNic-Regular.woff2
}

@font-face {
    font-family: Director-Regular;
    src: url(https://chatty-pub-files.hackersanddesigners.nl/files/2/d2/T7cPNlPHYfJD7uGerSbUl2zH/Director-Regular.otf);
}


@font-face {
    font-family: Latitude;
    src: url(https://chatty-pub-files.hackersanddesigners.nl/files/2/f8/52Q5ce2-rtPtoRRQpZrwp0X_/Latitude-Regular.otf);
}


img {
    max-width: 48%;
    filter: saturate(0);

    }

.scans img {
    width: 100%;
    max-width: none;
    filter: saturate(0);
    }
    
    h1 {
        display: none;
    }
    
.scans {
        page: scans;
}

body{
    font-family: Latitude;
    font-size: 12pt;
    line-height: 1.5;
    --paged-layout: booklet; 
}
 
 h1 {
     font-size: 16pt:
    position: absolute;
    top: -3mm;
    left:0;
}

hr {
  break-after: page;
  border: none;
  margin: 0;
  height: 0;
}


.text {
    columns: 2;
    font-family: "Computer Modern Bright", sans-serif;
    font-size: 9pt;
    text-align: left;
    line-height: 1.2;
}

.text p:first-child, .text h1:first-child, .text h2:first-child, .text h3:first-child  {
	margin-top: 0;
}

{
	margin-top: 0;
}


.p:has(img) {
    text-align: right;
    }

h2 {
    margin-bottom: 1mm;
     font-weight: normal !important;
}

h2 + p {
    margin-bottom: 0;
    margin-top: 0;
}

.double img {
    width: 90%;
    max-width: none;
    
}