.md-header {
    background-color: #003c64 !important; /* your custom Spacecode blue */
    color: white;
}

.md-header__title, .md-header a {
    color: white !important;
}

.md-header__button.md-logo {
    display: flex;
    border-radius: 8px;
    align-items: center;
    justify-content: center;
    height: 100%; /* ensures vertical alignment */
    padding: 0.5rem;
    background-color: white; /* optional if you want white background */
}

.md-header__button.md-logo img {
    height: 48px; /* or larger */
    width: auto;
}

/* Optional: container styling for spacing */
.md-sidebar__scrollwrap > .md-nav__title {
    background-color: white;
    padding: 1rem;
    text-align: center;
}

/* Optional: force logo background in dark mode */
[data-md-color-scheme="default"] .md-header__button.md-logo {
    background-color: white;
}

body {
    font-family: "Roboto", sans-serif;
}




/* Increase font size, weight, and adjust margins of section titles*/
h2 {
    font-size: 1.75rem;      /* Adjust the font-size as needed */
    font-weight: 700;        /* Makes the heading bolder */
    color: #003c64;             /* Change to your preferred color */
    margin-top: 1.00em;      /* Optional: Adjust the spacing above the heading */
    margin-bottom: 0.5em;    /* Optional: Adjust the spacing below the heading */
  }

h3 {
    font-size: 1.75rem;      /* Adjust the font-size as needed */
    font-weight: 700;        /* Makes the heading bolder */
    color: #003c64;             /* Change to your preferred color */
    margin-top: 1.00em;      /* Optional: Adjust the spacing above the heading */
    margin-bottom: 0.5em;    /* Optional: Adjust the spacing below the heading */
  }


/* Reduce the top margin for paragraphs that immediately follow an h4 heading */
h4 + p {
    margin-top: 0.25rem; /* Set a smaller top margin for the text following an h4 */
  }