@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 : 14pt;
}

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



.impo{
  display: block;
  position: fixed;
  top: 0;
  width: fit-content;
  left: 0;
  margin: 30px;
  background-color: white;
  color: black;padding: 10px;
  border: 1px solid black;
}

@page{
  size: A5;
  margin: 10mm;
  margin-bottom: 20mm;
}

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

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

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

@page:right{
  margin-right: 17.5mm;
  @bottom-center{
    content :"Notre livre";
    font-style: italic;
  }
}

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

.ba{
  break-after: always;
}

#fp{
  break-after: always;
}

h1{
  margin-top: 5mm;
}

#ci img{
  width: 100%;
  display: block;
}

body{
  font-family: herbik;
  font-size:14pt;
  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;
}

ol, ul{
  margin-left: 4.5mm;
}


blockquote{
  font-style: italic;
  margin: 0 4.5mm;
}

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

.footnote-backref{
  display: none;
}