.CodeMirror {
    border: 1px solid #0a8f8e;
    background: #051819;
    color: #0a8f8e;
}
.CodeMirror-fullscreen {
    background: #051819;
}
.editor-toolbar {
    border-top: 1px solid #0a8f8e;
    border-left: 1px solid #0a8f8e;
    border-right: 1px solid #0a8f8e;
}
.editor-toolbar.fullscreen {
    background: #000000;
}
.editor-toolbar.fullscreen::before {
    background: transparent !important;
}
.editor-toolbar.fullscreen::after {
    background: transparent !important;
}
.editor-toolbar a {
    color: #0a8f8e !important;
    margin-inline-end: 5px;
}
.editor-toolbar a.active,
.editor-toolbar a:hover {
    background: #02fafc;
    border-color: #02fafc;
    color: #000000 !important;
}
.editor-toolbar i.separator {
    border-left: 1px solid #043d48;
    border-right: 1px solid #0a8f8e;
}
.editor-toolbar.disabled-for-preview a:not(.no-disable) {
    background: #fff;
    border-color: transparent;
}
.editor-statusbar {
    color: #959694;
}
.editor-preview {
    background: #051819;
}
.editor-preview-side {
    background: #051819;
    border: 1px solid #0a8f8e;
}
.CodeMirror .CodeMirror-code .cm-tag {
    color: #63a35c;
}
.CodeMirror .CodeMirror-code .cm-attribute {
    color: #795da3;
}
.CodeMirror .CodeMirror-code .cm-string {
    color: #183691;
}
.CodeMirror .CodeMirror-selected {
    background: #000000;
}
.CodeMirror .CodeMirror-code .cm-comment {
    background: rgba(0, 0, 0, .05);
}
.CodeMirror .CodeMirror-code .cm-link {
    color: #7f8c8d;
}
.CodeMirror .CodeMirror-code .cm-url {
    color: #aab2b3;
}
.CodeMirror-cursor {
    border-left: 1px solid #02fafc;
}
.editor-toolbar.fullscreen, .CodeMirror-fullscreen, .editor-preview-side {
    z-index: 90;
}

/*Typography*/
.editor-preview-side h1, .editor-preview h1 {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 1rem;
    color: #02fafc
}
.editor-preview-side h2, .editor-preview h2 {
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 0.75rem;
    color: #02fafc
}
.editor-preview-side h3, .editor-preview h3 {
    font-size: 1.75rem;
    font-weight: 500;
    margin-bottom: 0.5rem;
    color: #02fafc
}
.editor-preview-side h4, .editor-preview h4 {
    font-size: 1.5rem;
    font-weight: 500;
    margin-bottom: 0.5rem;
    color: #02fafc
}
.editor-preview-side h5, .editor-preview h5 {
    font-size: 1.25rem;
    font-weight: 500;
    margin-bottom: 0.5rem;
    color: #02fafc
}
.editor-preview-side h6, .editor-preview h6 {
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 0.5rem;
    color: #02fafc
}
.editor-preview-side p, .editor-preview p {
    font-size: 1rem;
    line-height: 1.6;
    color: #0a8f8e;
    margin-bottom: 1rem;
}
.editor-preview-side ul, .editor-preview ul {
    list-style-type: disc;
    margin-left: 2rem;
    margin-bottom: 1rem;
}
.editor-preview-side ol, .editor-preview ol {
    list-style-type: decimal;
    margin-left: 2rem;
    margin-bottom: 1rem;
}
.editor-preview-side blockquote, .editor-preview blockquote {
    font-size: 1.125rem;
    font-style: italic;
    color: #0a8f8e;
    border-left: 4px solid #ddd;
    padding-left: 1rem;
    margin: 1rem 0;
}
.editor-preview-side b, 
.editor-preview-side strong, .editor-preview b, .editor-preview strong {
    font-weight: 700;
    color: #02fafc;
}
.editor-preview-side i, 
.editor-preview-side em, .editor-preview i, .editor-preview em {
    font-style: italic;
    color: #02fafc;
}