﻿svg text {
    cursor: pointer;
}

polyline {
    stroke-dasharray: 100;
    cursor: pointer;
}

.polyline2 {
    stroke-dasharray: 110;
}

.polyline3 {
    stroke-dasharray: 90;
}


.polyline4 {
    stroke-dasharray: 95;
}


.polyline5 {
    stroke-dasharray: 105;
}

.polyline6 {
    stroke-dasharray: 85;
}

polyline.cover {
    animation: cover 2s ease 1 both;
    animation-duration: 1000ms;
}

polyline.uncover {
    animation: uncover 2s ease 1 both;
    animation-duration: 1000ms;
}



@keyframes cover {
    to {
        stroke-dashoffset: 100;
    }

    from {
        stroke-dashoffset: 0;
    }
}


@keyframes uncover {
    to {
        stroke-dashoffset: 0;
    }

    from {
        stroke-dashoffset: 100;
    }
}
