body {
        background-color: rgb(177, 169, 169);
        font-family: "Lora";
        margin: 0;
        padding: 40px;
      }

      main {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 40px;
      }

      .text {
        display: flex;
        flex-direction: column;
        gap: 40px;
        width: 100%;
        max-width: 1000px;
      }

      .text p {
        color: rgb(0, 0, 0);
        padding: 20px;
        border-radius: 10px;
        width: 45%;
        line-height: 1.5;
      }

      /* Alternance gauche / droite */
      .text p:nth-child(odd) {
        align-self: flex-start; /* gauche */
      }

      .text p:nth-child(even) {
        align-self: flex-end; /* droite */
      }

      /* Responsive : sur téléphone, les blocs gardent leur position mais se réduisent */
      @media (max-width: 700px) {
        .text p {
          width: 70%;
          font-size: 0.9em;
          padding: 15px;
        }
      }

      @media (max-width: 450px) {
        .text p {
          width: 90%;
          font-size: 0.85em;
        }
      }
a {
  color: currentColor;
}
.authors{
  font-weight: 600;
  font-size: 20px;
}
.readmore{
font-size: 15px;
}

.biography{
  font-size: 15px;
}
.footnotes{
  font-size: 15px;
}
nav { }
main { }

header { }
header h1 { }

.authors { }
.keywords { }
.keywords a { }

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

.readmore { }
.biography { }

.footnotes { }