body {
background-color: #f0f0f0; /* Couleur de fond de la page */
}
p {
color: #666; /* Couleur du texte pour les paragraphes */
}
ul li {
color: #007bff; /* Couleur du texte pour les éléments de liste */
}
/* Style de base pour les cartes */
.card {
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
transition: 0.3s;
width: 80%;
border-radius: 5px; /* Bordures arrondies */
background-color: #fff; /* Fond blanc */
margin: 10%; /* Marge extérieure pour éviter que les cartes se touchent */
margin-top: 10px; /* Marge extérieure pour éviter que les cartes se touchent */
margin-bottom: 10px; /* Marge extérieure pour éviter que les cartes se touchent */
}

/* Ajoute un effet de survol pour la carte */
.card:hover {
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

.card-container {
padding: 2px 16px; /* Espacement à l'intérieur de la carte */
}
h2 {
text-align: center;
}  
h1 {
color: #333; /* Couleur du texte pour les h1 */
font-size: 500%;
text-align: center;
}  
.container {
/* box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); */
/* transition: 0.3s; */
width: 80%;
/* border-radius: 5px; Bordures arrondies */
/* background-color: #fff; Fond blanc */
margin: 10%; /* Marge extérieure pour éviter que les cartes se touchent */
margin-top: 10px; /* Marge extérieure pour éviter que les cartes se touchent */
margin-bottom: 10px; /* Marge extérieure pour éviter que les cartes se touchent */
}

.mytitle {
    text-align: center;
}


  /* span {
    display: table;
    margin: 0 auto;
} */