@charset "utf-8"; 

@page{
    size: A5;
    margin: 10mm 10mm 25mm 25mm;

    @bottom-center{
        content: counter(page);
        font-family: "Nudles-Regular_ttf"; 
        font-size: 150%;
    }
}

@page:left{
    margin: 10mm 25mm 25mm 10mm;
}


@page:first {
    margin: 10mm 15mm 20mm 15mm;
  @bottom-center {
    content: none;
  }
}

@font-face {
    font-family: abordage;
    src: url(https://chatty-pub-files.hackersanddesigners.nl/files/2/99/nMPuQi6bsXWzzHQcKzByuHnk/abordage-regular.woff);
}

@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);
}

	@font-face {
        font-family: Amiamie-BlackRound;
        src: url(https://chatty-pub-files.hackersanddesigners.nl/files/2/c1/MabgrUcHsihN9kXOBlEg81dl/Amiamie-BlackRound.otf);
        
	}


@font-face { 
  font-family: "Enby_Gertrude";
  src: url("https://chatty-pub-files.hackersanddesigners.nl/files//2/16/ruNUDaWTTpwNbS6gNGG3Pvw_/Enby_Gertrude_roman.otf") format("truetype");
}

@font-face { 
  font-family: "Nudles-Thin_ttf"; 
  src: url("https://chatty-pub-files.hackersanddesigners.nl/files//2/95/2o2EN8Qei3LMCmYGVzIfbzvq/Nudles-Thin.ttf" ) format("truetype"); 
}

@font-face { 
  font-family: "Nudles-Regular_ttf"; 
  src: url( "https://chatty-pub-files.hackersanddesigners.nl/files//2/31/gzSTzAFCfxOf3tTjfh8bh6oE/Nudles-Regular.ttf" ) format("truetype"); 
}

@font-face { 
  font-family: "Nudles-Hairline_ttf"; 
  src: url ("https://chatty-pub-files.hackersanddesigners.nl/files//2/d3/1h6yL8UwcSb1_wutcyuftMMy/Nudles-Hairline.ttf" ) format("truetype"); 
}

@font-face { 
  font-family: "BBBSprat-CondensedThin_otf"; 
  src: url( "https://chatty-pub-files.hackersanddesigners.nl/files//2/f8/d7t18FJ9YNV4bLjfCqmUE-AE/BBBSprat-CondensedThin.otf") format("truetype"); 
}

@font-face { 
  font-family: "BBBSprat-CondensedRegular_otf"; 
  src: url("https://chatty-pub-files.hackersanddesigners.nl/files//2/de/T6-qV-KLHqaKAc-0iveVy4iG/BBBSprat-CondensedRegular.otf") format("truetype"); 
}

@font-face { 
  font-family: "BBBSprat-CondensedLight_otf"; 
  src: url("https://chatty-pub-files.hackersanddesigners.nl/files//2/ba/diSQpXkGHw7BZwGw85FXhC7G/BBBSprat-CondensedLight.otf") format("truetype"); 
}

@font-face { 
  font-family: "DINdong_otf"; 
  src: url("https://chatty-pub-files.hackersanddesigners.nl/files//2/bd/1xgu9IsZ9juECMvUd9eLNlm7/DINdong.otf") format("truetype"); 
}

@font-face { 
  font-family: "Nudles-Fat_ttf"; 
  src: url ("https://chatty-pub-files.hackersanddesigners.nl/files//2/d5/J90BRZ0O2gksJr0oTe0aQ-aT/Nudles-Fat.ttf" ) format("truetype"); 
}

@font-face { 
  font-family: "Nudles-Bold_ttf"; 
  src: url( "https://chatty-pub-files.hackersanddesigners.nl/files//2/1f/AoP88JiJzAsYDfKdZSb7zTWf/Nudles-Bold.ttf")format("truetype"); 
}

@font-face { 
  font-family: "BBBSprat-RegularThin_otf"; 
  src: url("https://chatty-pub-files.hackersanddesigners.nl/files//2/8f/yVX83qFkSZRKhdFNyZPIcvpT/BBBSprat-RegularThin.otf") format("truetype"); 
}


@font-face { 
  font-family: "BBBSprat-Regularlight_otf"; 
  src: url("https://chatty-pub-files.hackersanddesigners.nl/files//2/cb/MM4HeRI892PYpeWtTOEW1CFi/BBBSprat-Regularlight.otf") format("truetype"); 
}

@font-face { 
  font-family: "BBBSprat-Regular_otf"; 
  src: url("https://chatty-pub-files.hackersanddesigners.nl/files//2/16/82pOWygYcUdZ9bBvwW0lD4fG/BBBSprat-Regular.otf") format("truetype"); 
}

@font-face { 
  font-family: "BBBSprat-ExtendedThin_otf"; 
  src: url("https://chatty-pub-files.hackersanddesigners.nl/files//2/20/y_RUiodHJY7K5pZZu2-uuldN/BBBSprat-ExtendedThin.otf") format("truetype"); 
}

@font-face { 
  font-family: "BBBSprat-ExtendedRegular_otf"; 
  src: url("https://chatty-pub-files.hackersanddesigners.nl/files//2/c/CR46OnlgSlbQeZohcA8-ZA8N/BBBSprat-ExtendedRegular.otf") format("truetype"); 
}

body{
    font-family: Latitude;
    font-size: 14px;
    line-height: 1.2em;
    --paged-layout: booklet 5 13; 
    
}

.fungi {
    color: #822b01;
    font-family: Latitude;
    text-align: left;
    }
    
.fungi h2{
    color: #6D8726;
    font-family: Amiamie-BlackRound !important;
    text-shadow: 0px 0px 20px brown;
    }
    
 .fungi strong {
    color: black;
    font-family: Amiamie-BlackRound;
    }
    
.fungi em {
    color: #999999;
    }

/* ------------------------------------ cover */


@page:first {    
    background-size: cover;   
    background-repeat: no-repeat; 
}
    
.cover{
    break-after: always;
	    background-clip: border-box;  
    
}

.cover h1#title {
	font-size: 700%;
    line-height: 1em;

}

