body {
  font-family: "Sansation";
  background-color: #14183f;
  color: #f3e8d7;
  font-weight: 70;
  line-height: 1.60;
  margin: 0;
 /* background-image: url("../img/plurivers.jpg"); */
}

a {
  color: currentColor;
}

nav {
  font-family: "Frames Part One";
  font-weight: 500;
  text-underline-offset: 0.20em;
  text-align: left;
  margin: 5px 0px 5px 7px;
}

main {
  font-size: 17px;
}

header {
  font-size: 35px;
  background-color: #f3e8d7;
  color: #14183f;
  padding: 6ch;
  margin: 13px 0px 0px 0px;
  text-align: right;
}


header h1 {
  font-family: "Frames Part One";
  font-size: 1.5em;
  font-weight: 700;
  hyphens: auto;
  line-height: 1;
  text-align: left;
}


h3 {
  font-family: "Frames Part One";
}

.authors {
  font-family: "Frames Part One";
  font-size: 1em;
  font-weight: 500;
}

.keywords {
  font-family: "Sansation";
  font-size: 20px;
  font-weight: 50;
  background:#14183f;
  color: #f3e8d7;
  padding: 1ch;
  text-align: center;
}

.keywords a {
  text-underline-offset: 0.20em;
  text-decoration-color: color-mix(in srgb, currentColor, transparent 60%);

}

.epigraphe {
  font-family: "Sansation";
  font-size: 15px;
  text-align: justify;
  max-width: 30ch;
}

.text h1 {
  font-family: "Frames Part One";
}

.text {
  margin: 30px 50px 20px 25px;
}

.text p {
  margin: 30px 50px 20px 25px;

}
p {
    margin: 0 0 1em; /* la marge inférieure sera occupée par le filet */
    line-height: 1.5;
} 
.text p + p::before {
    content: '';
    display: block;
    position: relative; /* la position relative permet de décaler l’élément vers le haut */
    top: -.55em;
    height: .05em;
    width: 30em;
    background:#f3e8d7;

    
}

.text .quote {
  margin: 30px 50px 20px 25px;
  font-family: "Sansation";
  font-weight: 20;
  text-indent: -2em;
  font-style: italic;
}

.readmore {
  font-size: 15px;
  line-height: 1.4em;
  text-align: right;
  max-width: 40em;
  background-color:#f3e8d7;
  color: #14183f;
  padding: 2em;
}

.biography {
  font-family: "Sansation";
  font-weight: 500;
  font-size: 17px;
  line-height: 1.5em;
  text-align: left;
  margin: 30px 80px 30px 70px;
  text-indent: -2em;

}

.footnotes {
  font-family: "Sansation";
  font-size: 13px;
  line-height: 1.5em;
  margin: 30px 50px 30px 50px;
}


/*rgb(2.3755% 6.196% 1.8968%);
 rgb(73.36% 99.363% 29.959%);

#030712 marron 
  #f0fdf4; blanc cassé
#fef9c3 
  #14532d; vert foncé je crois
  #1429de bleu
  #1a3723 vert foncé aussi / great background
  #23416f fleu gris 
  #14183f bleu foncé 
  #fef9c3 beige 

  background : couleur que tu veux
  margin : 0; (dans le body ?)
  padding: 2em; 

  margin: 0px 20px 0px 0px;

  --accentcolor: couleur;   dans le body, création d'une variable avec '--' / plus tard dans le code on peut utiliser la variable 
  background: var(--accentcolor)    - mettre une même couleur à plusieurs endroits 

  */