[data-md-color-scheme="slate"] {
     --md-hue: 211; 
     --md-default-bg-color: hsl(178, 88%, 16%);
}   

.md-typeset a code {
    color: #00ff82;
    text-decoration: underline;
    background-color: #022a32;
}

/* STYLE THE HEADER*/
.md-header {
    -webkit-backdrop-filter: blur(.4rem);
    backdrop-filter: blur(.4rem);
    background-color: #0f6d82;
    color: #a4d8fb;
    display: block;
    left: 0;
    position: sticky;
    right: 0;
    top: 0;
    z-index: 4;
}

/* STYLE ADMONITIONS DETAILS - NOTES*/
.md-typeset .admonition.note, .md-typeset details.note {
    background-color: #052e47;
    color: #2ef535;
    outline-style: ridge;
    outline-color: #17abcc;
}

/* STYLE ADMONITIONS DETAILS - WARNING*/
.md-typeset .admonition.warning, .md-typeset details.warning {
    background-color: #c23304a7;
    outline-style: dashed;
    outline-color: #d3c30d;
    color: #e2ea0b;

}

/* STYLE ADMONITIONS DETAILS - NOT EXPANDED*/
.md-typeset details:not([open]) {
    box-shadow: 0;
    padding-bottom: 0;
    color:#d8f4e9;
}
/* STYLE ADMONITIONS DETAILS*/
.md-typeset .admonition, .md-typeset details {
    background-color: #448aff1a;
    border-radius: .4rem;
    color: var(--md-admonition-fg-color);
    display: flow-root;
    font-size: .64rem;
    margin: 1.5625em 0;
    padding: 0 .8rem;
    page-break-inside: avoid;
}

/* STYLE ADMONITIONS DETAILS ICON*/
.md-typeset .info>.admonition-title:before, .md-typeset .info>summary:before {
    background-color: #00d4b1;
    -webkit-mask-image: var(--md-admonition-icon--info);
    mask-image: var(--md-admonition-icon--info);
}

[dir=ltr] .md-typeset blockquote {
    border-left: .2rem solid hsl(191.63deg 71.54% 51.31%);
}

.md-typeset blockquote {
    color: hsl(185.54deg 100% 52.37%);
    margin-left: 0;
    margin-right: 0;
}

/* STYLE THE NAVIGATION MENU ITEMS*/

.md-nav--primary .md-nav__item .md-nav__link--active {
    background: var(--md-accent-fg-color--transparent);
    color: #49aef0
}

/* Header */
.md-header__button.md-logo {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
  
  .md-header__button.md-logo img,
  .md-header__button.md-logo svg {
    height: 48px;
    width: 48px;
  }

.md-header__title {
    flex-grow: 1;
    font-size: 40px;
    height: 3.5rem;
    line-height: 3.5rem;
    /*font-family: "relaxing";*/
}

/* STYLE ANNOUNCE BLOCK */
.announce {
    color: rgb(242, 211, 54);
    font-size: 20px;
}

/* custom color and hover */
.ann-link {
color: #a9ed2a !important;
}
.ann-link:hover {
color: rgb(79, 205, 79) !important;
}

/* START CUSTOM FONTS */

@font-face {
  font-family: "relaxing";
  src:url('fonts/Relaxing.otf')
}

/* Begin Text Formatting */

p {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    unicode-bidi: isolate;
    color: white;
}

.md-nav__link {
    align-items: flex-start;
    border-radius: .4rem;
    cursor: pointer;
    display: flex;
    gap: .6rem;
    margin-left: .2rem;
    margin-right: .2rem;
    padding: .35rem .8rem;
    transition: color .25s,background-color .25s;
}

.md-nav__link .md-ellipsis {
    flex-grow: 1;
    color: #a4d8fb;
    position: relative;
}