.python {
    text-align: left;
    direction: ltr;
    background: #1e1e1e;
    color: #b8ebff;
    padding: 16px;
    padding-left: 30px;
    /* overflow: auto; */
    overflow-x: scroll;
    overflow-y: scroll;
    max-height: 80vh;
    margin-top: 0;
    font-family: "JetBrains Mono", "Fira Code", Consolas, monospace;
    font-size: 14px;
    line-height: 1.5;
    tab-size: 4;
    scrollbar-width: thin;                 /* Firefox */
    scrollbar-color: #979797 #1e1e1e;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
/* Chrome, Edge, Safari */
.python::-webkit-scrollbar{
    height:10px;
    width:10px;
}

.python::-webkit-scrollbar-track{
    background:#1e1e1e;
    border-radius:6px;
}

.python::-webkit-scrollbar-thumb{
    background:linear-gradient(180deg,#4f4f4f,#2f2f2f);
    border-radius:6px;
    border:2px solid #1e1e1e;
}

.python::-webkit-scrollbar-thumb:hover{
    background:linear-gradient(180deg,#6a6a6a,#3a3a3a);
}

.python::-webkit-scrollbar-corner{
    background:#1e1e1e;
}
.code-title {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    padding: 15px 20px;
    margin: 0;
    font-family: "JetBrains Mono", "Fira Code", Consolas, monospace;
    text-align: left;
    direction: ltr;
    background: #141414;
    color: rgb(228, 205, 147);
    position: relative;
}
.code-title.light {
    background: #6d7a80;
}
.code-title span.orange{
    color: rgb(228, 205, 147);
}
.code-title i {
    padding-right: 5px;
    color: rgb(255, 115, 0);
}

.code-title .copy {
    position: absolute;
    right: 20px;
    top: 15px;
    cursor: pointer;
}

.code-title .copy i {
    color: white;
}

.code-title .copy:hover i {
    color: var(--blue);
}

.python .keyword {
    color: #569cd6;
}

.python .string {
    color: #ce9178;
}

.python .number {
    color: #b5cea8;
}

.python .comment {
    color: #6a9955;
    font-style: italic;
}

.python .function {
    color: #dcdcaa;
}

.python .class {
    color: #4ec9b0;
}

.arduino {
    text-align: left;
    direction: ltr;
    background: #E7E7E7;
    color: #1e1e1e;
    padding: 16px;
    padding-left: 30px;
    overflow-x: scroll;
    overflow-y: scroll;
    max-height: 80vh;
    margin-top: 0;
    font-family: "JetBrains Mono", "Fira Code", Consolas, monospace;
    font-size: 15px;
    line-height: 1.5;
    tab-size: 4;
    scrollbar-width: thin;
    scrollbar-color: #dadada #777777;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

/* Scrollbars same as python */
.arduino::-webkit-scrollbar{ height:10px; width:10px; }
.arduino::-webkit-scrollbar-track{ background:#bdbdbd; border-radius:6px; }
.arduino::-webkit-scrollbar-thumb{
    background:linear-gradient(180deg,#c3c3c3,#c9c9c9);
    border-radius:6px;
    border:2px solid #b1b1b1;
}
.arduino::-webkit-scrollbar-thumb:hover{
    background:linear-gradient(180deg,#a2a2a2,#a8a8a8);
}
.arduino::-webkit-scrollbar-corner{ background:#b3b3b3; }

/* Syntax colors */
.arduino .keyword { color: #7B0099; }
.arduino .type { color: #005C99; }
.arduino .function { color: #8c581c; }
.arduino .number { color: #3A6E00; }
.arduino .string { color: #D81B60; }
.arduino .comment {
    color: #828282;
    font-style: italic;
}

/* container style for formulas */
.math-box {
    padding: 12px;
    background: #f5f5f5;
    border-left: 4px solid #4a90e2;
    margin: 20px 0;
    border-radius: 6px;
    color: black;
}

/* make MathML a bit larger and cleaner */
math {
    font-size: 1.3rem;
    line-height: 1.6;
}

/* center block equations */
.math-center {
    text-align: center;
}