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

@font-face {
    font-family: 'New Paris Skyline';
    src: url('../fonts/NewParisSkyline-Regular.woff2') format('woff2'),
        url('../fonts/NewParisSkyline-Regular.woff') format('woff');
    font-weight: 400;
    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-bg {
    background-image: url('../img/bg-svg/bg-projet-curiocites.svg');
}

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

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

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

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

.identite-row1 .font-aa,
.font-title,
.font-text {
    font-family: 'New Paris Skyline';
}


.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-logo{
    background-color: #180720;
}

.identite-logo img{
    max-width: 80%;
}

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

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

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