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

 h1{
    font-family: "Charm", cursive;
    color: lightcoral;
    font-size: 5rem;
    letter-spacing: 3.5px;
    font-style: italic;
    text-align: left;
    font-weight: bold ;
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 100px;
   }

 h2{
    color :lightcoral;
    font-size: 1.25rem;
    padding: .25em .5em;
    text-align: left;
    background-color: rgba(253, 214, 214, 0.896);
    letter-spacing: 2px;
}

   /*pour faire une séparation entre les semaines : */
   h3{
    font-size: 1.5rem;
    text-align: left;
    color: rgb(247, 167, 167);
    padding-top: 2px;
    letter-spacing: 2px;
   }

   /* pour pouvoir avoir la semaine d'affichée quand je clique sur le sommaire : */
h4 {
    margin: 0px;
    padding: 0px;}

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

nav{
   position: sticky;
   top: 0;
   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;
}

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;
}