

        .FORM_CONTACT_FORM_DIV 
       { 
                grid-area:FORM;
                background:transparent;
                margin:0 auto;
                /* width:80%; */
                transform-style:preserve-3d;
        }
                        
        /* .FORM_CONTACT:focus-within { border:1px solid green; scale:1.5; } */

        @scope (.FORM_CONTACT)
        {        
                .scope 
                { 
                        width:var(--GRID_ELEMENT_WIDTH);
                        display:grid;                        
                        grid-template-columns:minmax(max(1fr, 320px), 1fr) minmax(max(100%, 640px), 1fr) 1fr 1fr;                        
                        grid-template-rows:1fr 1fr 1fr 1fr;
                        grid-template-areas:
                                'NAME EMAIL'
                                'IMAGE USER_INPUT'
                                'SUBMIT SUBMIT'
                                'ERROR_MESSAGE ERROR_MESSAGE';

                        row-gap:6px;
                        column-gap:6px; 
                        background:transparent;
                        width:100%;
                        justify-items:center;
                }                 
                /* :focus-within { border:7px solid blue; }  */

                .FORM_CONTACT_FORM_ELEMENT_DIV                                    { background:transparent; text-align:center; display:grid; }   
                .FORM_CONTACT_FORM_ELEMENT_DIV input                              { height:29px; min-width:0;}                 
                .FORM_CONTACT_FORM_ELEMENT_DIV input[type="submit"]               { height:34px; }
                .FORM_CONTACT_FORM_ELEMENT_DIV.NAME                               { grid-area:NAME; }
                .FORM_CONTACT_FORM_ELEMENT_DIV.EMAIL                              { grid-area:EMAIL; }
                .FORM_CONTACT_FORM_ELEMENT_DIV.USER_INPUT                         { grid-area:USER_INPUT; }
                .FORM_CONTACT_FORM_ELEMENT_DIV.SUBMIT                             { grid-area:SUBMIT; }
                .FORM_CONTACT_FORM_ELEMENT_DIV.ERROR_MESSAGE                      { grid-area:ERROR_MESSAGE; }
                .FORM_CONTACT_FORM_ELEMENT_DIV.ERROR_MESSAGE input                { border:none;  text-align:center; }
        }