:root {
    /* Primary color shades */
    --md-primary-fg-color: #FFFFFF;
    --md-primary-fg-color--light: #68cc80;
    --md-primary-fg-color--dark: #418050;
    --md-primary-bg-color: #505050;
    --md-primary-bg-color--light: hsla(0, 0%, 100%, 0.7);
    --md-text-link-color: #22D081;

    /* Accent color shades */
    --md-accent-fg-color: #D02271;
    --md-accent-fg-color--transparent: hsla(189, 100%, 37%, 0.1);
    --md-accent-bg-color: hsla(0, 0%, 100%, 1);
    --md-accent-bg-color--light: hsla(0, 0%, 100%, 0.7);
  }

:root > * {
    --md-typeset-a-color: #22D081;

/* Code block color shades */
--md-code-bg-color: hsla(0, 0%, 96%, 1);
--md-code-fg-color: #505050;

/* Footer */
--md-footer-bg-color: #222222;
--md-footer-bg-color--dark: hsla(0, 0%, 0%, 0.32);
--md-footer-fg-color: hsla(0, 0%, 100%, 1);
--md-footer-fg-color--light: hsla(0, 0%, 100%, 0.7);
--md-footer-fg-color--lighter: hsla(0, 0%, 100%, 0.3);
}

body *::-webkit-scrollbar {
   width: 7px;
 }
 body::-webkit-scrollbar,
 body *::-webkit-scrollbar {
   width: 10px;
 }

 body::-webkit-scrollbar-thumb,
 body *::-webkit-scrollbar-thumb {
   background-color: var(--green);
 }

 body::-webkit-scrollbar-track,
 body *::-webkit-scrollbar-track {
   background: var(--grey-light);
 }

 /* Shows the MkDocs header when scrolling */

 .md-header {
   top: 61px;
 }

 /* Fixes the issue of the MkDocs nav bar when the announcement message is closed */

 .md-tabs {
   margin-top: -1px;
 }

 /* Position the MkDocs sidebar */

 @media screen and (max-width: 76.1875em) {
   .md-sidebar--primary {
     z-index: 99;
   }
 }

 @media (min-width: 0px) and (max-width: 959px) {
   .md-banner {
     display: none;
   }

   .md-search__form,
   .md-search__output {
     margin-top: 62px;
   }

   #header_main .container {
     padding: 0 1rem;
   }
 }