// Fonts
@font-face
    font-family 'Inconsolata'
    font-weight normal
    font-style normal
    src url('../../../static/fonts/Inconsolata-Regular.ttf')

@font-face
    font-family 'Inconsolata'
    font-weight bold
    font-style normal
    src url('../../../static/fonts/Inconsolata-Bold.ttf')

// Viewer
.viewer
    position absolute
    top 30px
    right 0
    width 75%
    height 100%
    font-family Inconsolata, Monaco, Consolas, 'Courier New', Courier
    line-height 20px
    letter-spacing 0.5px
    font-size 15px
    background #2d2d49
    overflow scroll

.lines
    position absolute
    top 0
    left 0
    pointer-events none

    .line
        position relative
        color #abb2bf
        opacity 0.75
        letter-spacing -1px
        padding-left 25px

        .added
            position absolute
            top 0
            left 9px
            color #00ffa5

        .removed
            top -10px
            left 9px
            position absolute
            color #ff8157

.code
    position absolute
    top 0
    left 70px
    right 0
    height 100%
    outline none
    ::-moz-selection
        background #bdb9bf
    ::selection
        background #bdb9bf

// Highlight js
.hljs-title
    color red

.hljs
    display block
    overflow-x auto
    color #abb2bf

.hljs-comment
.hljs-quote
    color #5c6370
    font-style italic

.hljs-doctag
.hljs-keyword
.hljs-formula
    color #c678dd

.hljs-section
.hljs-name
.hljs-selector-tag
.hljs-deletion
.hljs-subst
    color #e06c75

.hljs-literal
    color #56b6c2

.hljs-string
.hljs-regexp
.hljs-addition
.hljs-attribute
.hljs-meta-string
    color #98c379

.hljs-built_in
.hljs-class .hljs-title
    color #e6c07b

.hljs-attr
.hljs-variable
.hljs-template-variable
.hljs-type
.hljs-selector-class
.hljs-selector-attr
.hljs-selector-pseudo
.hljs-number
    color #d19a66

.hljs-symbol
.hljs-bullet
.hljs-link
.hljs-meta
.hljs-selector-id
.hljs-title
    color #61aeee

.hljs-emphasis
    font-style italic

.hljs-strong
    font-weight bold

.hljs-link
    text-decoration underline