body { background-color: #121212; padding: 20px; color: white; font-family: sans-serif; }
        pre.vs-dark-csharp {
            background-color: #1e1e1e;
            color: #d4d4d4;
            padding: 20px;
            border-radius: 4px;
            font-family: 'Consolas', 'Monaco', monospace;
            font-size: 14px;
            line-height: 1.5;
            tab-size: 4;
            border-left: 5px solid #007acc;
            white-space: pre;
            overflow-x: auto;
        }
        .token.keyword { color: #569cd6; }
        .token.control { color: #c586c0; }
        .token.class-name { color: #4ec9b0; }
        .token.interface { color: #b8d7a3; }
        .token.function { color: #dcdcaa; }
        .token.string { color: #d69d85; }
        .token.comment { color: #6a9955; }
        .token.number { color: #b5cea8; }
        .token.preprocessor { color: #9b9b9b; }
        .token.property { color: #ee82ee; }

@media screen and (max-width: 768px) { 
.code-text{
    padding: 10px;
    font-size: 12px;          /* VS Default size */
    line-height: 1.0;
    tab-size: 2;
}
.content-box{
    font-size: 0.8rem;          /* VS Default size */
    line-height: 1.0;
}
 h1 {    
    font-size: 1.2rem;
    padding-bottom: 8px;
    margin-top: 0;
}
}