body {
  font-size: 1em;
  line-height: 1.40;
  background-color: #ffffff;
 color: #3647a0;
 background: radial-gradient(circle at right,#4b5baa, white, white);
  padding: 5%;
}
@media (min-width: 600px) {
  body {
    font-size: 1.1em
  
  }
}
/* si ecran plus large que 600px la font-size devient + grande*/
@media (max-width: 1000px) {
  body {
    background: radial-gradient(#b7ff89, white); 
  }
}
a {
  color: currentColor;
}

nav {
  font-family: "Xanh Mono";
  color: #b7ff89;
}

main {
  font-family: "DM Sans";
  
}

header {
  hyphens: auto;
}

header h1 {
  font-family: "Avara";

}

h1 {
  font-family: "Avara";
  font-size: clamp(1.5em,8vw,3.5em);
}

h2 {
  font-family: "Avara";
}

.authors {
   font-family: "Xanh mono";
   color: #b7ff89;
  font-size: 1.3em;
background-color: #4b5baa;
}
@media (max-width: 1000px) {
 .authors {
    background: linear-gradient(to left,#4b5baa ); 
  }
}
.keywords {
   font-family: "Xanh mono";
  font-style: italic;
  max-width: 70ch ;
}

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

.epigraphe {
  font-family: "DM Sans";
  font-style: italic;
}

.text {
   max-width: 70ch;
   
}

.quote{
  font-family: "DM Sans";
  font-style: italic;
}
.text p {
}

.text .quote {}

.readmore {}

.biography {
  font-family: "Xanh Mono";
}

.footnotes {
  font-family: "DM Sans";
  font-style: italic;
}