.codeme:not([data-code]) {
    opacity: 0;
    animation: revealcode linear 0.5s forwards;
}

@keyframes revealcode {
    from {
        opacity: 0;
    }

    80% {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.code-classname {
    color: #1B8;
}

.code-tagname {
    color: #1B8;
}

.code-varname {
    color: #C84;
}

.code-attr {
    color: #7CE;
}

.code-quote {
    color: #C84;
}

.code-string {
    color: #C84;
}

.code-bool {
    color: #38D;
}

.code-eq {
    color: #999;
}

.code-abrk {
    color: #555;
}

.code-number {
    color: #FF5;
}

.code-misc {
    color: #FFF;
}