@font-face {
    font-family: 'Rubik';
    src: url('../fonts/Rubik-Regular.woff2') format('woff2'),
        url('../fonts/Rubik-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Rubik';
    src: url('../fonts/Rubik-Bold.woff2') format('woff2'),
        url('../fonts/Rubik-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

* {
    box-sizing: border-box;
    --noir: #101010;
    --blanc: #FCFCFC;
    --gris: #464646;
    --rose: #FF66F0;
    --blanc07: rgba(252, 252, 252, 0.7);
}

/* ------------------------------------------------- */
/* --------------------- HEADER -------------------- */
/* ------------------------------------------------- */

header{
    color: var(--blanc);
}

header .dot{
    background-color: var(--blanc);
}

.header-bg {
    background-image: url('../img/bg-svg/bg-projet-vrco.svg');
}

/* ------------------------------------------------- */
/* -------------------- IDENTITE ------------------- */
/* ------------------------------------------------- */

.identite-img1 {
    background-image: url('../img/projets-identite/slownation-logo-1.png');
}

.identite-img2 {
    background-image: url('../img/projets-identite/slownation-logo-2.png');
}

.identite-img3 {
    background-image: url('../img/projets-identite/slownation-logo-3.png');
}

.identite-img4 {
    background-image: url('../img/projets-identite/slownation-logo-4.png');
}

.identite-row1 .font-aa,
.font-title,
.font-text {
    font-family: 'Neutral Face';
}


.identite-row2 .font-aa,
.identite-row2 .font-title,
.identite-row2 .font-text {
    font-family: 'Rubik';
}

.identite-gradient {
    background: linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(0, 212, 255, 1) 100%);
}

.identite-imagery {
    background-image: url('../img/projets-identite/vrco-imagery-1.svg');
}

/* ------------------------------------------------- */
/* ---------------------- NEXT --------------------- */
/* ------------------------------------------------- */

.next-bg{
    background-image: url('../img/bg-svg/bg-projet-saintlouis.svg');
}

.section-next a{
    color: var(--noir);
}