/* about.css */
body {
    font-family: 'Montserrat', sans-serif;
    line-height: 1.6;
    background-color: #f9f9f9; /* Arrière-plan léger */
}

section {
    padding: 30px 20px; /* Espacement autour de chaque section */
    margin: 20px auto; /* Espacement entre les sections, centré */
    background-color: #ffffff; /* Couleur de fond des sections */
    border-radius: 20px; /* Coins arrondis pour un effet de bulle */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /* Ombre pour un effet de profondeur */
    max-width: 700px; /* Largeur maximale pour les sections */
    transition: transform 0.2s; /* Animation douce pour l'effet de survol */
}

section:hover {
    transform: scale(1.02); /* Légère augmentation de taille au survol */
}

.container {
    padding: 0 20px; /* Espacement horizontal à l'intérieur de .container */
}

h2 {
    color: #333; /* Couleur du titre principal */
    margin-bottom: 15px; /* Espacement sous le titre */
}

h3 {
    color: #666; /* Couleur des sous-titres */
    margin-top: 15px; /* Espacement au-dessus des sous-titres */
}

p {
    margin-bottom: 10px; /* Espacement entre les paragraphes */
}