#header {
  position: absolute;
  display: block;
  top: 20px;
  left: 120px;
  font: 300 32px "Helvetica Neue";
  color: #525252;
  z-index: 0;
}

#sub-header {
  top: 20px;
  font: 300 32px "Gill Sans";
  color: rgb(116, 169, 207);
}



path.diamond {
  position: absolute;
  top: 80px; 
  stroke-width: 0px;
  stroke: rgb(224, 224, 224);
  fill: url(#radial-gradient);
  z-index: 0;
}
 
 svg.pathContainer {
  position: absolute;
  top: 60px; 
  z-index: 0;
   }

text.diamond-label {
  position: absolute;
  display: block;
  fill: #525252;
  font: 500 28px "Gill Sans";
  
} 
  
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}


svg.voronoi {
  position: absolute;
  top: 250px; 
  left: 198px;
  z-index: 25;
}

svg.voronoi:nth-child(10n+1) {
  margin-right: 0;
}

path.voronoi {
  position: absolute;
  top: 80px; 
  fill-opacity: .2;
  stroke: #fff;
  stroke-opacity: .75;
  stroke-width: .5px;
  z-index: 25;
}

circle.voronoi {
  stroke: #fff;
}

 #chart {
  position: absolute;
  left: 620px;
  top: 200px;
 }  
  
#implications {
  position: absolute;
  left: 600px;
  top: 440px;
 }  


.lever { font: 11px sans-serif;}
.lever .marker.s0 { stroke: rgb(116, 169, 207); stroke-width: 5px; }
.lever .marker.s1 { stroke: #f6b23d; stroke-width: 7px; }
.lever .axis line, .lever .axis path { stroke: #666; stroke-width: .5px; fill: none; } 
.lever .range.s0 { fill-opacity: 1; fill: #bbb;}
.lever .range.s1 { fill-opacity: .75; fill: #ddd; }
.lever .range.s2 {  fill-opacity: 1; fill: #eee;}
.lever .measure.s0 { fill: #969696; fill-opacity: .85;}
.lever .measure.s1 { fill: #525252; fill-opacity: 0;}
.lever .title { font-size: 20px; font-weight: 300;  fill: #525252; font-family: Gill Sans;}
.lever .subtitle { fill: #999; font-size: 12px; }
 
 
.implication { font: 11px sans-serif;}
.implication .marker.s0 { stroke: rgb(116, 169, 207); stroke-width: 5px; }
.implication .marker.s1 { stroke: #f6b23d; stroke-width: 7px; }
.implication .axis line, .bullet .axis path { stroke: #666; stroke-width: .5px; }
.implication .range.s0 { fill-opacity: 0; fill: rgb(227, 26, 28);}
.implication .range.s1 { fill-opacity: 0; fill: rgb(255, 237, 111); }
.implication .range.s2 {  fill-opacity: 0; fill: rgb(240, 240, 240);}
.implication .measure.s0 { fill: #969696; fill-opacity: .85;}
.implication .measure.s1 { fill: #525252; fill-opacity: 0;}
.implication .title { font-size: 20px; font-weight: 300;  fill: #525252; font-family: Gill Sans;}
.implication .subtitle { fill: #999; font-size: 12px; }

.implication .label { font-size: 20px; font-weight: 400;  fill: #525252; font-family: "Helvetica Neue";}

.implication .axis text {
  font: 10px sans-serif;
}

.implication .axis path,
.implication .axis line {
  fill: none;
  stroke: rgb(221, 52, 151); 
  stroke-width: 5px;
  shape-rendering: crispEdges;
}