body { background-color: #ffffff;
  color: #ffffff;
 margin: 4%;
}



nav {
  font-family:"P-ACR-AGON" ;
  background-image: linear-gradient(#f5e209, #aeadd7, #8767ab, #c56799);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  
  font-size: 1em;

 }
main { 
 font-family: "Century Schoolbook";
  font-size: 1.25em;
  line-height: 1.6; /* au lieu de 1.35 */
  /* max-height: 70ch; <-- à retirer */
  margin: 10px;
  max-width: 50em;
  color: #aeadd7;
}


header {
  font-family: "Paragon";

  font-size: 1.50em;
  
 }
header h1 {
  font-family: 'Paragon';
    font-size: 1.20em;
    font-style: italic;
background-image: linear-gradient(#f5e209, #aeadd7, #8767ab, #c56799);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
 }
/* dans la fiche principale avec la liste des articles */
 h1 {
    font-family: 'Paragon';
    font-size: 2.30em;
    font-style: italic;
background-image: linear-gradient(#f5e209, #aeadd7, #8767ab, #c56799);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

h2 {
   font-family: 'Paragon';
     font-size: 1.10em;
    font-style:normal;
    color: #ffffff;
 padding: 6%;
 background-image: linear-gradient(#f5e209, #aeadd7, #8767ab, #c56799);
       width: 600px;
    max-width: 90%;
    background-image: linear-gradient(#f5e209, #aeadd7, #8767ab, #c56799);
    border: 2px solid #000080;
    box-shadow: 8px 8px 0 #000;
    border-radius: 4px;
    overflow: hidden;
}
li {
  color: #f5e209;
}
span {
   color: #aeadd7;
}
a {
  color: #f5e209;

}
ul {
background-image: linear-gradient(#f5e209, #aeadd7, #8767ab, #c56799);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


/* la fin de la page principale djjdsjsdjs */
.authors {
font-family: "Paragon";
color: #c56799 ; 
  font-size: 0.67em;
padding: 2%;
   
}

.keywords { font-family: "Century Schoolbook ";
  color: #EBCE1A;
  font-size: 0.50em;

}
.keywords a {
  font-family:"Century Schoolbook" ; 
  font-style: italic;
  font-size: 0.85em;
 color: #EBCE1A;
}
.epigraphe {font-family: "Instrument"; 
 color: #aeadd7;
}

.text {font-family: "Century Schoolbook ";

 padding: 6%;
 background-image: linear-gradient(#f5e209, #aeadd7, #8767ab, #c56799);
       width: 600px;
    max-width: 90%;
    background-image: linear-gradient(#f5e209, #aeadd7, #8767ab, #c56799);
    border: 2px solid #000080;
    box-shadow: 8px 8px 0 #000;
    border-radius: 4px;
    overflow: hidden;
 }

.text p {  font-family: "Century Schoolbook";
  font-size: 1.10em;
  line-height: 1.6; 
  margin: 10px;
  max-width: 50em;
    color: #ffffff;
 justify-content: center;
 
}

.text .quote { font-family: "Paragon"; 
  color: #ffffff;}
.readmore { 
 font-family: "Paragon"; 
  font-weight: bold;
  font-size: 0.7em;
  line-height: 1.6;
  margin: 20px ;
  max-width: 20em;
  color: #aeadd7;
   
}

.biography {
  font-family: "Century Schoolbook";
  font-size: 1.10em;
  line-height: 1.6;
  font-style: italic;
  margin: 50px auto;
  max-width: 40em;
   color: #c56799;
     justify-content: center;
}
.footnotes {  font-family: "Paragon";
color: #aeadd7;

}

/* code pour le style windows */
.window {
    background-image: linear-gradient(#f5e209, #aeadd7, #8767ab, #c56799);
       width: 600px;
    max-width: 90%;
    background-image: linear-gradient(#f5e209, #aeadd7, #8767ab, #c56799);
    border: 2px solid #000080;
    box-shadow: 8px 8px 0 #000;
    border-radius: 4px;
    overflow: hidden;
}

/* je sais pas quoi faire avec y'a pas de titre dans le html a cet endroit
.title-bar {
    background: linear-gradient(to right, #000080, #4169e1);
    color: white;
    padding: 6px 10px;
    font-weight: bold;
    font-size: 14px;
    text-align: left;