.code-container{background-color:#2d2d2d;border-radius:8px;padding:16px;margin:20px auto;font-family:Fira Code,monospace;color:#f8f8f2;overflow-x:auto;width:400px}.code{white-space:pre-wrap;line-height:1.5;margin:0;text-align:left}.key{color:#66d9ef}.string{color:#a6e22e}.number{color:#ae81ff}.punctuation{color:#f8f8f2}.popular-tag .tag{display:inline-block;padding:5px 10px;margin:0 5px;background-color:#e0e0e0b3;color:#333;border-radius:15px;cursor:pointer;transition:background-color .3s}.popular-tag .tag:hover{background-color:#b0b0b0b3}