@import url('https://cdn.jsdelivr.net/gh/ss-o/fonts@main/Hack/v3.003/web/hack.css');
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono&display=swap');

:root {
  --font-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto",
    "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  --font-serif: Georgia, Times, serif;
  --font-mono: 'JetBrains Mono', Hack, monospace;
  --color-green: #66db23;
  --color-yellow: #ffc822;
  --color-red: #df401c;
  --color-darkgrey: #15171a;
  --color-midgrey: #505050;
  --color-darkmode: #151719;
  --color-lightgrey: #c6cccf;
  --color-wash: #e5eff5;
}

html {
  font-family: 'JetBrains Mono', monospace;
  font-weight: 400;
}

body {
  font-family: Hack, monospace;
  color: lime;
  background-color: var(--color-darkmode);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#body {
  margin: 0 auto;
  position: relative;
}

.legend {
  font-size: 10px;
  line-height: 0.8;
  font-weight: bold;
  color: lime;
  position: relative;
}

.footer {
  font-size: 10px;
  font-weight: bold;
  position: relative;
}

.node {
  cursor: pointer;
}

.node circle {
  cursor: pointer;
  fill: rgb(0, 255, 0);
  stroke: lime;
  stroke-width: 1.5px;
}

.node text {
  font-family: Hack, monospace;
  font-size: 12px;
  line-height: 0.8;
  fill: rgb(0, 255, 0);
  stroke: lime;
}

path.link {
  fill: none;
  stroke: var(--color-midgrey);
  stroke-width: 1px;
}

a:link {
  color: var(--color-yellow);
}

a:visited {
  color: var(--color-green);
}

a:hover {
  color: cyan;
}

#fa {
  color: var(--color-yellow);
}

.gh {
  color: gold;
  font-size: 12px;
}