html{
   background-color: cornsilk;

}
 
 body {
    font-size:25px;
    margin: 30px;
    padding: 10px;
    font-family: "Merienda", cursive;
   }

 h1{
    color: lightcoral;
    /* color: #DB6A8F; */
    font-size: 5rem;
    letter-spacing: 3.5px;
    text-align: left;
    font-weight: bold ;
    padding-top: 35px;
    padding-bottom: 35px;
    padding-left: 75px;
   }


   /*pour faire une séparation entre les semaines : */
h2{
    font-size: 1.5rem;
    text-align: left;
    color: rgb(247, 167, 167);
    padding-top: 2px;
    letter-spacing: 2px;
    scroll-margin-top: calc(10px + 1.8rem + 10px + 1em);
    text-align: center;
   }
h2::before {
   display: block;
   content: url(img.png);
   content: "☙ ❦ ❧";
   margin: 1em auto 1em;
   padding-block-end: 0.5em;
}

h3{
    color :lightcoral;
    font-size: 1.25rem;
    padding: .25em .5em;
    text-align: left;
    background-color: rgba(253, 214, 214, 0.896);
    letter-spacing: 2px;
    width: fit-content;
    border-radius: 9px;
    margin-left: 45%;
    transform: translateX(max(-20em, -46vw));
}

div{
    padding: 15px;
    margin: 40px auto;
    color: lightcoral;
    background-color: rgba(255, 255, 159, 0.851);
    border-radius: 40px;
    scroll-margin-top: 25px;
    max-width: 40em;
   }

nav{
   position: sticky;
   top: 0;
   z-index: 2;
   letter-spacing: 2px;
   font-weight: bold;
   background-color:cornsilk;
   background-position-x: center ;
   padding-bottom: 10px;
   padding-top: 10px;
   margin: 0px;
   font-size: 1.8rem;
   line-height: 1;
   display: flex;
   justify-content: center;
   gap: 1em;
}

nav a{
   color: rgb(247, 167, 167);
   text-underline-offset: 0.30em;
   text-decoration-thickness: 2.5px;
   text-decoration-color: rgb(247, 167, 167);
   text-decoration-style: dotted;
   white-space: nowrap;
}