body {background-color: white;}
.bond {stroke: black;}
.bond.hovered {stroke: blue; 
    opacity: 0.3;
    stroke-width: 6px;
}
.bond.selected {stroke: red; 
}

.label {
  font-family: sans-serif;
  text-anchor: middle;
  dominant-baseline: central;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  cursor: default;
}

circle {stroke-width: 0;}

circle.hovered {
    fill: blue;
    opacity: 0.3;
}

circle.selected {
    fill: red;
    opacity: 0.5;
}

.status {
  font-family: monospace;
}