/* Light Mode Styles (default) */
#loadingBar {
    position: fixed;
    top: 0;
    left: 0;
    width: 0%;
    height: 4px;
    background-color: #4caf50; /* Change to your preferred color */
    z-index: 1000; /* Ensures it's above other elements */
    transition: width 0.5s ease-out;
}

body {
  background-color: #fff; /* Light background */
  /* Other body styles remain as they are */
}

#console {
  font-family: courier, monospace;
  color: #ff0096; /* Dark text for light mode */
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 100px;
  font-size: 14px;
}

a {
  color: #006699; /* Darker blue for light mode */
  text-decoration: none;
}

#a {
  color: #009900; /* Darker green for light mode */
}

#c {
  color: #39BDFF; /* Darker cyan for light mode */
}

#b {
  color: #ff0096; /* Darker pink for light mode */
}

#k {
  animation: change 1s;
}

#op {
  color: #555555; /* Darker grey for light mode */
}

@keyframes change {
  0% {
    color: #009900; /* Darker green for light mode */
  }
  50% {
    color: #009900; /* Darker green for light mode */
  }
  99% {
    color: #333333; /* Darker color for light mode */
  }
}

/* Dark Mode Styles */
@media (prefers-color-scheme: dark) {
  body {
    background-color: #000; /* Dark background */
    /* No changes to text color */
  }

  #console {
    color: #ff0096; /* Original light text color for dark mode */
  }

  a {
    color: #0bc; /* Original light blue for dark mode */
  }

  #a {
    color: #0f0; /* Original light green for dark mode */
  }

  #c {
    color: #0bc; /* Original light cyan for dark mode */
  }

  #b {
    color: #ff0096; /* Original light pink for dark mode */
  }

  #op {
    color: #888888; /* Original grey for dark mode */
  }

  @keyframes change {
    0% {
      color: #0f0; /* Original light green for dark mode */
    }
    50% {
      color: #0f0; /* Original light green for dark mode */
    }
    99% {
      color: black; /* Original color for dark mode */
    }
  }

  /* No changes to other element styles */
}