#chart-container {
    font-family: Arial;
    height: 80vh;
    border: 2px dashed #aaa;
    border-radius: 5px;
    overflow: auto;
    text-align: center;
  }
.title, .content{
    width: 10rem;
}
.content{
    height: 3rem;
}
.orgchart {
    background: #fff; 
  }
  .orgchart td.left, .orgchart td.right, .orgchart td.top {
    border-color: #aaa;
  }
  .orgchart td>.down {
    background-color: #aaa;
  }
  .orgchart .middle-level .title {
    background-color: #D1ACFF;
  }
  .orgchart .middle-level .content {
    border-color: #006699;
  }
  .orgchart .product-dept .title {
    background-color: #009933;
  }
  .orgchart .product-dept .content {
    border-color: #009933;
  }
  .orgchart .rd-dept .title {
    background-color: #993366;
  }
  .orgchart .rd-dept .content {
    border-color: #993366;
  }
  .orgchart .pipeline1 .title {
    background-color: #996633;
  }
  .orgchart .pipeline1 .content {
    border-color: #996633;
  }
  .orgchart .frontend1 .title {
    background-color: #cc0066;
  }
  .orgchart .frontend1 .content {
    border-color: #cc0066;
  }
  
  #github-link {
    position: fixed;
    top: 0px;
    right: 10px;
    font-size: 3em;
  }