SVG Text Animation Using Stroke Offset Method

Loved the text animation at Wokine.com so I tried to recreate it here. I noticed they used simple shapes to create the words. I did that using svg lines and circles, and animated the stroke-offset attribute of each one to give it this animation. Animated it using css keyframes and animations.