:root {
    /* Couleurs */
    --color-white: #ffffff;
    --color-gold: #FFD700;

    /* Tailles & espacements */
    --max-width-content: 1400px;
    --margin-content-vertical: 50px;
    --font-weight-light: 300;
    --img-max-width: 300px;
}

/* ===========================
   LAYOUT & CONTENEUR
   =========================== */

.content-about {
    max-width: var(--max-width-content);
    margin: var(--margin-content-vertical) auto;
    color: var(--color-white);
}

/* ===========================
   TYPOGRAPHIE
   =========================== */

.title-about {
    color: var(--color-gold);
    text-align: center;
    font-weight: var(--font-weight-light);
}

/* ===========================
   MODAL
   =========================== */

.modal-title-about {
    color: var(--color-gold);
}

/* ===========================
   IMAGES
   =========================== */

.content-about img {
    max-width: var(--img-max-width);
    height: auto;
}

/* ===========================
   HÉRITAGE/ÉTATS
   =========================== */

.content-about h5 {
    text-decoration: underline;
}