body { 
  font-family: "Hubot Sans";
  /*background-color: #1f2937;
  color: #a855f7;*/
  background-color: #3d1c98;
  color: #f9f748;
  margin: 0;
  /*max-width: 20em;
  margin: 2em;*/
  --accentcolor:rgb(255, 0, 93);
}

a {
  color: currentColor;
  text-underline-offset: 0.15em;
  text-decoration-color: color-mix(in srgb, currentColor, transparent 70%);
}

nav { 
  font-family: "Hubot Sans";
  font-size: 1.2em;
  padding: 2em;
}
main { }

header { 
  /*background-color: #cfbeff;
  color: var(--accentcolor);*/
  padding: 2em;
}
header h1 { 
  font-family: "Anthony";
  font-size: 5.5em;
  font-weight: 700;
  hyphens: auto;
}

.authors { 
  font-family: "Hubot Sans";
  font-size: 1.5em;
  font-weight: 100;
}
.keywords { 
  font-family: "Anthony";
}
.keywords a {
  font-size: 1.2em;
}

.epigraphe { 
  font-family: "Hubot Sans";
}
.text { }
.text p { 
  font-family: "Haskoy";
  margin: 0px 60px 0px 30px;
  /*max-width: 40ch;*/
  font-size: clamp(1.4rem, 1.1vw, 3.5rem);
  font-weight: 300;
  line-height: 1.4;
  
}
@media (max-width: 640px){
  body { background: #9901ff;}
  header h1 { font-size: 4em;}
  .text p { 
    font-size: 1.2em;
    line-height: 1.2;
  }
}


.text p + p::before { 
  font-weight: 400;
  content: ' ¶ ';  
}
.text p {
  text-align:initial;
  line-height: 1.5;
  margin-left: 2.5em;
}
.text p:nth-child(even) { margin-left: 2em; }
.text p:nth-child(2n+1) { margin-right: 2em; }
.text p:nth-child(3n+2) { margin-left: 4em; }


.text .quote { }

.readmore { 
  font-family: "Haskoy";
  padding: 3em;
  text-align: center;
}
.readmore p:before {
  content: "• ";
}
.biography { 
  font-family: "Hubot Sans";
  padding: 2em;
  text-align: justify;
}

.footnotes { }

h3 {
  font-family: "Anthony";
  font-size: 3.5em;
  text-align: center;
}