html, body {
    font-size: 14px;
    height: 100%;
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}

.dark {
    background-color: #2B2B2B;
}

.dark > div {
    font-weight: 400;
    max-width: 90%;
    color: #A9B7C6;
    word-break: break-all;
}

.dark .code {
    font-size: 2em;
}

.dark .keyword {
    color: #CC7832;
    font-weight: 600;
}

.dark .string {
    color: #A5C25C;
}

.dark .number {
    color: #9876AA;
    font-weight: 600;
}

.dark .operator {
    color: #C4B3A3;
}

.centered {
    position: fixed; /* or absolute */
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}