.cover h1 {
	font-family: "Nudles-Regular_ttf"; 
    font-family: 
	    color: white; 
    font-size: 600%;
    text-align: center;
    line-height: 0.6em; 
    text-shadow: 2px 2px 20px black;
}

.cover h2 {
	    font-family: DINdong_otf;    
	text-align: right;
    font-size: 150%;
}

.cover h3 {
    font-family: DINdong_otf;
    text-align: right;
    font-size: 150%;
}

.cover img {
  background-repeat: no-repeat;
  background-size: auto;
}

}

/* ------------------------------------ main */


h1 {
    font-family: abordage;
    font-size: 500%;
    line-height: 1.2em;
}

section#main pre{
    color: purple;
}

.main h2 {
    font-family: abordage;
    font-size: 180%;
    line-height: 1.2em;
}

blockquote {
   margin-right: 0; 
   font-family: abordage;
   font-size: 140%;
   line-height: 1.2em;
}

/* 
Images are always grayscale in the main content and 
are alone on a page
*/
.main img {
    display: block;
    filter: grayscale(100%);
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
    margin-bottom: 20px;
    width: 100%;
    xpage-break-after: always;
    xpage-break-before: always;
    max-height: 90%;
    
}

figure {
    margin: 0;
    break-inside: avoid;
}

/*
*** alone on a line in markdown will be turned into a <hr>
we use this a way to force a page break, and hide the hr itself.
*/

hr {
  break-after: page;
  border: none;
  margin: 0;
  height: 0;
}
/*
img {
  width: 50%;
  height: auto;
}
*/

/* ------------------------------------ listening */

.listening {
    font-family: "Enby_Gertrude";
    color: #6495ED;
    text-align: left;
    font-size: 12pt;
    line-height: 13pt;
}

.listening h2 {
    font-family: Amiamie-BlackRound;
    font-size: 24pt;
    line-height: 26pt;
    color: white;
    padding-left: 32pt;
    filter: drop-shadow(0 0 0.2rem blue);
}

.listening h3 {
    font-family: Amiamie-BlackRound;
    text-decoration: none;
    text-indent: 32pt;
    color: blue;
    font-size: 16pt;
    margin: 0;
    padding: 0;
    padding-top: 13pt;
    line-height: 13pt;
}

h3 + p {
    margin-top: 0;
    padding-top: 0;
    }

.listening h3::before {
    content: "⭒◦↝"
}

.listening h3::after {
    content: "↜◦⭒"
}

.listening em {
	font-style: normal;
	background-color: blue;
	color: white;
}

.listening strong {
	font-size: 16pt;
	color: blue;
	filter: drop-shadow(0 0 0.2rem blue);
}

/*------------------------------------- possible*/

.possible {
    font-family: Amiamie-BlackRound;
    color: grey;
    }

.possible h2 {
    font-size: 18pt;
    font-family: Amiamie-BlackRound;;
    -webkit-text-stroke: 3px grey;
        color: pink;
    }

.possible h3 {
    font-size: 18pt;
    -webkit-text-stroke: 3px grey;
        color: pink;
    }
    
 .possible strong {
    color: blue;
    font-family: Amiamie-BlackRound;
    border: 1px dashed red;
    }
    
.possible em {
     font-size: 22pt;
    color: pink;
    text-shadow: 2px 2px 2px #0013FF;
    }



/* ------------------------------------ encounters */

.encounters {
    color: green;
    }
    
.encounters del {
    color: blue;
	text-decoration-line: overline underline;
    }

.encounters h2 { 
  font-stretch: expanded;
  }

.encounters em {
  font-variant: small-caps;
color: red;
}

.encounters em { color: red; }

.encounters em {color: red; }

.encounters strong { color: purple; font-variant: small-caps;}


.julia strong { color: hotpink; font-variant: small-caps;}

.julia em { color: orange; }




/* ------------------------------------ material */

.material {
    color: dark grey;
}

.material h2 {
     font-family: Amiamie-BlackRound;
          font-size: 30pt;
    color: white;
    -webkit-text-stroke: 1px blue;
    text-shadow: 3px 3px 3px #0013FF;
}

.material em {
        font-family: Amiamie-BlackRound;
    font-size: 15pt
 }


/* ------- bridge */

*.bridge {
*  filter: blur(10px);
*}

.bridge h3 {
    text-align: center;
    margin: 50px auto; 
    font-size: 10pt;
    color: pink;
    }