.about-me-container {
    max-width: calc(1200 / 16 * 1rem); /* 75rem */
    margin: var(--space-md) auto  var(--space-sm) auto;
    padding: var(--space-xl);
    background-color:  var(--source-color-white-transparent) !important;
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-z2);
}


.about-contact-section {
    padding-top: var(--space-sm);
    padding-bottom: var(--space-lg);

    background-color: var(--source-color-accent-two-very-light);
    border-radius: var(--space-sm);
    border: calc(1 / 16 * 1rem) solid var(--color-activist-social-contact-section-border);
    text-align: center;
    margin-top: var(--space-xl);
}

.about-contact-section h3 {
    color: var(--color-about-contact-section-h3);
    margin-top: var(--space-sm);
    margin-bottom: var(--space-md);
}

.about-me-text {
    margin-top: var(--space-md);
}

/* ================================================= */
/* === MODE SOMBRE === */
/* ================================================= */
html[data-theme="dark"] .about-me-container {
    max-width: calc(1200 / 16 * 1rem); /* 75rem */
    margin: var(--space-md) auto  var(--space-sm) auto;
    padding: var(--space-xl);
    background-color:  black !important;
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-z2);
}

html[data-theme="dark"] .about-contact-section {
    background-color: black;
    border: calc(1 / 16 * 1rem) solid var(--source-color-accent-two-very-light);
}

html[data-theme="dark"] .about-contact-section h3 {
    color: grey;
    margin-top: var(--space-sm);
    margin-bottom: var(--space-md);
}