@font-face {
  font-family: "Quicksand";
  src:
    local("Quicksand"),
    url("./fonts/quicksand-latin-400-normal.woff2") format("woff2");
}

@font-face {
  font-family: "Open Sans";
  src:
    local("Open Sans"),
    local("Open-Sans"),
    url("./fonts/open-sans-latin-300-normal.woff2") format("woff2");
}

@font-face {
  font-family: "Fira Code";
  src:
    local("Fira Code"),
    local("Fira-Code"),
    url("./fonts/fira-code-latin-400-normal.woff2") format("woff2");
}

:root {
  --md-text-font: "Open Sans";
  --md-code-font: "Fira Code";
}

/* :root > * {} */

h1, h2, h3, h4, h5, h6 {
  font-family: "Quicksand", var(--md-text-font);
}

/* [data-md-color-scheme="awlight"] {
  --md-primary-fg-color: #4f1f86;
  --md-primary-fg-color--light: #3f117494;
  --md-primary-fg-color--dark: #7132ac;
  --md-primary-bg-color: hsla(0, 0%, 100%, 1);
  --md-primary-bg-color--light: hsla(0, 0%, 100%, 0.7);
  --md-text-link-color: hsla(231, 48%, 48%, 1);

  --md-accent-fg-color: rgb(98, 18, 189);
  --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);

  --md-code-bg-color: hsla(0, 0%, 96%, 1);
  --md-code-fg-color: hsla(200, 18%, 26%, 1);

  --md-footer-bg-color: #541f86;
  --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);
}

[data-md-color-scheme="awdark"] {
  --md-hue: 260;

  --md-default-fg-color: #ffffffde;
  --md-default-fg-color--light: #ffffff8a;
  --md-default-fg-color--lighter: #ffffff52;
  --md-default-fg-color--lightest: #ffffff12;
  --md-default-bg-color: #111111;
  --md-default-bg-color--light: #111111b3;
  --md-default-bg-color--lighter: #2222224d;
  --md-default-bg-color--lightest: #3333331f;

  --md-primary-fg-color: #4f1f86;
  --md-primary-fg-color--light: #3f117494;
  --md-primary-fg-color--dark: #7132ac;
  --md-primary-bg-color: rgb(0, 0, 0);
  --md-primary-bg-color--light: hsla(0, 0%, 0%, 0.7);
  --md-text-link-color: hsla(231, 48%, 48%, 1);

  --md-accent-fg-color: rgb(98, 18, 189);
  --md-accent-fg-color--transparent: hsla(189, 100%, 37%, 0.1);
  --md-primary-bg-color: hsla(0, 0%, 100%, 1);
  --md-primary-bg-color--light: hsla(0, 0%, 100%, 0.7);

  --md-code-bg-color: hsla(0, 0%, 4%, 1);
  --md-code-fg-color: hsla(200, 18%, 76%, 1);

  --md-code-hl-color: #ffff0080;
  --md-code-hl-number-color: #d52a2a;
  --md-code-hl-special-color: #db1457;
  --md-code-hl-function-color: #a846b9;
  --md-code-hl-constant-color: #6e59d9;
  --md-code-hl-keyword-color: #3f6ec6;
  --md-code-hl-string-color: #1c7d4d;
  --md-code-hl-name-color: var(--md-code-fg-color);
  --md-code-hl-operator-color: var(--md-default-fg-color--light);
  --md-code-hl-punctuation-color: var(--md-default-fg-color--light);
  --md-code-hl-comment-color: var(--md-default-fg-color--light);
  --md-code-hl-generic-color: var(--md-default-fg-color--light);
  --md-code-hl-variable-color: var(--md-default-fg-color--light);

  --md-typeset-color: var(--md-default-fg-color);
  --md-typeset-a-color: var(--md-primary-fg-color--dark);
  --md-typeset-mark-color: #ffff0080;
  --md-typeset-del-color: #f5503d26;
  --md-typeset-ins-color: #0bd57026;
  --md-typeset-kbd-color: #fafafa;
  --md-typeset-kbd-accent-color: #fff;
  --md-typeset-kbd-border-color: #b8b8b8;
  --md-typeset-table-color: #0000001f;
  --md-typeset-table-color--light: rgba(0,0,0,.035);

  --md-admonition-fg-color: var(--md-default-fg-color);
  --md-admonition-bg-color: var(--md-default-bg-color);

  --md-warning-fg-color: #000000de;
  --md-warning-bg-color: #ff9;

  --md-footer-bg-color: #541f86;
  --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);
} */

.md-header__button.md-logo {
  margin: 0 0.2rem;
  padding: 0rem 0.4rem;
}

.md-header__button.md-logo img,
.md-header__button.md-logo svg {
  height: 2.2rem;
}

.md-header-nav__title {
  padding: 0;
}

.md-source {
  font-size: 0.55rem;
}

.md-tabs__item--active .md-tabs__link {
  font-weight: bold;
}

div.md-nav__link {
  display: none;
}

@media screen and (min-width: 76.25em) {
  .md-nav__item--section {
    margin: 0 0 1.25em;
  }

  .md-nav__item--section > .md-nav__link[for] {
    background-color: var(--md-default-fg-color--lightest);
    padding: 2px 5px;
    text-transform: uppercase;
    font-size: 0.6rem;
  }
  .md-nav__link[href] {
    font-size: 0.66rem;
  }

  .md-nav--secondary .md-nav__link[href] {
    font-size: 0.6rem;
  }
  /* .md-nav--secondary .md-nav__link[href]:not(.md-nav__link--passed) {
    color: var(--md-primary-bg-color--light);
  } */
}

.md-main .md-main__inner {
  margin-top: 0;
}

.md-grid {
  max-width: 1600px;
}

.md-typeset .md-button {
  padding: 0.3em 0.3em;
}

.md-typeset .tabbed-set,
.md-typeset pre {
  margin: 0;
}

a.glightbox > img {
  border: 1px solid;
  border-radius: 12px;
  --shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  box-shadow: var(--shadow);
}
.glightbox-clean .gslider .gslide-image img, .glightbox-clean .gslider .gslide-image img {
  border: 1px solid;
  border-bottom: none;
  border-radius: 12px 12px 0 0;
}
.glightbox-clean .gslider .gslide-description.description-bottom {
  border-radius: 0 0 12px 12px;
}
.glightbox-clean .gslider .gdesc-inner {
  padding: 12px;
  border: 1px solid;
  border-top: none;
  border-radius: 0 0 12px 12px;
}
.glightbox-clean .gslider .gdesc-inner .gslide-title {
  margin-bottom: 0;
  font-style: italic;
}

img[src$="#inline"] {
  height: 25px;
  vertical-align: middle;
}

@keyframes heart {
  0%,
  40%,
  80%,
  100% {
    transform: scale(1);
  }
  20%,
  60% {
    transform: scale(1.15);
  }
}

.heart {
  animation: heart 1000ms infinite;
}

.md-copyright {
  width: 100% !important;
}