@font-face {
  font-family: herbik;
  src:url(fontes/Herbik-Regular.ttf) ;
}

@font-face {
  font-family: herbik;
  src:url(fontes/Herbik-RegularItalic.otf) ;
  font-style: italic;
}



.ruines{
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
}



a{
  color: unset;
  text-decoration: none;
}
em{
  font-style: italic;
}

:root{
  --fs : 20pt;
}

.blank{
  display: block;
  break-after: always;
  page : blank;
}

@page{
  size: A4;
  margin: 10mm;
  margin-bottom: 40mm;
}

@page blank{
  margin: 10mm;
  @bottom-center{
    content: " ";
  }
}

@page:last{
  @bottom-center{
    content: " ";
  }
}

@page:first{
  margin: 10mm;
  @bottom-center{
    content: " ";
  }
}

@page:right{
  margin-right: 35mm;
  @bottom-center{
    content :"Le futur du livre";
    font-style: italic;
  }
}

@page:left{
  margin-left : 35mm;
  @bottom-center{
    content :"El Lissitzky";
    font-style: italic;
  }
}

#fp{
  break-after: always;
}

h1{
  margin-top: 10mm;
}

body{
  font-family: herbik;
  font-size:20pt;
  line-height: 1.25;
}

p::after,ol::after, ul::after, table::after{
  display: block;
  content: " ";
  white-space: pre;
}

#content{
  break-after: always;
}

hr{
  display: none;
}

table{
  font-size: calc(var(--fs) / 1.5);
  text-align: left;
}

#backpage{
  page : blank;
}


#backContent{
  display: grid;
  position: absolute;
  bottom: 0;
  grid-template-columns: repeat(3, 1fr);
}
#backpage img{
  display: block;
  width: 5cm;
  height: auto;
}
#colophon{
  grid-column: span 2;
  font-size: calc(var(--fs) / 1.5);
}

.footnote-backref{
  display: none;
}