/* Change the background color of the header to dark gray */
.md-header {
    background-color: #333333; /* Dark gray color */
  }
  
  /* Ensure the logo is visible */
  .md-logo img {
    width: auto;
    height: 40px; /* Adjust the height as needed */
    display: block;
    margin: auto;
  }
  
  /* Blend the sidebar with the background */
  .md-sidebar--primary {
    background-color: #333333; /* Same color as the background */
    padding: 0; /* Remove padding to blend with the background */
    border-right: none; /* Remove border */
    box-shadow: none; /* Remove shadow */
  }
  
  /* Change the text color to ensure readability */
  .md-header, .md-nav, .md-nav__link, .md-nav__title {
    color: #ffffff; /* White text color */
  }
  
  /* Style the navigation links */
  .md-nav__link {
    padding: 10px 15px; /* Add padding for better spacing */
    border-radius: 5px; /* Add rounded corners */
    transition: background-color 0.3s; /* Add a transition effect for hover */
  }
  
  /* Change the background color of navigation links on hover */
  .md-nav__link:hover {
    background-color: #555555; /* Darker gray for hover effect */
  }
  
  /* Style the active navigation link */
  .md-nav__link--active {
    background-color: #444444; /* Darker gray for active link */
    font-weight: bold; /* Make the active link bold */
  }
  
  /* Style the sidebar title */
  .md-nav__title {
    font-size: 1.2em; /* Increase the font size */
    padding: 10px 15px; /* Add padding */
    border-bottom: 1px solid #444; /* Add a bottom border for separation */
    margin-bottom: 10px; /* Add margin below */
    background-color: #333333; /* Same color as the background */
  }
  
  /* Hide the footer text "Made with Material for MkDocs" */
  .md-footer-meta {
    display: none;
  }
  
  /* Adjust the main content to take full width */
  .md-main {
    margin-left: 0;
  }
  
  /* Additional styling to make the sidebar look cleaner */
  .md-nav__item {
    margin-bottom: 10px; /* Add spacing between navigation items */
  }
  
  .md-nav__item .md-nav__link {
    background-color: #333333; /* Match the sidebar background color */
    border: none; /* Remove border */
  }