@font-face {
    font-family: 'ClashDisplay-Bold';
    src: url('../assets/fonts/ClashDisplay-Bold.woff2') format('woff2'),
         url('../assets/fonts/ClashDisplay-Bold.woff') format('woff'),
         url('../assets/fonts/ClashDisplay-Bold.ttf') format('truetype');
         font-weight: 700;
         font-display: swap;
         font-style: normal;
}
  
:root {
    --md-primary-fg-color: #24ae1d;
    --md-primary-fg-color--light: #89DF00;
    --md-primary-fg-color--dark: #89DF00;
    --md-accent-fg-color: #007daa;
    --md-heading-font: "ClashDisplay-Bold";
}

[data-md-color-scheme="default"] {
    --md-default-fg-color: black;
    --md-default-fg-color--light: black;
}

[data-md-color-scheme="slate"] {
    --md-primary-fg-color: #89DF00;
    --md-default-fg-color: white;
    --md-default-fg-color--light: white;
    --md-default-bg-color: #111111;
}

.border {
    border: 2px solid #c4c5c1;
    border-radius: 10px;
}

.nobold {
    font-weight: normal !important;
}

.md-header__title, .md-nav__title, .md-typeset h1 {
    font-family: var(--md-heading-font,_),-apple-system,BlinkMacSystemFont,Helvetica,Arial,sans-serif;
    text-transform: uppercase;
}

.md-typeset h1 {
    margin-bottom: 1em;
}

.md-nav__title {
    padding: 0.6rem;
    font-size: 0.75rem;
}

.md-typeset .grid.cards>ol>li, .md-typeset .grid.cards>ul>li, .md-typeset .grid>.card {
    border-width: .25rem;
    border-radius: 5px;
}

.md-typeset .grid.cards>ul>li:hover {
    border-color: var(--md-primary-fg-color);
}

.md-typeset .admonition, .md-typeset details {
    font-size: .75rem;
}