@font-face {
    font-family: gotham pro;
    src: local("Gotham Pro Light"), local("GothamPro-Light"), url(../fonts/GothamPro/GothamPro-Light.woff2) format("woff2"), url(../fonts/GothamPro/GothamPro-Light.woff) format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: gotham pro;
    src: local("Gotham Pro"), local("GothamPro"), url(../fonts/GothamPro/GothamPro.woff2) format("woff2"), url(../fonts/GothamPro/GothamPro.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: gotham pro;
    src: local("Gotham Pro Medium"), local("GothamPro-Medium"), url(../fonts/GothamPro/GothamPro-Medium.woff2) format("woff2"), url(../fonts/GothamPro/GothamPro-Medium.woff) format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: gotham pro;
    src: local("Gotham Pro Bold"), local("GothamPro-Bold"), url(../fonts/GothamPro/GothamPro-Bold.woff2) format("woff2"), url(../fonts/GothamPro/GothamPro-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: gotham pro;
    src: local("Gotham Pro Black"), local("GothamPro-Black"), url(../fonts/GothamPro/GothamPro-Black.woff2) format("woff2"), url(../fonts/GothamPro/GothamPro-Black.woff) format("woff");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}


:root  > * {
  --md-primary-fg-color:        #283042;
  --md-primary-fg-color--light: red;
  --md-primary-fg-color--dark:  #90030C;
  --md-accent-fg-color: #3f80ea;
  --md-default-fg-color--light: #000000bf;
  /*--md-default-bg-color: red;*/
  --md-footer-bg-color: #283042;
  --md-typeset-a-color: #000000bf;
}

body {
    font-family: 'Gotham Pro', sans-serif;
}

.md-content img {
    max-height: 450px;
    /*border: 1px solid #75757554;*/
    border-radius: 10px;
    box-shadow: 0 0 10px 0px #00000026;
}

[data-md-color-scheme="slate"] {
    --md-typeset-a-color: #fff;
    --md-default-fg-color--light: rgba(255, 255, 255, 0.87);
    --md-footer-bg-color: #283042;
    .md-typeset .md-button {
        color: rgba(255, 255, 255, 0.87);
    }

    .md-content img {
        opacity: 0.95;
        border: 1px solid #e2e2e3;
        box-shadow: 0 0 10px 0px #000000;
    }
}

.md-header__title {
  line-height: 2.7rem;
}

.md-header__topic:first-child {
  font-weight: 400;
}

.md-icon svg {
    height: 1rem;
    width: 1rem;
}

.md-typeset .md-button {
    border: .05rem solid;
    font-weight: 500;
}

.md-typeset h1, .md-typeset h2 {
    font-weight: 500;
}

.md-typeset h4 {
    font-weight: 500;
}

.md-header__option .md-select__link{
    font-size: 0.7rem;
}

.md-grid{
    max-width: 70rem;
}

.md-search__scrollwrap:hover{
    scrollbar-color: #283042;
}


.md-typeset .emojione, .md-typeset .gemoji, .md-typeset .twemoji{
    vertical-align: text-bottom;
}

.md-typeset {
    font-size: 0.75rem;
}

.md-nav__item .md-nav__link--active, .md-nav__item .md-nav__link--active code {
    color: #3f80ea;
    font-weight: 500;
}