/* Overlay */
#overlay-white {
    
    /* Position */
    position: fixed;
    top: 0;
    left: 0;

    /* Alignments */
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3;

    /* Size */
    width: 100%;
    height: 100%;

    /* Customization */
    backdrop-filter: blur(8px); /* Flou gaussien */
    background: var(--white-alpha);
}

    /* Modal */
    #contact-modal {

        /* Size */
        width: 100%;
        max-width: 400px;

        /* Alignment */
        text-align: center;
        padding: 32px;

        border: 2px solid var(--black);
        border-radius: 32px;

        /* Customization */
        background: var(--white);
    }

        #contact-modal p {margin-bottom: 32px;} /* Marge avec le formulaire */

        #contact-form {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 8px;
        }

            #contact-form > div {display: flex; width: 100%;}

                #contact-form label {
                    display: flex; 
                    align-items: flex-start; 
                    width: 96px;
                    min-width: 96px;
                }

                #contact-form input, #contact-form textarea {
                    width: 100%;
                    height: 48px;

                    border-radius: 8px;
                    border: 1px solid var(--black);
                }



        #contact-modal button {margin-top: 32px; width: 100%;}