.path {
        stroke-width: 10;
        stroke: #000000;
        fill:  transparent;
    }

    .pathCircle {
        animation: dashCircle 1s linear;
        animation-fill-mode: forwards;
    }

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

    .pathLine {
        animation: dashLine 0.4s linear;
        animation-delay: 1s;
        animation-fill-mode: forwards;
     }

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

    .pathLine2 {
        animation: dashLine2 0.4s linear;
        animation-delay: 1.4s;
        animation-fill-mode: forwards;
     }

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

    .pathLine3 {
        animation: dashLine3 0.4s linear;
        animation-delay: 1.8s;
        animation-fill-mode: forwards;
     }

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