body {
  font-family: Arial, sans-serif;
  background-color: #1A1A1A; /* Dark background */
  color: #E0E0E0; /* Light grey text color for general content */
}

h1, h2, h3 {
  color: #58A6FF; /* Slightly lighter blue for headings, reminiscent of ChatGPT's color scheme */
}

/* Links (if you have any) */
a {
  color: #58A6FF; /* Same as headings for consistency */
  text-decoration: none; /* Optional: Removes underline from links */
}

a:hover {
  text-decoration: underline; /* Optional: Underline on hover for better user experience */
}

/* Footer Styles */
footer {
  background-color: #2D2D2D; /* Slightly lighter than body for subtle contrast */
  padding: 10px 0;
  text-align: center;
  color: #E0E0E0; /* Ensuring footer text is also light grey */
}

/* Header Styles */
.header-nav {
  float: right;
}

.header-nav > li {
  display: inline-block;
  color: #E0E0E0; /* Changing the color for menu items to light grey */
}

.header-nav > li > a {
  color: #E0E0E0; /* Ensuring links in the navigation are also light grey */
}

/* Additional Styles for Contrast and Visibility */
/* You may want to add additional styles for buttons, forms, or other elements to ensure they align with the new color scheme */