.animated {
	stroke-dasharray: 3500; // does not animate
	stroke-dashoffset: 3500;
	stroke-linejoin: round;
	animation: dash 5s linear forwards;
}

@keyframes dash {
	from {stroke-dashoffset: 3500;}
	to {stroke-dashoffset: 0;}
}

.animated_ti {
    stroke-dasharray: 2000;
    stroke-dashoffset: 2000;
    stroke-linejoin: round;
    animation: dash_ti 5s linear forwards;
}

@keyframes dash_ti {
    from {stroke-dashoffset: 2000;}
    to {stroke-dashoffset: 000;}
}

.animated_ip {
    stroke-dasharray: 2500;
    stroke-dashoffset: 2500;
    stroke-linejoin: round;
    animation: dash_ip 6s linear forwards;
}

@keyframes dash_ip {
    from {stroke-dashoffset: 2500;}
    to {stroke-dashoffset: 0;}
}

.animated_im {
    stroke-dasharray: 3400;
    stroke-dashoffset: 3400;
    stroke-linejoin: round;
    animation: dash_im 5s linear forwards;
}

@keyframes dash_im {
    from {stroke-dashoffset: 3400;}
    to {stroke-dashoffset: 0;}
}