/* Change the color of all <h1> headers (title in this case) to black */
h1 {
  color: black;
}

/* Set the body background */
body {
  background-color: white;
}

/* Prevent headers from being capitalized */
h1, h2, h3, h4, h5, h6 {
  text-transform: none;  /* Removes any uppercase transformation */
}


/* Adjust the content area to take full width of the page */
.page-full {
  background-color: #6EAFC0;  /* Light background color */
  color: black;  /* Default text color to black */
  padding: 0; /* Remove any extra padding */
  margin: 0; /* Remove extra margins */
}

/* Ensure links inside the page have the correct color */
.page-full a {
  color: black;
}

/* Hide the sidebar completely */
.sidebar {
  display: none !important;
}

/* Ensure the content takes the full width */
.content {
  width: 100%;  /* Take full width of the page */
  max-width: 100%;  /* Remove max-width constraint */
  padding: 0;  /* Remove padding */
  margin: 0 auto;  /* Center content */
}

/* Style the heading for the About section */
.page-about .content h1 {
  font-size: 2.5em;
  text-align: left;  /* Align the heading to the left */
  margin-top: 20px;  /* Add some space above the heading */
  color: #333;  /* Change heading color */
}

/* Stretch the content across the full width, with no padding */
.page-about .main-content {
  width: 100%;  /* Take full width */
  padding: 0;  /* Remove padding */
  margin: 0;  /* Remove margin */
}

/* Remove any unwanted margins and padding for full-page layout */
.page-full .content {
  margin: 0; /* Remove extra margins */
  padding: 0; /* Remove padding */
}

/* Optional - Adjust content padding for About Me section */
.page-about {
  padding: 20px;  /* Optional padding for the About Me section */
}