body
{
margin: 0;
padding: 0;
font-size: 14px;
}

svg
{
overflow: hidden;
}

#container
{
width: 95vw;
margin: 1vw auto 0 auto;
}

.axis, .gridv, .gridh, .current
{
stroke: #000000;
stroke-opacity: 0.2;
}

.gridv, .gridh
{
stroke-dasharray: 1, 3;
}

.captions, .labelsh, .labelsv, .start
{
stroke: none;
fill: #000000;
font-size: 12px;
}

.captions
{
text-anchor: middle;
font-size: 14px;
display: none;
}

.labelsh, .labelsv
{
text-anchor: middle;
}

.lines
{
fill: none;
stroke-width: 3px;
stroke-dasharray: 4, 4;
}

.endpoints, .points
{
fill: #ffffff;
stroke-width: 4px;
}

.arrows
{
display: none;
}

@media screen and (min-width: 640px)
{
.arrows, .captions
{
display: block;
}
}