.md-header {
    --md-primary-fg-color: #03132A;
    --md-primary-bg-color: #3cc3dd;
  }
  
  .md-tabs {
    --md-primary-fg-color: #001b3c;
    --md-primary-bg-color: #3cc3dd;
  }
  
  .md-banner {
    --md-footer-fg-color: #03132A;
    --md-footer-bg-color: #3cc3dd;
  }


  :root {
    --md-default-bg-color: #001b3c;
    --md-default-bg-color--light: #ffffffb3;
    --md-default-bg-color--lighter: #ffffff4d;
    --md-default-bg-color--lightest: #ffffff1f;
    --md-typeset-color: #eeeeee;
    --md-default-fg-color: #eeeeee;
    --md-default-fg-color--light: #3cc3dd;
    --md-typeset-a-color: #3cc3dd;
    --md-typeset-table-color: #eeeeee45;
}

.md-top {
  --md-default-bg-color: #3cc3dd;
  border-radius: 1.6rem;
  box-shadow: var(--md-shadow-z2);
  color: #001b3c;
  cursor: pointer;
  display: block;
  font-size: .7rem;
  outline: none;
  padding: .4rem .8rem;
  position: fixed;
  top: 3.2rem;
  transform: translate(-50%);
  transition: color 125ms,background-color 125ms,transform 125ms cubic-bezier(.4,0,.2,1),opacity 125ms;
  z-index: 2
}

  .md-search-result {
    --md-default-fg-color--light: #ffffffce;
  }

  .md-search__suggest {
    --md-default-fg-color--lighter: #ffffff5e;
  }

.introduction-text {
    font-size: 1rem;
    letter-spacing: .01em;

}

.md-typeset h1 {
  color: var(--md-default-fg-color--light);
  font-size: 2.2em;
  line-height: 1.3;
  margin: 0 0 0.8em;
  font-weight: 500;
  letter-spacing: .01em;
}

.md-typeset h2 {
  color:#3cc3dd;
  font-size: 1.5625em;
  font-weight: 400;
  line-height: 1.4;
  margin: 1.6em 0 0.64em;
  letter-spacing: .01em;
}

.md-typeset h4 {
  color:#19e99e;
  font-size: 1.1em;
  font-weight: 700;
  letter-spacing: .03em;
  margin: 1em 0;
}

.md-typeset .admonition, .md-typeset details {
  background-color: var(--md-admonition-bg-color);
  border: 0.05rem solid #448aff;
  border-radius: 0.2rem;
  box-shadow: var(--md-shadow-z1);
  color: var(--md-admonition-fg-color);
  display: flow-root;
  font-size: .7rem;
  letter-spacing: .02em;
  margin: 1.5625em 0;
  padding: 0 0.6rem;
  page-break-inside: avoid;
}

.md-typeset .grid {
  grid-gap: 1rem;
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(16rem,1fr));
  margin-top: 2em;
  margin-bottom: 2em
}

.md-typeset .grid.cards>ol,.md-typeset .grid.cards>ul {
  display: contents
}

.md-typeset .grid.cards>ol>li,.md-typeset .grid.cards>ul>li,.md-typeset .grid.card {
  border: 0.05rem solid #ffffff72;
  border-radius: 0.1rem;
  display: block;
  margin: 0;
  padding: 0.8rem;
  transition: border .25s,box-shadow .25s;
}

.md-typeset .grid.cards>ol>li>hr,.md-typeset .grid.cards>ul>li>hr,.md-typeset .grid>.card>hr {
  margin-bottom: 0.5em;
  margin-top: 0.5em
}

.md-typeset code {
  background-color: #3cc3dd;
  border-radius: 0.1rem;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  font-size: .83em;
  padding: 0 0.3em;
  word-break: break-word;
}

.md-typeset code, .md-typeset kbd, .md-typeset pre {
  color: #00132a;
  direction: ltr;
  font-variant-ligatures: none;
}