body {
    background: #ddd;
    max-width: 55em;
    margin: auto;
}


h1, h2 {color: #57075F;}
header,
section,
footer {margin: 1em 2em;padding: 1em 2em;}
header p {font-style: italic;}
section {background: #fff;}

.pie-chart {
    display: inline-block;
    vertical-align: top;
    width: 48%;
    text-align: center;
}
.pie-chart + .pie-chart {
    border-left: 2px solid #eee;
    margin-left: 1%;
    padding-left: 1%;
}

#graphnion-bandwidth {}
#graphnion-bandwidth form {text-align: center;}
#graphnion-bandwidth form div {display: inline-block;}


.axis path,
.axis line {
  fill: none;
  stroke: #ddd;
  shape-rendering: crispEdges;
}

.tick text,
.legend text {
    fill: #666;
}