body {
    /* background-color: rgb(96 82 82);  */
    background-color: rgb(43 40 39);
    margin: 0px;
}

h1, h2, h3, h4, h5, h6 {
    padding: 14px 20px;
    margin: 0;
    color: #d6d6d6;
    background: rgb(48 45 42);
}
h5, h6 {
    font-family: 'Courier New', Courier, monospace;
    padding: 8px 20px;
    color: #d6d6d6;
    background: rgb(43 40 39);
}
h5 span, h6 span {
    color: #838383;
}

h4 a {
    color: white;
    font-family: 'Courier New', Courier, monospace;
    text-decoration: none;
}

h6 a {
    color: white;
    font-family: 'Courier New', Courier, monospace;
    text-decoration: none;
}

.footer{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
}

body > p {
    color: white;
    margin: 10px 20px;
}

body a {
    color: rgb(188 173 82);
}

#code-pre {
    margin: 0;
    padding: 16px 20px 16px 40px;
    height: calc(100vh - 160px);
    overflow-y: scroll;
    font-size: 14px;
    position: relative;
}
.highlighter {
    background: rgba(200, 180, 100, 0.3);
    width: 100px;
    height: 100px;
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
}
.line-number {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 10px;
    color: RGBA(200, 180, 100, 0.4);
    pointer-events: none;
    text-shadow: none;
}
.cursor-pointer{
    background: rgba(230, 210, 120, 0.3);
    width: 10px;
    height: 10px;
    border-radius: 10px;
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    transition: left ease 0.9s, top ease 0.9s;
}

[contenteditable] {
    outline: none; /* Removes outline around the entire element */
}

[contenteditable]::selection {
    background: #ffcc00; /* Yellow background for selected text */
    color: #000; /* Black text color for selected text */
}

[contenteditable]::-moz-selection {
    background: #ffcc00; /* For Firefox */
    color: #000;
}

[contenteditable] span {
    outline: none; /* Removes outline around <span> elements */
}