* {
    margin: 0;
    overflow: hidden;
    background-color: #e7eaec;
}

#cheminvisible {
    stroke-width: .5px;
}

svg {
    width: 100%;
    height: auto;
}

#titre {
    font-family: "fluxisch";
    text-transform: uppercase;
    /* font-size : 50px; */
    animation: 35s spacing-mouv ease-in-out infinite;
}

#part-un {
    animation: 35s part-un ease-in-out infinite;
}

#part-deux {
    animation: 35s part-deux ease-in-out infinite;
}

@keyframes spacing-mouv {

    0% {
        letter-spacing: -3px;
        font-size: 5px;
        fill: rgb(230, 230, 235);
    }

    100% {
        letter-spacing: 3px;
        font-size: 10px;
        fill: rgb(70, 102, 61);
    }

}

@keyframes part-un {

    0% {
        letter-spacing: -3px;
        font-size: 5px;
    }

    70% {
        letter-spacing: 3px;
        font-size: 10px;
    }

    100% {
        letter-spacing: 8px;
        font-size: 15px;
    }

}


@keyframes part-deux {

    0% {
        letter-spacing: -3px;
        font-size: 5px;
    }

    70% {
        font-size: 10px;
    }

    100% {
        letter-spacing: 15px;
        font-size: 30px;
    }

}

@font-face {
    font-family: "fluxisch";
    src: url(FluxischElse-Light.woff);
}