html{
   background-color: cornsilk;
}
 
 body {
    font-size:30px;
    margin: 30px;
    padding: 10px;
 }


 h1{
    font-size: 4.5rem;
    font-style: italic;
    text-align: left;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 100px;
}

 h2{
    color: (black);
    font-size: 2rem;
    padding: .25em .5em;
    text-align: left;
    background-color: rgba(253, 214, 214, 0.896);
}
   /*pour faire une séparation entre les semaines : */
   h3{
    font-size: 1.5rem;
    text-align: left;
    color: deeppink;
    padding-top: 25px;
   }

div{
    gap : 20px;
    padding: 20px;
    margin: 40px;
    color: lightcoral;
    /* font-family: Georgia, 'Times New Roman', Times, serif; */
    background-color: rgba(255, 255, 159, 0.851);
    border-radius: 40px;
    scroll-margin-top: 25px;

   }

nav{
   font-weight: bold;
   position: relative;
   top: 0;
}

nav a{
   color:black;
   text-underline-offset: 0.35em;
   text-decoration-thickness: 1.25px;
   text-decoration-color: deeppink;
   text-decoration-style: wavy;
}

@font-face {
    font-family: "Toren Proportional";
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url("toren-rotalic.woff") format("woff");
}
@font-face {
    font-family: "Toren Proportional";
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url("toren-proportional.woff2") format("woff2"),
         url("toren-proportional.woff") format("woff");
}