@font-face {
    font-family: Championne;
    src: url(fonts/Championne-Medium.otf);

    src: url(fonts/Championne-Medium.otf#iefix) format("opentype"),
        url(fonts/Championne-Medium.woff2) format("woff2"),
        url(fonts/Championne-Medium.woff) format("woff"),
        url(fonts/Championne-Medium.ttf) format("truetype");
    font-weight: 400;
    font-display: swap;
    font-style: normal
}

html {
    --background-color: #241161;
    --text-color-01: #c9ebff;
    --text-color-02: #e21ea7;
    --text-color-03: #4c003d;

    /*COULEUR DU TEXTE SÉLECTIONNÉ*/
    ::selection {
        color: var(--text-color-03);
        background: var(--text-color-02);
    }
}

body {
    min-height: 90vh;
    margin: 0;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 60px;
    justify-content: center;
    align-items: center;

    background-color: var(--background-color);
    color: var(--text-color-01);
    font-size: 20px;
    font-family: Championne, Arial, Helvetica, sans-serif;

    h1, h2, h3, h4, h5{
        text-decoration: none;
        font-weight: 400;
    }
}

h1{
    font-size: 50px;
}

.highlight{
    color: var(--text-color-02);
}