h1 {
    position: relative;
    font-size: 2rem;
    font-family: sans-serif;
    -webkit-text-stroke: 0.1vw #383d52;
    text-transform: uppercase;
}

    h1::before {
        content: attr(data-text);
        position: absolute;
        top: 0;
        left: 0;
        width: 0%;
        height: 100%;
        color: black;
        -webkit-text-stroke: 0vw #383d52;
        border-right: 2px solid #4fed51;
        overflow: hidden;
        /* transition:animate 6s linear infinite; */
        animation: animate 6s linear infinite;
    }

@keyframes animate {
    0% {
        width: 0;
    }

    70% {
        width: 100%;
    }
}