styles.css

@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: local("Raleway"), local("Raleway-Regular"), url(fonts/Raleway.woff) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; }
html, body, svg {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  overflow: hidden;
  font-family: 'Raleway', sans-serif;
  font-size: 10px; }

.project div {
  background-color: white;
  border-width: 1px;
  border-style: solid; }

.node {
  cursor: pointer; }

svg div {
  height: auto;
  padding: 3px;
  text-align: center; }

circle {
  stroke: #555;
  stroke-width: 1px; }

line {
  stroke-width: 2; }

text {
  text-anchor: middle; }

button {
  float: right;
  border: 2px solid #f01414;
  background: white;
  border-radius: 4px;
  padding: 10px;
  cursor: pointer; }
  button:hover {
    background-color: #ddd; }
  button:active {
    background-color: #aaa; }

.is-list .if-diagram,
.is-diagram .if-list {
  display: none; }

#showList {
  position: absolute;
  top: 5px;
  left: 5px; }

#list {
  position: relative;
  height: 100%;
  width: 300px;
  overflow: auto;
  margin: 60px 0; }
  #list > div {
    padding-bottom: 70px; }
    #list > div > div {
      border: 1px solid #ddd;
      border-radius: 4px;
      padding: 5px;
      margin: 5px;
      text-align: left;
      cursor: pointer; }
      #list > div > div:hover {
        background-color: #eee; }
      #list > div > div > div {
        display: none; }
      #list > div > div.active > div {
        display: block; }

#overlay {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6); }
  #overlay div {
    background-color: white;
    width: 400px;
    max-width: 100%;
    padding: 20px 50px 60px;
    margin: 5em auto;
    text-align: left;
    line-height: 1.35em;
    font-size: 1.2em; }
  #overlay p.labled {
    position: relative;
    margin-left: 100px;
    word-wrap: break-word; }
    #overlay p.labled b {
      position: absolute;
      left: -100px; }

/*# sourceMappingURL=styles.css.map */