body {
  font-family: 'Saira';
  display: flex;
  flex-direction: column;
  margin: 5;
  padding: 6;
  max-width: 150ch;
  overflow-x: hidden; 
    grid-template-columns: 2fr;
    background-color: darkseagreen;
    padding: 3%;
    line-height: 2;
}



a {
      font-style: italic;
    color: rgb(186, 252, 230);
}


nav a { 
    font-style: italic;
    color: rgb(186, 252, 230);
    font-size: clamp(1rem, 0.5vw, 1rem);}
    
main { }

header {
  height : 100vh;
 }
header h1 {
  font-family: 'BBH Sans Bartle';
    font-size: clamp(3rem, 2vw, 1.5rem);
    text-transform: uppercase;
    font-style: bold;
    word-wrap: break-word;
    color: rgb(38, 110, 39);
    padding: 3em;
    transform: scaleY(1.5);

 }

 h2 {
  font-family: 'BBH Sans Bartle';
  font-size: clamp(1rem, 1vw, 0.5rem);
  transform: scaleY(1.5);
  color: rgb(38, 110, 39);
  margin-top: 3rem;
  margin-bottom: 3rem;
 }

.authors {    
  text-transform: uppercase;
    font-size: clamp(1rem, 1.3vw, 1.5rem);
    text-align: left;
    word-wrap: break-word;
    color: rgb(14, 93, 67); }


.keywords { }


.keywords a {   font-family: 'Saira';
    font-style: italic;
    color: rgb(24, 97, 73);}

.epigraphe { }


.text {  }


.text p { font-family: 'Saira';
    font-size: clamp(1rem, 1.3vw, 1.5rem);
    text-align: left;
    margin: 20;
    line-height: 1.5; 
    text-indent: -1em;
    padding: 2em;
    color: rgb(207, 231, 252);
    text-wrap: balance;
 }
 
.text .quote { }

h3 {
  text-transform: uppercase;
}

.readmore { 
  display: grid; 
    gap:.5em;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); }

.biography {  
  
}

.footnotes { }

footer {
  display: grid; 
    gap:.5em;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}

@media (max-width: 640px) {


  body {
    padding: 0%;
    line-height: 1.5;
  }
    
    header h1 {font-size: clamp(1.2rem, 1vw, 1.5rem);
     line-height: 1.5;
    transform: scaleY(1.6); 
    display: inline-block;
    letter-spacing: clamp(0.6px, 0.6vw, 0.6px);
    font-style: italic;
       text-align: center;
    padding: 1em;
    padding-left: 0em;
    padding-top: 10em;
    
}

    .authors {
        font-size: clamp(1rem, 2vw, 1.5rem) ;
        text-transform: uppercase;
    }

}