:root>* {

    --md-footer-bg-color: white;
    --md-footer-fg-color: rgb(231, 230, 255);
    --md-footer-bg-color--dark: white;
    --md-footer-fg-color--lighter:  rgb(231, 230, 255);
    --md-footer-fg-color--light:  rgb(231, 230, 255);
    --mdc-typography-headline6-font-family: 'Space Grotesk', sans-serif;
    --mdc-typography-font-family: 'Space Grotesk', sans-serif;
    --md-typeset-a-color: rgb(55, 55, 230); /* 3,3,14 */

}

/* Dark blue background for the entire website */
body {
    background-color: #13151f !important;
    color: #e7e6ff !important;
}

.md-main {
    background-color: #13151f !important;
}

.md-content {
    background-color: #13151f !important;
}

.md-container {
    background-color: #13151f !important;
}

/* Set text color for all content */
.md-typeset {
    color: #e7e6ff !important;
}

.md-typeset h1,
.md-typeset h2,
.md-typeset h3,
.md-typeset h4,
.md-typeset h5,
.md-typeset h6 {
    color: #e7e6ff !important;
}

.md-typeset p,
.md-typeset li,
.md-typeset blockquote {
    color: #e7e6ff !important;
}

.md-typeset code {
    color: #e7e6ff !important;
}

.md-typeset pre {
    background-color: rgba(231, 230, 255, 0.1) !important;
    color: #e7e6ff !important;
}

/* Navigation and header text */
.md-header__title {
    color: #e7e6ff !important;
}

.md-nav__title {
    color: #0d0db8 !important;
}

.md-nav__link {
    color: #0d0db8 !important;/* #e7e6ff !important;*/
}

.md-nav__link:hover {
    color: #0d0db8 !important;
}

.md-nav__link--active {
    color: #3737e6 !important;/* #03038c !important;*/
    font-weight: 500;
}

/* Footer text */
.md-footer {
    background-color: #13151f !important;
}

.md-footer-meta {
    background-color: #13151f !important;
}

.md-footer-meta__inner {
    color: #13151f !important;
}


.hide-scroll-bar {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .hide-scroll-bar::-webkit-scrollbar {
    display: none;
  }

  .md-typeset .md-button--primary {
    border-width: 1px;
    border-color: rgb(219, 219, 219);
    border-radius: 4px;
  }

.cardContent {
  padding: 16px;
  font-size: 16px;
  color: rgb(10, 15, 14);
}

.md-typeset h2 {
    font-weight: 500;
}

.mdc-typography--body2 {
    font-weight: 300;
    font-size: 14px;
}