@font-face {
    font-family: 'Satoshi-Regular';
    src: url('fonts/Satoshi-Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: auto;
    font-style: normal;
  }
  @font-face {
    font-family: 'Satoshi-Medium';
    src: url('fonts/Satoshi-Medium.woff2') format('woff2');
    font-weight: 500;
    font-display: auto;
    font-style: normal;
  }
  @font-face {
    font-family: 'Satoshi-Bold';
    src: url('fonts/Satoshi-Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: auto;
    font-style: normal;
  }
  .instrument-serif-regular-italic {
    font-family: "Instrument Serif", serif;
    font-weight: 400;
    font-style: italic;
  }

/*body*/
body, html {
  height: 100%;
  margin: clamp(0.03rem, 2.2vw, 0.09rem);
  padding: 0;
  overflow:hidden; /* si vraiment nécessaire */
background-color:rgb(248, 248, 248)}
/*MAIN-page*/
/*main*/
.main {
  position:fixed;
  display: grid;
  grid-template-columns: 12% 81% 7%;
  width: 100%;
  height: 100%;
}
/*left*/
.index {
  border-right: 2px solid black;
} 
h1 {
  position: relative;
  font-family: Satoshi-Regular;
  color: black;
  font-size: clamp(1.1rem, 2.2vw, 1.375rem); /* min ~20px, max ~22px */
  text-transform: uppercase;
  text-decoration: none; 
  align-items: left;
  justify-content: left;
  /* ligne*/
  display: block;
  border-bottom: 2px solid black;
  margin-left: 3%;
  margin-right: 3%;
}
h1 a {
  font-family: Satoshi-Regular;
  color: black;
  text-decoration: none; 
  } 
h1 a:hover {
  font-family: Satoshi-Bold;
  }

#menu h1 a {
  font-family: Satoshi-Bold;
  color: black;
  text-decoration: none;
  } 
/*footer*/
.foot {
    position: fixed;
    font-family: Satoshi-Regular;
    font-size: 8px;
    text-align: left;
    bottom: 5px;
    left: 5px;
  }        

/*MAIN*/    /*MAIN*/    /*MAIN*/    /*MAIN*/
/* Contenu centré */
.content {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 10px; /* espace entre les chapitres */
  position:relative;
    height: 100%;
    overflow: auto;
    grid-template-rows: 40% 60%;
    border-right: 2px solid black;
    grid-column-gap: 20px;
}

/* Style des sections */
.content .chapter h1 {
  font-family: Satoshi-Bold;
  font-size: 88px;
  color: rgb(94, 93, 94);
  border-bottom: none;
  text-transform: uppercase;

}

.subtitle {
  font-size: 62px;
  font-family: "Instrument Serif", serif;
  font-weight: 400;
  font-style: italic;
  color: rgb(94, 93, 94);
  margin-top: 10px;
}


@media (max-width: 1200px) {


}