code {
    font-size: 1.1em;
    background-color: #EFEFEF;
    padding: 3px;
}

pre {
    margin-bottom: 1.5em;
}

pre code {
    font-family: monospace;
    display: block;
    padding: 15px 20px;
    color: #a9bcbc;
    line-height: 1.4em;
    font-size: 1.1em;
    overflow-x: auto;
    white-space: pre;
    background-color: #1F1F24;
    -webkit-overflow-scrolling: touch;
    margin-left: -20px;
    margin-right: -20px;
}

pre code .keyword {
    color: #FC5FA3;
}

pre code .type {
    color: #5DD8FF;
}

pre code .call {
    color: #67B7A4;
}

pre code .property {
    color: #67B7A4;
}

pre code .number {
    color: #D0BF69;
}

pre code .string {
    color: #FC6A5D;
}

pre code .comment {
    color: #6C7986;
}

pre code .dotAccess {
    color: #FFFFFF;
}

pre code .preprocessing {
    color: #FD8F3F;
}

@media (prefers-color-scheme: dark) {
    code {
        background-color: #323232;
    }
}

@media (min-width: 720px) {
    body {
        font-size: 1.1em;
    }
    
    code {
        border-radius: 5px;
    }
    
    pre code {
        border-radius: 17px;
        margin-left: 0;
        margin-right: 0;
    }
}