main.css

.header {
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.header > h3, h5 {
    margin: 0;
    padding-top: 40px;
    text-align: center;
}

/* Include any custom CSS styling here! */

svg {
    display: block;
    margin: 0 auto;
}

.tooltip {
    position: absolute;
    font-size: 10px;
    min-width: 50px;
    padding: 5px;
    width:  auto;
    height: auto;
    pointer-events: none;
    background-color: white;
    text-align: center;
    border-radius: 3px;
}

select {
    padding: 10px;
    width: 100%;
    height: 30px;
    background-color: white;
    box-shadow: 1px 3px 3px rgb(167, 167, 167);
    font-size: .9em
 }

 #flow-container {
    display: flex;
    justify-content: center;
    flex-direction: column;
 }

 #flow-options {
     width: 175px;
     display:block;
     margin: 0px auto;
 }

 #flow-options p {
    font-size: .9em;
    text-align: center;
}

 #flow-options h5 {
    margin-bottom: 10px;
}

 #network-tt {
     width: 150px;
 }

 #writeup {
    margin: 0 150px;
    margin-top: 30px;
 }

.node-selected {
    stroke-width: 2px;
    stroke: yellow;
}

 #writeup b {
     color: #e7525c;
 }

 #question-1 li {
     font-weight: 500;
 }

 #med-connections-count {
    color: #e7525c;
 }

 #top-connections-count {
    color: #e7525c;
}


 /* makes dashboard responsive for various screen sizes */
 @media (max-width: 1200px) {
    #flow-container {
      flex-direction: row;
    }
    #flow-options {
        margin-top: 60px;
        margin: 60px 10px;
    }
  }