:root {
    --md-tooltip-width: 750px;
    --md-default-fg-color--light: #cecece;
}

/* Page Background Color */
[data-md-color-scheme="slate"] {
  --md-default-bg-color: #09080a;
}

/* Hover Color */
[data-md-color-accent="indigo"] {
  --md-accent-fg-color: #7e4fff;
  --md-typeset-color: #ddd;
}


/* H1, H2, etc */
.md-typeset h1 {
    color: #999 !important;
    font-size: 2em;
    margin-bottom: -0.25em;
}
.md-typeset h2 {
  color: #ccc;
  font-size: 1.5em;
  font-weight: 400;
  margin-top: 1em;
}
.md-typeset h3 {
  margin-bottom: -0.25em;
}
.md-typeset h5 {
  color: #999;
}
.md-typeset code {
  color: #fff;
  background-color: #1e1e1e;
}
.filename {
  color: #fff;
  background-color: #1e1e1e !important;
}

/* Header */
.md-header {
  background-color: #000;
}
.md-nav__title {
  color: #fff;
}

/* Center Pane Width */
.md-grid {
  max-width: 75%;
}


.round-corners {
  border-radius: 0.75em;
  /*border: 2px solid var(--md-primary-fg-color);*/
}

/* Footer */
.md-footer,
.md-footer-meta {
    background-color: #000;
}

@media screen and (min-width:45em) {
  .md-social {
    padding: 0;
  }
}

.copy {
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-weight: 500;
  align-content: center;
}
.copy > img {
  width: 1.1em;
  vertical-align: middle;
  transition: opacity 125ms;
}
.copy:hover > img {
  opacity: 0.69;
}