.logo {
    width: 64px;
    height: 64px;
}

    .logo path {
        stroke-width: 5;
        fill: none;
        stroke-dasharray: 1100;
        stroke-dashoffset: 1100;
    }

    .logo .color-fill1 {
        stroke: url(#SVGID_1_);
        animation: draw 7s infinite cubic-bezier(0.4, 0, 0.2, 1), fillOpacity 7s infinite cubic-bezier(0.4, 0, 0.2, 1);
        animation-delay: 0s, 0s;
        fill: url(#SVGID_1_);
        fill-opacity: 0.2;
    }

    .logo .color-fill2 {
        stroke: #333334;
        animation: draw 7s infinite cubic-bezier(0.4, 0, 0.2, 1), fillOpacity 7s infinite cubic-bezier(0.4, 0, 0.2, 1);
        animation-delay: 0s, 0s;
        fill: #333334;
        fill-opacity: 0.2;
    }

@keyframes draw {
    0% {
        stroke-dashoffset: 1100;
    }

    50% {
        stroke-dashoffset: 0;
    }

    100% {
        stroke-dashoffset: 1100;
    }
}

@keyframes fillOpacity {
    0% {
        fill-opacity: 0.1;
    }

    50% {
        fill-opacity: 1;
    }

    100% {
        fill-opacity: 0.1;
    }
}