/*
                        0   BLACK           #000000
                        1   DARK BLUE       #1D2B53
                        2   DARK PURPLE     #7E2553
                        3   DARK GREEN      #008751
                        4   BROWN           #AB5236
                        5   DARK GRAY       #5F574F
                        6   LIGHT GRAY      #C2C3C7
                        7   WHITE           #FFF1E8
                        8   RED             #FF004D
                        9   ORANGE          #FFA300
                        10  YELLOW          #FFEC27
                        11  GREEN           #00E436
                        12  BLUE            #29ADFF
                        13  INDIGO          #83769C
                        14  PINK            #FF77A8
                        15  PEACH           #FFCCAA
                                                        */

/*  SYNTAX HIGHLTING  */
@keyframes fade-in{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
@keyframes fade{
    10%{
        transform:scale(1, 1)
    }
    35%{
        transform:scale(1, 1.7)
    }
    40%{
        transform:scale(1, 1.7)
    }
    50%{
        opacity:1
    }
    60%{
        transform:scale(1, 1)
    }
    100%{
        transform:scale(1, 1);
        opacity:0
    }
}
[data-language] code,[class^="lang"] code,pre [data-language],pre [class^="lang"]{
    opacity:0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    animation:fade-in 50ms ease-in-out 2s forwards
}
[data-language] code.rainbow,[class^="lang"] code.rainbow,pre [data-language].rainbow,pre [class^="lang"].rainbow{
    animation:none;
    transition:opacity 50ms ease-in-out
}
[data-language] code.loading,[class^="lang"] code.loading,pre [data-language].loading,pre [class^="lang"].loading{
    animation:none
}
[data-language] code.rainbow-show,[class^="lang"] code.rainbow-show,pre [data-language].rainbow-show,pre [class^="lang"].rainbow-show{
    opacity:1
}
pre{
    position:relative
}
pre.loading .preloader div{
    animation-play-state:running
}
pre.loading .preloader div:nth-of-type(1){
    background:#0081f5;
    animation:fade 1.5s 300ms linear infinite
}
pre.loading .preloader div:nth-of-type(2){
    background:#5000f5;
    animation:fade 1.5s 438ms linear infinite
}
pre.loading .preloader div:nth-of-type(3){
    background:#9000f5;
    animation:fade 1.5s 577ms linear infinite
}
pre.loading .preloader div:nth-of-type(4){
    background:#f50419;
    animation:fade 1.5s 715ms linear infinite
}
pre.loading .preloader div:nth-of-type(5){
    background:#f57900;
    animation:fade 1.5s 853ms linear infinite
}
pre.loading .preloader div:nth-of-type(6){
    background:#f5e600;
    animation:fade 1.5s 992ms linear infinite
}
pre.loading .preloader div:nth-of-type(7){
    background:#00f50c;
    animation:fade 1.5s 1130ms linear infinite
}
pre .preloader{
    position:absolute;
    top:12px;
    left:10px
}
pre .preloader div{
    width:12px;
    height:12px;
    border-radius:4px;
    display:inline-block;
    margin-right:4px;
    opacity:0;
    animation-play-state:paused;
    animation-fill-mode:forwards
}
pre{
    background-color:#000;
    word-wrap: normal;
    word-break: normal;
    padding:10px;
    color:#fff;
    font-size:14px;
    text-align: left;
}
pre,code{
    font-family:'pico8', 'Press Start 2P', monospace;
    line-height:20px;
}
pre{
    background:#1D2B53;
    color: #C2C3C7;
}
pre .comment{
    color:#83769C
}
pre .constant{
    color:#FFF1E8
}
pre .storage{
    color:#00E436
}
pre pre .comment.docstring{
    color:#83769C
}
pre .string.regexp,pre .support.tag.script,pre .support.tag.style{
    color: #8b2cff
}
pre .keyword,pre .selector{
    color:#FF77A8
}
pre .inherited-class{
    font-style:italic
}
pre .entity{
    color:#29ADFF
}
pre .support{
    color: #ce9f94;
    font-style:italic
}
pre .variable.global,pre .variable.class,pre .variable.instance{
    color:#00E436
}
[data-language="c"] .function.call,.lang-c .function.call,.language-c .function.call{
    color: #FF77A8
}
pre .numeric, pre .string{
    color: #29ADFF
}
pre .operator{
    color: #FFF1E8
}
pre .function{
    color: #FF77A8
}
pre .entity.name.function{
    color: #C2C3C7;
}
pre .preset{
    color:#00E436;
}