style.css

body {
    margin: 0;
    overflow: hidden;
}

.CodeMirror {
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 16pt !important;
    width: 100%;
    height: 100% !important;
    position: absolute !important;
    left: 0;
    top: 0;
    resize: none;
    background-color: rgba(0, 0, 0, 0) !important;
    color: white;
    border: none;
    outline: none;
}

pre.CodeMirror-line {
    padding-left: 0 !important;
}

.CodeMirror.hidden {
    transition: 0.25s;
    opacity: 0;
}

.CodeMirror {
    transition: 0.25s;
    opacity: 1;
}

.CodeMirror span {
    background-color: black;
}

.CodeMirror-selected {
    background: rgba(0, 255, 0, 0.5) !important;
}

.CodeMirror-matchingbracket {
    background: rgba(0, 255, 0, 0.5) !important;
}

/* hack to make highlights work */
div[role=presentation] div {
    z-index: 10 !important;
}

@font-face {
    font-family: 'FSEX301';
    src: url('FSEX301-L2.ttf')  format('truetype');
  }