styles.css

body {
    font-family: Arial, sans-serif;
  }
  h1 {
    text-align: center;
  }

  header h1 {
    font-size: 30px;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
    line-height: 1.45em;
    font-weight: 300;
    color: rgba(255, 255, 255, 0.7);
  }

  header {
    border-bottom: solid 1px rgba(0,0,0,0.4);
    background-color: #183D4E;
    color: white;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    position: relative;
  }
 
.node {
  stroke: grey;
  stroke-width: 1px;
  cursor: pointer;
}

.node.idle {
  fill: #e8edfc;

}

.node.requesting {
  fill: orange;
}

.node.locked {
  fill: green;
}

.node.failed {
  fill: red;
}

.entire-page {
  margin-left: auto;
  margin-right: auto;
}


line {
  stroke: black;
  stroke-width: 2px;
}

line.requesting {
  stroke-dasharray: 5, 5; /* Dashed line */
}

line.locked {
  stroke: green;
}