@font-face {
    font-family: 'october-l';
    font-weight: 700;
    src: url('../assets/fonts/OctoberL-Bold.otf') format('opentype');
}

@font-face {
    font-family: 'october-l';
    src: url('../assets/fonts/OctoberL-Regular.otf') format('opentype');
}

@font-face {
    font-family: 'october-l-medium';
    src: url('../assets/fonts/OctoberL-Medium.otf') format('opentype');
}

@font-face {
    font-family: 'Halyard Display';
    font-weight: 400;
    font-style: normal;
    src: url('../assets/fonts/Halyard Display Regular.otf') format('opentype');
}

@font-face {
    font-family: 'Halyard Display';
    font-weight: 400;
    font-style: italic;
    src: url('../assets/fonts/Halyard Display Italic.otf') format('opentype');
}

@font-face {
    font-family: 'Halyard Display Book';
    font-weight: 350;
    font-style: normal;
    src: url('../assets/fonts/Halyard Display Book.otf') format('opentype');
}

@font-face {
    font-family: 'Halyard Display Book';
    font-weight: 350;
    font-style: italic;
    src: url('../assets/fonts/Halyard Display Book Italic.otf') format('opentype');
}

@font-face {
    font-family: 'Halyard Display';
    font-weight: 500;
    font-style: normal;
    src: url('../assets/fonts/Halyard Display Medium.otf') format('opentype');
}

@font-face {
    font-family: 'Halyard Display';
    font-weight: 500;
    font-style: italic;
    src: url('../assets/fonts/Halyard Display Medium Italic.otf') format('opentype');
}

@font-face {
    font-family: 'Halyard Display';
    font-weight: 600;
    font-style: normal;
    src: url('../assets/fonts/Halyard Display SemiBold.otf') format('opentype');
}

@font-face {
    font-family: 'Halyard Display';
    font-weight: 600;
    font-style: italic;
    src: url('../assets/fonts/Halyard Display SemiBold Italic.otf') format('opentype');
}

@font-face {
    font-family: 'Halyard Display';
    font-weight: 700;
    font-style: normal;
    src: url('../assets/fonts/Halyard Display Bold.otf') format('opentype');
}

@font-face {
    font-family: 'Halyard Display';
    font-weight: 700;
    font-style: italic;
    src: url('../assets/fonts/Halyard Display Bold Italic.otf') format('opentype');
}

:root {
    --md-text-font: Inter, sans-serif;
    --md-code-font: Inter, sans-serif;
    --md-footer-font: Inter, sans-serif;
}

@supports (font-variation-settings: normal) {
  :root { font-family: InterVariable, sans-serif; }
}

[data-md-color-scheme="diva"] {
    --md-primary-fg-color: #F7F7F7;
    --md-primary-fg-color--light: #F7F7F7;
    --md-primary-fg-color--dark: #F7F7F7;
    --md-primary-bg-color: #121212;
    --md-primary-bg-color--light: #121212;
    --md-primary-bg-color--dark: #121212;

    --md-accent-fg-color: #A3A3A4;
    --md-accent-fg-color--transparent: #526cfe1a;
    --md-accent-bg-color: #ffffff;
    --md-accent-bg-color--light: #ffffff;

    --md-footer-fg-color: #ffffff;
    --md-footer-fg-color--light: #ffffff;
    --md-footer-fg-color--lighter: #ffffff;
    --md-footer-bg-color: #121212;
    --md-footer-bg-color--dark: #121212;

    --md-default-fg-color: #121212;
    --md-default-fg-color--light: #121212;
    --md-default-bg-color: #FFFFFF;

    --md-typeset-a-color: #3B82F6;
    --md-typeset-border-color: #E1E1E1;
    --md-typeset-menu-item-color: #525252;
    --md-typeset-menu-item-active-bg-color: #F0F0F0;
    --md-typeset-content-primary-color: #2E5C3C;
    --md-typeset-content-disabled: #C3C3C3;
    --md-typeset-content-content-neutral-light: #A3A3A3;
}

