.typing-text span::before{
    content: "software developer";
    color: #FF0000;
    animation: words 5s infinite ;
}

.typing-text span::after{
    content: "";
    background-color: black;
    /* position: absolute; */
    width: calc(100% + 8px);
    height: 100%;
    border-left: 3px solid black;
    right:-8;
    animation: cursor 0.6s infinite;

}

@keyframes cursor{
    to{
        border-left: 3px solid #FF0000;
    }
}

@keyframes words{
    0%, 20%{
        content: "softwere developer";
    }
    21%, 40%{
        content: "Wordpress developer";
    }
    41%, 60%{
        content: "UI/UX Designer";
    }
    61%, 80%{
        content: "Graphic Designer";
    }
}