/* General background and text colors */
body {
  background-color: #222222; /* Dark gray background */
  color: #ffffff;           /* White text for better contrast */
}

/* Headers (h1, h2, h3, etc.) */
h1, h2, h3, h4, h5, h6 {
  color: #f5f5f5; /* Slightly lighter white for headers */
}

/* Links */
a {
  color: #1e90ff; /* DodgerBlue for links */
  text-decoration: none;
}

a:hover {
  color: #ff4500; /* OrangeRed on hover */
  text-decoration: underline;
}

/* Code blocks */
pre, code {
  background-color: #333333; /* Darker gray for code blocks */
  color: #dcdcdc;           /* Light gray text for code */
  border-radius: 5px;
  padding: 10px;
}

/* Navigation bar */
.navbar {
  background-color: #444444; /* Medium gray */
  color: #ffffff;            /* White text */
}

.navbar a {
  color: #ff4500;
}

.navbar a:hover {
  color: #ff4500;
}

/* Common font for navbar-title and navbar-toggler */
/*.navbar-title, .menu-text  {
  font-size: 1.0rem; /* Adjust size as needed */
/*}*/

/* Navigation bar text */
.navbar .navbar-title,
.navbar .menu-text,
.navbar a {
  font-size: 1.2rem; /* Adjust to your desired size: 0.9rem, 1.1rem, etc. */
}

/* Footer */
footer {
  background-color: #222222; /* Dark gray background */
  color: #ffffff;           /* White text for better contrast */
}

/* Buttons */
button {
  background-color: #1e90ff; /* DodgerBlue */
  color: #ffffff;
  border: none;
  padding: 10px 15px;
  border-radius: 5px;
  cursor: pointer;
}

button:hover {
  background-color: #ff4500; /* OrangeRed */
}

/* Tables */
table {
  width: 100%;
  border-collapse: collapse;
  background-color: #2b2b2b; /* Darker gray */
  color: #ffffff;
}

th, td {
  border: 1px solid #444444;
  padding: 8px;
  text-align: left;
}

th {
  background-color: #444444; /* Medium gray for table headers */
}


/* Adjust the title font size */
.title {
  font-size: 1.7rem; /* Change this value to make the title smaller or larger */
}