@keyframes stroke {
    100% {
        stroke-dashoffset: -400;
    }
}
svg:hover {
    transition: all 0.5s ease-in-out;
}
img,
svg,
path {
    vertical-align: middle;
    transition: all 0.5s ease-in-out;
}
.txtovers .text, .txtover .text {
    fill: none;
    stroke-width: 2px;
    stroke-linejoin: round;
    stroke-dasharray: 0;
    stroke-dashoffset: 0;
    stroke: #999;
    font-size: 128px;
    line-height: normal;
}

.txtover a:hover .text:nth-child(5n+1) {
    stroke: #999;
    -webkit-animation-delay: -1.2s;
    animation-delay: -1.2s;
}

.txtover a:hover .text:nth-child(5n+2) {
    stroke: #999;
    -webkit-animation-delay: -2.4s;
    animation-delay: -2.4s;
}

.txtover a:hover .text:nth-child(5n+3) {
    stroke: #ff640d;
    -webkit-animation-delay: -3.6s;
    animation-delay: -3.6s;
}

.txtover a:hover .text:nth-child(5n+4) {
    stroke: #999;
    -webkit-animation-delay: -4.8s;
    animation-delay: -4.8s;
}

.txtover a:hover .text:nth-child(5n+5) {
    stroke: #ff640d;
    -webkit-animation-delay: -6s;
    animation-delay: -6s;
}
.txtover a {
    display: flex;
}
.txtover a:hover .text {
    -webkit-animation: stroke 6s infinite linear;
    animation: stroke 6s infinite linear;
    stroke-dasharray: 70 330;
}


.txtovers .text:nth-child(5n+1) {
    stroke: #999;
    -webkit-animation-delay: -1.2s;
    animation-delay: -1.2s;
}

.txtovers .text:nth-child(5n+2) {
    stroke: #999;
    -webkit-animation-delay: -2.4s;
    animation-delay: -2.4s;
}

.txtovers .text:nth-child(5n+3) {
    stroke: #ff640d;
    -webkit-animation-delay: -3.6s;
    animation-delay: -3.6s;
}

.txtovers .text:nth-child(5n+4) {
    stroke: #999;
    -webkit-animation-delay: -4.8s;
    animation-delay: -4.8s;
}

.txtovers .text:nth-child(5n+5) {
    stroke: #ff640d;
    -webkit-animation-delay: -6s;
    animation-delay: -6s;
}
.txtovers {
    display: flex;
}
.txtovers .text {
    -webkit-animation: stroke 6s infinite linear;
    animation: stroke 6s infinite linear;
    stroke-dasharray: 70 330;
}