:root {
    --cheese-primary: #ffaf38;
    --cheese-secondary: #000000;
    --cheese-tertiary: #ffffff;

    /* Primary color shades */
    --md-primary-fg-color: var(--cheese-primary);
    --md-primary-fg-color--light: var(--cheese-primary);
    --md-primary-fg-color--dark: var(--cheese-primary);
    --md-primary-bg-color: var(--cheese-secondary);
    --md-primary-bg-color--light: var(--cheese-secondary);
    --md-text-link-color: var(--cheese-secondary);

    /* Accent color shades */
    --md-accent-fg-color: var(--cheese-secondary);
    --md-accent-fg-color--transparent: var(--cheese-secondary);
    --md-accent-bg-color: var(--cheese-secondary);
    --md-accent-bg-color--light: var(--cheese-secondary);

    --md-nav-bg-color: var(--cheese-tertiary);
  }

  :root>* {
    /* Code block color shades */
    /* --md-code-bg-color: rgb(255, 255, 255);
    --md-code-fg-color: hsla(200, 18%, 26%, 1); */

    /* Footer */
    --md-footer-bg-color: var(--cheese-primary);
    /* --md-footer-bg-color--dark: hsla(0, 0%, 0%, 0.32); */
    --md-footer-fg-color: var(--cheese-secondary);
    --md-footer-fg-color--light: var(--cheese-secondary);
    --md-footer-fg-color--lighter: var(--cheese-secondary);
  }

/* Import the font from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@700&display=swap');

/* Apply the font to headers, make it bold */
.md-header__topic {
    font-family: 'Nunito', sans-serif;
    font-weight: 700;
    font-size: 0em;
    color: rgb(255, 255, 255);
}


/* Increase the size of the logo */
.md-header__button.md-logo img,
.md-header__button.md-logo svg {
  height: 4em;
  width: auto;
}

/* Single color background */
/* .md-header {
    background-image: linear-gradient(to right, #F89D4C, #E20000);

} */

.md-header {
    background-image: linear-gradient(to left, #ffffff, #ffffff);

}

.md-tabs {
  color: #ffffff;
  font-family: 'Nunito', sans-serif;
  font-weight: 700;
  font-size: 0em;
  color: rgb(255, 255, 255);
}

.md-search__form {
    background-color: #ffffff;

  }


.md-footer {
background-image: linear-gradient(to right,  rgb(253, 197, 92),  rgb(253, 197, 92));
text-align: justify;
align-items: justify;
}

/* Left bar make it smaller */


/* Increase the width of the main content */
.md-content {
  max-width: 100%; /* Adjust this value as needed */
  margin: 0 auto;
  margin-left: 0rem; /* Should match the width of .md-sidebar--primary */
  margin-right: 0rem;
}

/* Decrease the width of the ToC bar */
.md-sidebar--secondary {
  width: 10rem; /* Adjust this value as needed */
}

/* Decrease the width of the left sections bar */
.md-sidebar--primary {
  width: 7rem; /* Adjust this value as needed */
}