:root {
  --background-color: black;
  --overlay-background-color: rgba(11, 11, 11, 0.7);
  --overlay-background-transparent-color: rgba(0, 0, 0, 0);
  --line-color: #9a9a9a;
  --text-color: white;
  --accent-color: yellow;
  --link-color: #ffffa7;
  --visited-color: #f1f19b;
}

body {
  margin: 0;
  background-color: var(--background-color);
  font-size: 12px;
  font-family: Arial, sans-serif;
  color: var(--text-color);
}

#globeDiv {
  width: 100%;
  height: 100vh;
}

hr {
  border: 1px solid var(--line-color);
}
/* Link before click */
a {
  color: var(--link-color); /* Link color before click */
  text-decoration: none; /* Optional: remove underline */
}

/* Link after click (visited) */
a:visited {
  color: var(--visited-color); /* Color after the link is visited */
}

/* Optional: hover and active states */
a:hover {
  color: var(--link-color); /* Color when hovering */
}

a:active {
  color: var(--link-color); /* Color while clicking */
}