[data-md-color-scheme="mta"] {
    --md-primary-fg-color: #f7f7f7;
    --md-primary-fg-color--light: #ffffff;
    --md-primary-fg-color--dark: #e8cff5;

    --md-primary-bg-color: #702b8f;
    --md-primary-bg-color--light: #a665c9;
    --md-primary-bg-color--dark: #4c1469;

    --md-accent-fg-color: #faad40;
    --md-accent-fg-color--transparent: #faad401a;
    --md-accent-bg-color: #ffd9a6;
    --md-accent-bg-color--light: #fdf3e3;

    --md-footer-fg-color: #f7f7f7;
    --md-footer-fg-color--light: #c3c3c3;
    --md-footer-fg-color--lighter: #e1e1e1;
    --md-footer-bg-color: #702b8f;
    --md-footer-bg-color--dark: #4c1469;

    --md-default-fg-color: #141414;
    --md-default-fg-color--light: #525252;
    --md-default-bg-color: #ffffff;

    --md-typeset-a-color: #702b8f;
    --md-typeset-border-color: #d4d4d4;
    --md-typeset-menu-item-color: #141414;
    --md-typeset-menu-item-active-bg-color: #fdf3e3;
    --md-typeset-content-primary-color: #702b8f;
    --md-typeset-content-disabled: #ababab;
    --md-typeset-content-content-neutral-light: #a3a3a3;
}

html {
    font-size: 20px !important;
}

.body {
    font-size: 0.8rem;
}

.md-container {
    max-width: 100%;
}

.md-grid {
    max-width: 100%;
}

.md-typeset {
    font-size: 0.9rem;
    line-height: 1.5;
}

.md-typeset h1, h1 {
    font-family: 'Halyard Display', sans-serif !important;
    font-size: 1.8rem;
    line-height: 2rem;
    font-weight: 600 !important;
}

.md-typeset h2, h2 {
    font-family: 'Halyard Display', sans-serif !important;
    font-size: 1.4rem;
    line-height: 1.8rem;
    font-weight: 600 !important;
}

.md-typeset h3, h3 {
    font-family: 'Halyard Display', sans-serif !important;
    font-size: 1.2rem;
    line-height: 1.6rem;
    font-weight: 600 !important;
}


.md-typeset h4, h4 {
    font-family: 'Halyard Display', sans-serif !important;
    font-size: 1rem;
    line-height: 1.2rem;
    font-weight: 500 !important;
}

.md-typeset h5, h5 {
    font-family: 'Halyard Display', sans-serif !important;
    font-size: 0.8rem;
    line-height: 1.2rem;
    font-weight: 500 !important;
}

.md-typeset h6, h6 {
    font-family: 'Halyard Display', sans-serif !important;
    font-size: 0.7rem;
    line-height: 0.8rem;
    font-weight: 500 !important;
}

.md-typeset .headerlink {
    font-family: 'Halyard Display Book', sans-serif !important;
}

.md-main {
    max-width: 100% !important;
    padding: 0;
}

.md-main .md-main__inner {
    margin: 0;
    max-width: 100%;
}


.md-button {
    min-height: 2rem;
    padding: calc(0.4rem - 1px) 1rem;
    border-radius: 100px;
    border: 1px solid var(--md-typeset-border-color);
    background: var(--md-default-bg-color);
    color: var(--md-default-fg-color);
    font-size: 0.8rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.5;
    cursor: pointer;
}

.md-button.md-button__primary {
    background: var(--md-primary-bg-color);
    border-color: var(--md-primary-bg-color);
    color: var(--md-default-bg-color);
}


.md-typeset [type=checkbox]:checked + .task-list-indicator:before {
    background-color: var(--md-typeset-menu-item-color);
    color: var(--md-default-bg-color);
}


.md-search-result mark {
    color: var(--md-default-fg-color);
    background-color: #A0FFBE;
    text-decoration: none;
}

.md-typeset mark {
    background-color: #A0FFBE;
}

.md-typeset .highlight {
    --md-code-fg-color: #f69e50;
    --md-code-bg-color: #282833;
    --md-code-hl-color: #6CB6FF;
    --md-code-hl-color--light: #4287ff1a;
    --md-code-hl-number-color: #96d0ff;
    --md-code-hl-special-color: #f47067;
    --md-code-hl-function-color: #a846b9;
    --md-code-hl-constant-color: #6e59d9;
    --md-code-hl-keyword-color: #8ddc8c;
    --md-code-hl-string-color: #96d0ff;
    --md-code-hl-name-color: #f69e50;
    --md-code-hl-operator-color: #aebac7;
    --md-code-hl-punctuation-color: #aebac7;
    --md-code-hl-comment-color: #aebac7;
    --md-code-hl-generic-color: #96d0ff;
    --md-code-hl-variable-color: #96d0ff;
}

.md-typeset .highlight .linenodiv pre {
    color: #7E7E85;
}