body {
  position: relative;
  font-family: "Helvetica Neue";
  width: 960px;
  margin: auto;
  margin-top: 0px;
  margin-bottom: 4em;
}

footer {
  font-size: small;
  margin-bottom: 8em;
  margin-right: 8em;
}

h1 {
  position: relative;
  font-family: "Helvetica Neue";
}

aside {
  font-size: medium;
  left: 580px;
  position: absolute;
  width: 5200px;
}

#info {
  position: absolute;
  left: 680px;
  width: 400px;
  top: 140px;
  font: 400 18px "Helvetica Neue";
  color: #525252;
}

svg {
  position: absolute;
  left: -100px;
  top: 14px;
}

body > p {
  line-height: 1.5em;
  width: 720px;
}

a {
  color: steelblue;
}

a:not(:hover) {
  text-decoration: none;
}

text {
  font: 400 14px "Helvetica Neue";

}

#circle circle {
  fill: none;
  pointer-events: all;
}

.group path {
  fill-opacity: .5;
}

path.chord {
  stroke: #000;
  stroke-width: .25px;
  fill-opacity: .85;
  }

#circle:hover path.fade {
  fill-opacity: .1;
}

#circle:hover path.show {
  fill: #000;
}