:root {


    /* -- : ; */

    /* blanc */
    /* --mainColor1: #F9F9F9; */
    --mainColor1: rgba(249, 249, 249, 1);
    --mainColor1transparent: rgba(249, 249, 249, 0);
    /* beige */
    /* --mainColor2: #EBAF7E; */
    --mainColor2: rgba(235, 175, 126, 1);
    --mainColor2transparent: rgba(235, 175, 126, 0);
    /* pourpre */
    /* --mainColor3: #9E0E40; */
    --mainColor3: rgba(158, 14, 64, 1);
    --mainColor3transparent: rgba(158, 14, 64, 0);
    /* noir */
    /* --mainColor4: #111111; */
    --mainColor4: rgba(17, 17, 17, 1);
    --mainColor4transparent: rgba(17, 17, 17, 0);
    /* bleu */
    /* --mainColor5: #92B8DC; */
    --mainColor5: rgba(186, 184, 220, 1);
    --mainColor5transparent: rgba(186, 184, 220, 0);

    --borderRadius1: 10px;
    --sidesMarginsDesktop: 15vw;
    --sidesMarginsTablet: 10vw;
    --sidesMarginsMobile: 5vw;
    --heightMarginsDesktop: 1rem;
    --padding1: 1rem;

    --paddings1: clamp(1em, 2vw, 3em);
    --margins1: clamp(1em, 2vw, 3em);
    --gaps1: clamp(1em, 2vw, 3em);

    --fontSizeBig: 2rem;
    --fontSizeMedium: 1.25rem;
    --fontSizeBetweenMandN: 1.5rem;
    --fontSizeNormal: 1rem;
    --fontSizeSmall: 0.5rem;


    /*
    --fontSizeBig: clamp(1rem, 2vw, 3rem);
    --fontSizeMedium: clamp(0.5rem, 1.5vw, 2rem);
    --fontSizeBetweenMandN: clamp(1rem, 1.25vw, 1.5rem);
    --fontSizeNormal: clamp(0.5rem, 0.75vw, 1rem);
    --fontSizeSmall: clamp(0.30rem, 0.40vw, 0.5rem);
    */

    --maxWidth: 1200px;


}

a:not(.grfk-logo) {
    line-height: 125%;
}

html {
    font-size: 16px;
}


body {
    min-height: 100vh;
    /* background-color: var(--mainColor5); */
    display: grid;
    grid-template-rows: auto 1fr auto;
}




.test1 {
    display: flex;
    justify-content: flex-start;
}


@media (max-width: 400px) {
    :root {
        font-size: 10px;
    }
}