body {
  font-family: Helvetica, sans-serif;
  font-size: 13px;
}

a {
  color: #008cc9;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

h2 {
  font-size: 13px;
  margin: 0;
  padding: 0;
}

circle.node {
  stroke: #fff;
  stroke-width: 1.5px;
}

line.link {
  stroke: #999;
  stroke-opacity: .2;
}

text {
    font-size: 20px;
    color: #000;
    fill: #000;
    font-family: sans-serif;
    text-transform: uppercase;
    stroke: #fff;
    font-weight: bold;
}

.skill {
  z-index: 100;
}

.d3-tip {
  margin-top: 10px;
  background: rgba(0, 0, 0, .9);
  color: #fff;
  padding: 10px;
  border-radius: 2px;
  width: 240px;
  text-align: left;
}

.d3-tip img{
  width: 100%;
  margin: 10px auto;
}

p {
  margin: 0;
  padding: 0;
}

.headline {
  margin-bottom: 10px;
  font-style: italic;
}

.node {
  cursor: pointer;
}

.hover {
  stroke: #000;
  stroke-width: 1px;
  border: 2px solid red;
}


.con {
  /*margin: 4px 0px;*/
  margin-bottom: 10px;
  font-weight: normal;
  color: #ccc;
}

/* .horror img { */
/*   width: 100px; */
/* } */