html{
    font-family: 'Inclusive Sans', 'Playpen Sans', Arial, Helvetica, sans-serif;
    line-height: 1.6;
  }
h1{
    padding: 40px 25px;
    font-size: larger;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    background-color: #160f38;
    color: white;
    border: 1px solid rgb(6, 60, 78);
    margin-bottom: 10px
}

body{
    margin: 0;
    padding: 0;
    font-size: 1.9rem;
    text-align: center;
    font-family:'Inclusive Sans', Arial, Helvetica, sans-serif ;
    letter-spacing: 0.1em
 }

 footer{
    background-color: aliceblue;
    padding: 15px 30px;
    border-top: 1px solid lightblue;
    font-size: small;
}
.instructions {
    background-color: #b0aaaad5; 
    color: black; 
    font-size: medium;
    padding: 20px; 
    margin-bottom: 0;
    text-align: left;
  }
  .instructions ul {
    display: flex;
    list-style: none; /* Supprime les puces de la liste */
    padding: 0; /* Supprime le remplissage par défaut de la liste */
  }
  
  .instructions li {
    margin-right: 10px; /* Espace entre les boutons */
  }
 
  video{ padding-top: 10px;
    display: block;
    margin: auto;
    width: 60%;
    height: auto;}

    button {
        font-family: 'Inclusive Sans', 'Playpen Sans', Arial, Helvetica, sans-serif;
        font-size: 1.0rem;
        cursor: pointer;
        background-color: #14518e;
        color: #fff;
        padding: 8px 16px;
        border: none;
        border-radius: 4px;
        margin: 4px;
        transition: background-color 0.3s;
      }
      
      button:hover {
        font-family: 'Inclusive Sans', 'Playpen Sans', Arial, Helvetica, sans-serif;
        background-color: #55a6dd;       
        color:black;
     }