@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;900&family=Source+Code+Pro:wght@300;400;500;600&display=swap');


.markdown-body * {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    /* font-size: large; */
    font-size: 12px;
    color: #d7d8dc;
    /* color: brown; */
}

*,
*::before,
*::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.markdown-body strong {
    font-weight: 500;
}

.markdown-body hr {
    height: 0.15em;
    padding: 0;
    margin: 24px 0;
    /* background-color: #8080ffab; */
    background-color: #e1e4e8;
    /* background-color: #242226; */
    border: 0;
}

.markdown-body h1 {
    font-weight: 500;
    font-size: 2.3rem;
}

.markdown-body h3 {
    font-weight: 400;
    font-size: 2rem;
    /* color: #8080FF; */
}

.markdown-body a {
    color: #e9776d;
}

/* .markdown-body a#Git {
    color: #e9776d;
} */

/* p, em, strong, a, li */

.markdown-body * {
    /* font-size: 1.7rem; */
    font-size: 1.7rem;
}



code.language-python,
code.language-python *,
code.language-py,
code.language-py *,
code.language-js,
code.language-js * {
    font-family: 'Source Code Pro', monospace;
    font-size: 1.5rem;
    font-weight: 400;
    text-shadow: none;
    color: #d7d8dc;
}

pre.language-python,
pre.language-py,
pre.language-js {
    border: 1px solid #242226;
    background-color: #303136;

    overflow-x: auto;
    overflow-y: hidden;
    padding: 15px;
    /* font-size: 20px; */
    /* box-shadow: 0px 0px 10px #242226; */
}

*::selection {
    background-color: #242226;
}

code.language-python *::selection,
code.language-python::selection,
code.language-py *::selection,
code.language-py::selection,
code.language-js *::selection,
code.language-js::selection {
    background-color: #383888;
    /* color: black; */
}

.language-css .token.string,
.style .token.string,
.token.entity,
.token.operator,
.token.url {
    color: #d7d8dc;
    background-color: transparent;
}

.token.attr-name,
.token.builtin,
.token.char,
.token.inserted,
.token.selector,
.token.string {
    color: #0EA46F;
}

.token.boolean,
.token.constant,
.token.deleted,
.token.number,
.token.property,
.token.symbol,
.token.tag {
    color: #de9551;
}

.token.atrule,
.token.attr-value,
.token.keyword {
    color: #e9776d;
}

.token.punctuation {
    color: #8080FF;
}

.token.class-name,
.token.function {
    color: #d7d8dc;
}