body { 
  font-family: "Mattone";
  background: linear-gradient(180deg, #9683ec, #621b56);
  color: lemonchiffon;
  line-height: 1.8;
  margin: 2em;
  padding: 1em 1em 1.5em;
}

a {
  color: currentColor;
}

a:hover {
  text-decoration: underline;
  opacity: 0.9;
}


h1, h2, h3 {
  font-family: 'Crake Test';
  color: lemonchiffon;
  text-transform: uppercase;
  text-align: center;
  line-height: 1.4;
}

h1 {
  font-size: 1..7em;
  transform: rotate(5deg);
  margin-top: 1em;
  margin-bottom: 1.5em;
}

h2 {
  font-size: 1.5em;
  margin-top: 1em;
  margin-bottom: 1.5em;
}

h3 {
  font-size: 1.5em;
  margin-top: 1em;
  margin-bottom: 1.5em;
}

h2::before {
  content: "";
  display: block;
  height: 1px;
  background: lemonchiffon;
  margin-bottom: 1.5em;
  margin-top: 2em;
}


.authors {
  font-size: 1.1em;
  color: lemonchiffon;
  margin-left: 2em;
  margin-right: 2em;
  text-align: right;
}


.text {
  font-size: 1.1em; 
  max-width: 40em;
  color: lemonchiffon;
  margin-left: 1em;
  margin-right: 1em;
  line-height: 1.8;
}


p {
  margin-top: 1.4em;
  margin-bottom: 1.4em;
  line-height: 1.9;
}

main > p:nth-of-type(-n+3) {
  color: lemonchiffon;
  font-size: 0.9em;
  opacity: 0.6;
  font-style: italic;
  margin-right: 2em;
  margin-left: 2em;
  text-align: left;
  margin-bottom: 2em;
}

main > p:nth-of-type(-n+3) a:hover {
  opacity: 0.8;
  text-decoration: underline;
}

main > p:nth-of-type(-n+3) span {
  display: block;
  color: lemonchiffon;
  opacity: 0.8;
  margin-top: 5px;
}


.keywords,
.footnotes {
  color: lemonchiffon;
  font-size: 0.80em;
  opacity: 0.5;
  font-style: italic;
  margin-right: 2em;
  margin-left: 2em;
}


.footnotes {
  border-top: 0.05em solid lemonchiffon;
  padding-top: 0.5em;
}


ul {
  color: lemonchiffon;
  font-size: 1.1em; 
  max-width: 40em;
  margin-left: 1em;
  margin-right: 1em;
  line-height: 1.8;
}


.readmore, 
.biography { 
  margin-top: 5em;
  margin-left: 5ch;
  font-size: 0.8em;
  line-height: 1.4;
  border-top: 0.1em solid lemonchiffon;
  padding: 1em 1em 1.5em;
  border-radius: 0.3em;
  max-width: 70ch;
}

.readmore h3 {
  margin-left: 5ch;
  margin-right: 5ch;
  font-size: 1.1em;
  text-transform: uppercase;
  margin-bottom: 1.5em;
}

.readmore a {
  text-decoration: underline;
}


.quote {
  color: #7a1e38;
  font-size: 0.8em;
  text-align: center;
  font-style: italic;
  margin: 0.1em;
  line-height: 1.4;
  transform: rotate(-5deg);
  margin-top: 2em;
  margin-bottom: 2em;
}






header { }
header h1 { }


.keywords a { }

.epigraphe { }
.text p { }
.text .quote { }