/*body{
          background:radial-gradient(at 75% 25%, yellow, green, blue);

}*/
body {
    background-color: rgb(4, 191, 204);
}

h1{
   padding-top: 15rem;
    text-align: center;
    font-size: 250px;
    color: chartreuse;
    font-family: "Bricolage" ;
    height: 100vh;
}
.char {
    /* La variable CSS --delay utilise la variable CSS --index, définie dans le HTML */
    text-align: center;
    padding-top: 15rem;
    font-size: 250px;
    font-family: "Bricolage";
    color: chartreuse;
    min-height: 100vh;
    --delay: calc((var(--index) + 1) * 400ms);
    animation: caution 4000ms infinite both;
    animation-delay: var(--delay);
    scroll-snap-align: start;
}

@keyframes caution {
    0% {
        font-variation-settings: 'wght' 100, 'wdth' 85;
    }

    60% {
        font-variation-settings: 'wght' 700, 'wdth' 100;
    }

    100% {
        font-variation-settings: 'wght' 100, 'wdth' 85;
    }
}

p {
    padding-top: 10rem;
    font-size: 70px;
    font-weight: lighter;
    text-align: center;
    font-family: "Velvelyne-Regular";
    color: chartreuse;
}

.dates {

    font-size: 80px;
    font-family: "Bricolage";
    font-weight: 650;
    color: chartreuse;
}

html {
    overflow-y: scroll;
    scroll-snap-type: y mandatory;
}

.j {
    scroll-snap-align: start;
    min-height: 100vh;
}





@font-face {
    font-family: "Fraunces";
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
    src: url("fraunces.woff2") format(woff2) tech(variations),
        url("fraunces.woff2") format("woff2-variations");
}

.fraunces {
    font-variation-settings: "opsz" var(--fraunces-opsz, 9), "wght" var(--fraunces-wght, 900), "SOFT" var(--fraunces-SOFT, 0), "WONK" var(--fraunces-WONK, 1);
}

@font-face {
    font-family: "Fraunces";
    font-weight: 100 900;
    font-style: italic;
    font-display: swap;
    src: url("fraunces-italic.woff2") format(woff2) tech(variations),
        url("fraunces-italic.woff2") format("woff2-variations");
}

.fraunces {
    font-variation-settings: "opsz" var(--fraunces-opsz, 9), "wght" var(--fraunces-wght, 900), "SOFT" var(--fraunces-SOFT, 0), "WONK" var(--fraunces-WONK, 1);
}

/* available OT features: case liga rvrn ss01 */
@font-face {
    font-family: "Ouvrieres affamees";
    src: url(../Ouvrieres-main/web/Ouvrieres-affamees.woff2) format(woff2);
}

@font-face {
    font-family: "Velvelyne-Regular";
    src: url(Velvelyne-Regular.woff2);
}

@font-face {
    font-family: "Bricolage";
    src: url("bricolage/bricolage.woff2") format("woff2 supports variations"),
        url("bricolage/bricolage.woff2") format("woff2-variations");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.bricolage {
    font-variation-settings: "wght" var(--bricolage-wght), "wdth" var(--bricolage-wdth), "opsz" var(--bricolage-opsz);
}