.line {
    fill: none;
    stroke: steelblue;
    stroke-width: 2;
}
/* Increase the size of the tick labels */
.axis--x .tick text {
    font-size: 16px;
    fill: black;
    transform: rotate(-45deg);
    text-anchor: end;
    dx: -.8em;
    dy: .15em;
}

.x.axis text {
    transform: rotate(-45deg);
    text-anchor: end;
    dx: -.8em;
    dy: .15em;
}

/* Make the tick lines thicker and darker */
.x.axis .tick line {
    stroke-width: 2px;
    stroke: black;
}

/* Make the axis line thicker and darker */
.x.axis path.domain {
    stroke-width: 2px;
    stroke: black;
}

.data-point {
    fill: red;
    stroke: black;
    stroke-width: 1;
    opacity: 0.5;
}

/* Min and max lines     */

#maxLine,  #minLine {
    stroke: red;
    stroke-width: 1;
    stroke-dasharray: 5, 5;
}