svg {
  max-height: 90vh;
  width: 100%;
}

.link {
    stroke: #000;
    stroke-width: 1.5px;
  }
  
  .node {
    cursor: move;
    stroke: #000;
    stroke-width: .07vw;
    fill-rule: evenodd;
  }
  
  .node.fixed {
    stroke: #30dfdf;
    stroke-width: .05vw;
  }



  /* box */

  div#box {
    position: absolute;
    pointer-events: none;
    top: 0px;
    right: 0px;
}

/* visibility box */

div.box_off {
  visibility: hidden;
  pointer-events: none;
}

div.box_on {
  visibility: visible;
  pointer-events: all;
}

/* box content */

div#box_content {
  position: relative;
   /* cursor: text; change to something cool */
  width: 50vw;
  height: 50vh;
  z-index: 1000;
  background: #000;
  opacity: 85%;
  border: solid .2vw #30dfdf;
  border-radius: 8px;    
  font-family: Helvetica, sans-serif; /* change */
  font-size: 2vh;    
  padding: 2vh 2vw;
  text-align: right;
  color: #fff;
}


/* !! somehow adjust screenwidth for desktop (in js */
/* @media(min-width: 768px) {

   #mobile_network {
     display: none;
   }
} */