body {
    margin: 0;
    min-height: 90vh;
}

#wrapperPresentationPrincipale {
    width: 85%;
    max-width: 1000px;
    min-height: 20em;
    margin: max(2em, 10vh) auto;
    
    display: grid;
    grid-template-columns: 40% 60%;
}

.sectionPresentationPrincipale  {
    width: 100%;
    padding: 2.5em 0.5em;
    margin: auto;
    text-align: center;
    min-height: 75%;
    height: 100%;
    justify-content: center;
    display:flex;
    flex-direction: column;
}

#photoProfil {
    width: 65%;
    border-radius: 50%;
    margin: 3em auto 1em auto;
}

#textePresentationProfil {
    font-family: HelveticaLight !important;
    padding: 0.5em 0;
}

#ligneProfil {
      height: 4px !important;
      margin-top: 0.5em !important;
      width: 5em !important;
      margin-left: calc(50% - 2.5em);
      padding: 0 !important;
      min-width: 0;
}

#texteProfil {
    font-family: HelveticaLight;
    width: 100%;
    padding: 1em 2em;
}

[data-theme="light"] {
    body {
        background: linear-gradient(100deg, var(--primary-color) 40%, var(--light) 40%);
    }
    
    #wrapperPresentationPrincipale {
        background-color: var(--light);
        box-shadow:  4px 4px 6px color-mix(in srgb, var(--accentuation-color), transparent 70%);
    }
    
    #presentationNomPhoto {
        background-color: var(--lighter-primary-color);
    }
    
    #ligneProfil {
      background-color: var(--accentuation-color);
    }
}



[data-theme="dark"] {
    body {
        background: linear-gradient(100deg, var(--primary-color) 40%, var(--dark) 40%);
    }
    
    #wrapperPresentationPrincipale {
        background-color: var(--dark);
        box-shadow: 4px 4px 6px color-mix(in srgb, var(--primary-color), transparent 70%);
        color: white;
    }
    
    #presentationNomPhoto {
        background-color: var(--darker-primary-color);
    }    
    
    #ligneProfil {
      background-color: var(--accentuation-color);
    }
}




@media (max-width: 800px) {
    #wrapperPresentationPrincipale {
        grid-template-columns: 100%;
        grid-template-rows: auto auto;
    }
}