.editor {
    width: 100%;
    background: rgb(39, 39, 39);
    font-family: monospace;
    font-size: 15px;
    border-radius: 5px;
}

.editor .buttons {
    box-sizing: border-box;
    border-bottom: 1px solid rgb(45, 55, 65);
    padding: 10px;
}

.editor .button {
    width: 10px;
    height: 10px;
    border-radius: 100%;
    display: inline-block;
}

.editor .button:nth-child(1) {
    background: rgb(250, 50, 50);
}

.editor .button:nth-child(2) {
    background: rgb(250, 250, 50);
}

.editor .button:nth-child(3) {
    background: rgb(50, 250, 50);
}

.editor .editor-content {
    height: 450px;
    overflow: auto;
    padding: 15px;
    color: rgb(195, 215, 225);
}

.editor .editor-content .editor-line {
    margin: 5px;
    color: rgb(195, 215, 225);
    counter-increment: line;
}

.editor .editor-content .editor-line::before {
    content: counter(line);
    margin-right: 15px;
    color: gray;
}

.editor .editor-content .editor-line span.tab {
    margin-right: 15px;
}

.editor .editor-content .editor-line span.tab {
    margin-right: 15px;
}

.editor .editor-content .editor-line span.element {
    color: rgb(100, 150, 250);
}

.editor .editor-content .editor-line span.quotes {
    color: rgb(150, 150, 150);
}


.label {
    display: block;
    margin-bottom: 8px;
}

textarea {
    border: 1px solid rgba(73, 73, 73, 0.5);
    border-radius: 3px;
    font-family: "Source Code Pro", monospace;
    font-size: 13px;
    line-height: 20px;
    padding: 4px;
}

.CodeMirror {
    border: 1px solid rgba(73, 73, 73, 0.2);
    border-radius: 3px;
    color: #4a4a4a;
    font-family: "Source Code Pro", monospace;
    font-size: 13px;
    line-height: 20px;
    height: 600px;
}

.CodeMirror-gutters {
    border-right: 0;
    padding-right: 1px;
}

.CodeMirror-linenumber {
    font-family: "Source Code Pro", monospace;
    font-size: 13px;
    line-height: 20px;
}

.CodeMirror-activeline-gutter {
    background: rgba(#57c1fa, 0.15);
}

.cm-s-eclipse .CodeMirror-activeline-background {
    background: rgba(#57c1fa, 0.15);
}

.CodeMirror-lint-marker-error {
    background: fail-icon() no-repeat center center;
    margin-left: 2px;
    margin-top: -4px;
}

.CodeMirror-lint-tooltip {
    background: white;
    font-family: "Source Code Pro", monospace;
    font-size: 12px;
    line-height: 16px;
    padding: 8px;
    border: none;
    border-radius: 2px;
    box-shadow: rgba(#4a4a4a, 0.25) 0 0 0 1px, rgba(black, 0.1) 0 1px 6px 0;
}

.CodeMirror-lint-message-error {
    background: fail-icon() no-repeat 0 0;
    padding-left: 24px;
}

.cm-s-eclipse span.cm-string {
    color: #1997b5;
}

.cm-s-eclipse span.cm-string.cm-property {
    color: #53B10b;
}