.codeBlock_root__SrOh4{white-space:pre-wrap;text-align:left;border:1px solid var(--glass-border);padding:36px 24px 24px;max-width:1000px;width:85%;height:675px;font-size:14px;margin:1.5rem auto;background-color:#1a1a1a;box-shadow:0 20px 50px -10px rgba(0,0,0,.5);animation:codeBlock_expand__ZSg3D .5s cubic-bezier(.4,0,.2,1);border-radius:12px;position:relative;overflow:auto}.codeBlock_root__SrOh4:before{content:"";position:absolute;top:16px;left:16px;width:12px;height:12px;border-radius:50%;background:#ff5f56;box-shadow:20px 0 0 #ffbd2e,40px 0 0 #27c93f}.codeBlock_root__SrOh4:after{content:"developer_portfolio.json";position:absolute;top:12px;width:100%;text-align:center;color:#fff;font-size:14px;font-family:var(--font-main);left:0;opacity:.5;pointer-events:none}@media only screen and (max-width:800px){.codeBlock_root__SrOh4{font-size:12px;padding:40px 20px 20px}}@keyframes codeBlock_expand__ZSg3D{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.codeBlock_line__3KTOM{min-height:1.5em;display:flex;flex-wrap:wrap;align-items:center}.codeBlock_lineNumber__aL0Lg{display:inline-block;width:2rem;color:#fff;opacity:.5;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-align:right;margin-right:1.5rem;font-size:.9em}.codeBlock_keyword__w97Zv{color:#ff79c6;font-weight:700}.codeBlock_variable__RfbIg{color:#50fa7b}.codeBlock_string__Dm3kA{color:#f1fa8c}.codeBlock_key__j_rcK{color:#8be9fd}.codeBlock_plain__7O39H{color:#f8f8f2}.codeBlock_cursor__WLrm7{display:inline-block;width:9px;font-weight:800;color:#fff;height:1.2em;border-bottom:2px solid #fff;background-color:var(--accent-primary);animation:codeBlock_blink__qWQpn 1s step-end infinite;margin-left:2px;vertical-align:middle}@keyframes codeBlock_blink__qWQpn{0%,to{opacity:1}50%{opacity:0}}.codeBlock_codeContainer__9OaUT{font-family:var(--font-mono,"Courier New",Courier,monospace);line-height:1.6}.codeBlock_loaderCursor__UpYyC{display:inline-block;animation:codeBlock_rotate__UMmUF 2s infinite}@keyframes codeBlock_rotate__UMmUF{to{transform:rotate(-1turn)}}.codeBlock_cursorBlink__q18Cl{animation:codeBlock_blinker__A5aUu 1s linear infinite}@keyframes codeBlock_blinker__A5aUu{20%{opacity:0}50%{opacity:0}80%{opacity:0}}