.navbar {
    background-color: black;
}
.awhighlight {
	color: #ffff00;
}

p, .main li {
	font-family: system-ui, -apple-system, blinkmacsystemfont,
    'Segoe UI', helvetica, arial, sans-serif, 'Apple Color Emoji',
    'Segoe UI Emoji', 'Segoe UI Symbol', Roboto, Helvetica, Arial, sans-serif, Garamond, "Times New Roman", Times, serif;
	font-size: 15px;
}

h1 {
	font-family: Arial, Helvetica, sans;
}


#viewDiv {
      padding: 0;
      margin: 0;
      height: 500px;
      width: 100%;
    }

/* for footer */
.nomargpad{
    margin:0 !important;
    padding:0 !important;
}

.donatebutton {
 color: #ffff00;
}

.toggle.btn-link { text-decoration: none; }
.toggle .arrow { display:inline-block; transition: transform .15s ease-in-out; }
.toggle.collapsed .arrow { transform: rotate(0deg); }
.toggle:not(.collapsed) .arrow { transform: rotate(90deg); }
.details small dt { width: 9rem; }
.details small dd { margin-left: 0; }





/* CSS for network vis */


#chart {
      width: 100%;
      height: 70vh;
    }
    svg {
      width: 100%;
      height: 100%;
      border: 1px solid #ccc;
      cursor: move; /* pan/zoom */
    }
    #chart svg {
    background: #000;     /* Black diagram background */
    border: 1px solid #333;
    }
    #info {
      box-sizing: border-box;
      padding: 0.75rem 1rem;
      border-top: 1px solid #ddd;
      background: #fafafa;
      font-size: 0.9rem;
      min-height: 6rem;
      white-space: pre-wrap;
    }
    #info strong {
      font-size: 1rem;
    }