/* Home Titre */

@keyframes line-letter {
    to {
        stroke-dashoffset: 0;
    }
}

@keyframes line-rect1 {

    0%,
    100% {
        stroke-dashoffset: 1778;
        fill: transparent;
    }

    50% {
        stroke-dashoffset: 0;
        fill: #4f54eb28;

    }
}


@keyframes line-rect2 {

    0%,
    100% {
        stroke-dashoffset: 1848;
        fill: transparent;
    }

    50% {
        stroke-dashoffset: 0;
        fill: #4f54eb28;
    }
}

@keyframes rect-img {

    0%,
    100% {
        stroke-dashoffset: 1312;
        fill: transparent;
    }

    50% {
        stroke-dashoffset: 0;
        fill: #D1D6FF;
    }
}


@keyframes fill {
    from {
        fill: transparent;
    }

    to {
        fill: #4f54eb;
        ;
    }
}

@keyframes visibi {

    to {
        opacity: 1;
    }
}


/* animation jelly*/


@keyframes jello-horizontal {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

/* cercle about bg */

@keyframes do-levitation {
    0% {
        transform: translate(1rem, 0);
        fill: #FFF9E4;
    }

    100% {
        transform: translate(0, 2rem);
        fill: #D1D6FF;
    }
}


/* pas utilisé pour le moment */

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}