svg.Ribbon polyline,
svg.Ribbon path {
    stroke-opacity: 0.5;
    stroke: var(--bcolor);
    stroke-width: 1px;
    fill: none;
}


#dText span.ribon
{
    margin-right: 0;
    animation: spike  var(--period) ease-in-out forwards var(--duration);
    animation-delay: 1s;
}

@keyframes spike{
    25%{
        margin-right: var(--marg);
    }
    75%{
        margin-right: calc( -1 * var(--marg));
    }
}

#dText span.ribon:before {
    content: '\a';
    white-space: pre;
}