svg [class^="cls-"] {
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    animation: draw 2.5s ease forwards;
}

svg .cls-6  { stroke-dasharray: 1300;
    stroke-dashoffset: 1300; }

svg .cls-7  { animation-delay: 0s; }
svg .cls-6  { animation-delay: 0.8s; }
svg .cls-5  { animation-delay: 1.1s; }
svg .cls-1  { animation-delay: 1.3s; }
svg .cls-3  { animation-delay: 1.7s; }
svg .cls-9  { animation-delay: 2.0s; }
svg .cls-4  { animation-delay: 2.3s; }
svg .cls-8  { animation-delay: 2.6s; }
svg .cls-2  { animation-delay: 2.9s; }
svg .cls-10 { animation-delay: 3.2s; }

@keyframes draw {
    to {
        stroke-dashoffset: 0;
    }
}