@import url(https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&family=Share+Tech+Mono&display=swap);@import url(https://fonts.googleapis.com/css?family=Inconsolata);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.main ::selection{background-color:#fff;color:#000}.main ::-webkit-selection{background-color:#fff;color:#000}.main ::-moz-selection{background-color:#fff;color:#000}.main{align-items:center;background-color:#000;color:#fff;display:flex;font-family:Courier New,Courier,monospace;height:100vh;justify-content:center;margin:0;padding:0}.App{border:1px solid #333;box-sizing:border-box;font-size:calc(1vw + 1vh);height:90vh;overflow:hidden;padding:20px;width:90vw}.terminal{background-color:#000;color:#fff;font-size:calc(.5vw + .5vh);height:100%;line-height:1.4;overflow:auto;white-space:pre-wrap;width:100%}.terminal a{color:#fff;text-decoration:none}.input-container{align-items:center;display:flex}.input-line{background:#0000;border:none;caret-color:#0000;color:#fff;flex:1 1;font-family:Courier New,Courier,monospace;font-size:calc(.5vw + .5vh);outline:none;white-space:nowrap}.input-suggestion{color:gray;font-size:calc(.5vw + .5vh);pointer-events:none;position:absolute}.blinking-cursor{animation:blink 1s step-start infinite;background-color:#fff;height:1em;left:calc(15ch + 3px);position:absolute;width:1px;z-index:0}.red-text{color:#ff2727}.grey-text{color:grey}@keyframes blink{0%,to{opacity:0}50%{opacity:1}}.App,.input-line,.input-suggestion,.terminal{font-size:calc(.7vw + .2vh)}@media (max-width:576px){.App,.input-line,.input-suggestion,.terminal{font-size:calc(.6vw + .3vh)}}@media (min-width:577px) and (max-width:768px){.App,.input-line,.input-suggestion,.terminal{font-size:calc(.7vw + .5vh)}}@media screen and (min-device-width:320px) and (max-device-width:768px) and (-webkit-min-device-pixel-ratio:1){.App,.input-line,.input-suggestion,.terminal{font-size:calc(.3vw + .5vh)}}.react-resizable{position:relative}.react-resizable-handle{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgd2lkdGg9IjYiIGhlaWdodD0iNiI+PHBhdGggZD0iTTYgNkgwVjQuMmg0LjJWMEg2djZaIiBvcGFjaXR5PSIuMzAyIi8+PC9zdmc+);background-origin:content-box;background-position:100% 100%;background-repeat:no-repeat;box-sizing:border-box;height:20px;padding:0 3px 3px 0;position:absolute;width:20px}.react-resizable-handle-sw{bottom:0;cursor:sw-resize;left:0;transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;cursor:se-resize;right:0}.react-resizable-handle-nw{cursor:nw-resize;left:0;top:0;transform:rotate(180deg)}.react-resizable-handle-ne{cursor:ne-resize;right:0;top:0;transform:rotate(270deg)}.react-resizable-handle-e,.react-resizable-handle-w{cursor:ew-resize;margin-top:-10px;top:50%}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{cursor:ns-resize;left:50%;margin-left:-10px}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.draggable-window{background:#000;border:1px solid #000;box-shadow:0 0 10px #0003;color:#fff;position:absolute}.handle{align-items:center;background:#272727;cursor:move;display:flex;justify-content:space-between;padding:5px}.close-button{background:#ff4d4d;border:none;color:#fff;cursor:pointer;padding:5px}.window-content{height:100%;overflow:auto}.resizable-box{border:1px solid #3b3b3b}.page-container{background:#1e1e1e;border-radius:0;color:#fff;font-family:Courier New,Courier,monospace;height:100%;overflow:auto;padding-left:10px;padding-right:10px;white-space:pre-wrap}.page-container a{color:#fff;text-decoration:none}.folder-view{display:flex;flex-wrap:wrap;gap:16px;padding:0}.file-item,.folder-item{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center;width:100%}.file-item img,.folder-item img{height:50px;width:50px}.file-item p,.folder-item p{font-size:.9rem;margin:0}@media (min-width:600px){.file-item img,.folder-item img{height:40px;width:40px}}@media (min-width:900px){.file-item img,.folder-item img{height:60px;width:60px}}@media (min-width:1200px){.file-item img,.folder-item img{height:80px;width:80px}}.game-list{display:flex;flex-wrap:wrap;gap:16px;padding:0}.item-grid{grid-gap:16px;box-sizing:border-box;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));width:100%}.game-item{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center;width:100%}.game-item img{height:50px;width:50px}.game-item p{font-size:.9rem;margin:0}@media (min-width:600px){.game-item img{height:40px;width:40px}}@media (min-width:900px){.game-item img{height:60px;width:60px}}@media (min-width:1200px){.game-item img{height:80px;width:80px}}.rng-container{padding:20px;text-align:center}.button-options button{cursor:pointer;font-size:16px;margin:10px;padding:10px 20px}.coin-flip,.dice-input,.number-input{margin-top:20px}.dice-input input,.number-input input{font-size:16px;margin:5px;padding:8px}.random-output{margin-top:20px}.random-number-changing{font-size:24px;font-weight:700}.buttons{cursor:pointer;font-size:24px;margin-top:10px;padding:15px 25px}.connect4{align-items:center;display:flex;flex-direction:column;font-family:Arial,sans-serif}.buttons{margin-bottom:20px}.col-button{background-color:#f1f1f1;border:1px solid #ccc;cursor:pointer;margin:0 5px;padding:10px;transition:background-color .3s}.col-button:hover{background-color:#ddd}.board{flex-direction:column-reverse}.board,.row{display:flex}.cell{border:1px solid #ccc;display:inline-block;height:50px;margin:2px;width:50px}.cell.red{background-color:red}.cell.blue{background-color:blue}.cell.white{background-color:#fff}.winner{color:green;font-size:1.5em}.turn,.winner{margin-top:20px}.turn{color:#333;font-size:1.2em}.blog-page{font-family:Georgia,serif;overflow:hidden;padding:20px;position:relative}.top-buttons{display:flex;justify-content:space-between;margin-top:30px;position:absolute;top:20px;width:100%;z-index:10}.back-button,.theme-toggle-button{background-color:#2d2a2a;border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:Arial,sans-serif;font-size:16px;padding:10px 15px}.theme-toggle-button{background-color:#06f;margin-right:40px}.back-button:hover,.theme-toggle-button:hover{opacity:.8}.blog-content{line-height:1.8;margin-top:100px;padding-top:20px}.blog-content img{display:block;height:auto;margin:20px 0;max-width:100%}.no-blogs{color:#333;font-size:1.5rem;margin-top:50px;padding:20px;text-align:center}.light-mode{background-color:#f5f5f5;color:#333}.theme-toggle-button.light-mode{background-color:#06f}.top-buttons button.light-mode{background-color:#2d2a2a;color:#fff}.dark-mode{background-color:#121212;color:#e0e0e0}.theme-toggle-button.dark-mode{background-color:#00ab6c}.top-buttons button.dark-mode{background-color:#333;color:#fff}.dark-mode .blog-content{color:#e0e0e0}.dark-mode .no-blogs{color:#b3b3b3}.dark-mode .back-button,.dark-mode .theme-toggle-button{background-color:#06f}.back-button{cursor:pointer;font-size:16px;padding:10px 20px}.blog-list{margin-top:20px}.blog-item{margin:10px 0}.blog-table{display:table;margin-bottom:10px;width:100%}.blog-row{display:table-row}.blog-cell{border-bottom:1px solid #ddd;display:table-cell;padding:10px}.blog-cell:first-child{width:5%}.blog-cell:nth-child(2){width:30%}.blog-cell:nth-child(3),.blog-cell:nth-child(4){width:20%}.blog-cell:nth-child(5){width:25%}.read-link{color:#00ab6c;font-weight:500;text-decoration:none;transition:color .2s ease-in-out}.read-link:hover{color:#008c4a;cursor:pointer;text-decoration:underline}.blog-page .top-buttons{margin-top:20px}.blog-content{margin:0 auto;max-width:800px;padding:40px 0}.blog-content img{border-radius:8px}.no-blogs{color:#555;font-size:1.2rem;padding:10px}.light-mode a{color:#333}.dark-mode a{color:#e0e0e0}.dark-mode a:hover,.light-mode a:hover{color:#008c4a;text-decoration:underline}.intro-page{background-color:#fff;color:#333;font-family:Georgia,serif;padding:20px;text-align:center}.intro-page .back-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:Arial,sans-serif;font-size:16px;padding:10px 20px}.intro-page .back-button:hover{background-color:#0056b3}.intro-page .blog-list{margin-top:20px}.intro-page .blog-item{margin:10px 0}.intro-page .blog-table{display:table;margin-bottom:10px;width:100%}.intro-page .blog-row{display:table-row}.intro-page .blog-cell{background-color:#fff;border-bottom:1px solid #ddd;display:table-cell;padding:10px}.intro-page .blog-cell:first-child{width:5%}.intro-page .blog-cell:nth-child(2){width:30%}.intro-page .blog-cell:nth-child(3),.intro-page .blog-cell:nth-child(4){width:20%}.intro-page .blog-cell:nth-child(5){width:25%}.intro-page .read-link{color:#007bff;font-weight:500;text-decoration:none;transition:color .2s ease-in-out}.intro-page .read-link:hover{color:#0056b3;cursor:pointer;text-decoration:underline}.intro-page .blog-cell:nth-child(odd){background-color:#f9f9f9}.intro-page .blog-item h2{color:#333;font-size:1.5rem}.intro-page .blog-list p{color:#666;font-size:1rem}.sidebar{background-color:#f44;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:flex-start;left:-100%;padding:20px;position:fixed;top:0;transition:left .3s ease;width:25%;z-index:1000}.sidebar.active{left:0}.sidebar button{background:none;border:2px solid #ffffff80;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:600;margin-bottom:12px;padding:12px;text-align:left;transition:all .3s ease}.sidebar button:hover{background-color:#ffffff1a;border-color:#fff;color:#fff}.toggle-btn{background-color:#a44;border-radius:8px;color:#fff;left:20px;padding:10px;position:absolute;top:20px;transition:left 1s ease;z-index:1000}.toggle-btn button:hover{background-color:#a44!important;color:#fff}.MuiSvgIcon-root{z-index:1100}@media (max-width:768px){.sidebar{width:50%}}@media (max-width:480px){.sidebar{width:75%}}.overlay{background-color:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:999}.sidebar.active+.overlay{display:block}h1,h2{margin:0}.hero{color:#14d384;font-family:Orbitron,serif;font-size:clamp(40px,10vw,100px);letter-spacing:10px}.asst,.hero{display:inline-block;filter:drop-shadow(0 1px 3px);line-height:1;z-index:2}.asst{color:#f33;font-family:Share Tech Mono,serif;font-size:clamp(20px,6vw,50px);letter-spacing:2px}.demo{background:#fff;height:100px}.layers{position:relative}.layers:after,.layers:before{content:attr(data-text);position:absolute;width:110%;z-index:-1}.layers:before{color:#28e0b2;left:15px;top:10px}.layers:after{color:#095c06;left:-10px;top:5px}.asst .layers:before{color:#e06218;left:15px;top:10px}.asst .layers:after{color:#470000;left:-10px;top:5px}.topics .layers:before{color:#3c920b;left:15px;top:10px}.topics .layers:after{color:#004729;left:-10px;top:5px}.single-path{clip-path:polygon(0 12%,53% 12%,53% 26%,25% 26%,25% 86%,31% 86%,31% 0,53% 0,53% 84%,92% 84%,92% 82%,70% 82%,70% 29%,78% 29%,78% 65%,69% 65%,69% 66%,77% 66%,77% 45%,85% 45%,85% 26%,97% 26%,97% 28%,84% 28%,84% 34%,54% 34%,54% 89%,30% 89%,30% 58%,83% 58%,83% 5%,68% 5%,68% 36%,62% 36%,62% 1%,12% 1%,12% 34%,60% 34%,60% 57%,98% 57%,98% 83%,1% 83%,1% 53%,91% 53%,91% 84%,8% 84%,8% 83%,4% 83%)}.paths{animation:paths 5s step-end infinite}@keyframes paths{0%{clip-path:polygon(0 43%,83% 43%,83% 22%,23% 22%,23% 24%,91% 24%,91% 26%,18% 26%,18% 83%,29% 83%,29% 17%,41% 17%,41% 39%,18% 39%,18% 82%,54% 82%,54% 88%,19% 88%,19% 4%,39% 4%,39% 14%,76% 14%,76% 52%,23% 52%,23% 35%,19% 35%,19% 8%,36% 8%,36% 31%,73% 31%,73% 16%,1% 16%,1% 56%,50% 56%,50% 8%)}5%{clip-path:polygon(0 29%,44% 29%,44% 83%,94% 83%,94% 56%,11% 56%,11% 64%,94% 64%,94% 70%,88% 70%,88% 32%,18% 32%,18% 96%,10% 96%,10% 62%,9% 62%,9% 84%,68% 84%,68% 50%,52% 50%,52% 55%,35% 55%,35% 87%,25% 87%,25% 39%,15% 39%,15% 88%,52% 88%)}30%{clip-path:polygon(0 53%,93% 53%,93% 62%,68% 62%,68% 37%,97% 37%,97% 89%,13% 89%,13% 45%,51% 45%,51% 88%,17% 88%,17% 54%,81% 54%,81% 75%,79% 75%,79% 76%,38% 76%,38% 28%,61% 28%,61% 12%,55% 12%,55% 62%,68% 62%,68% 51%,0 51%,0 92%,63% 92%,63% 4%,65% 4%)}45%{clip-path:polygon(0 33%,2% 33%,2% 69%,58% 69%,58% 94%,55% 94%,55% 25%,33% 25%,33% 85%,16% 85%,16% 19%,5% 19%,5% 20%,79% 20%,79% 96%,93% 96%,93% 50%,5% 50%,5% 74%,55% 74%,55% 57%,96% 57%,96% 59%,87% 59%,87% 65%,82% 65%,82% 39%,63% 39%,63% 92%,4% 92%,4% 36%,24% 36%,24% 70%,1% 70%,1% 43%,15% 43%,15% 28%,23% 28%,23% 71%,90% 71%,90% 86%,97% 86%,97% 1%,60% 1%,60% 67%,71% 67%,71% 91%,17% 91%,17% 14%,39% 14%,39% 30%,58% 30%,58% 11%,52% 11%,52% 83%,68% 83%)}76%{clip-path:polygon(0 26%,15% 26%,15% 73%,72% 73%,72% 70%,77% 70%,77% 75%,8% 75%,8% 42%,4% 42%,4% 61%,17% 61%,17% 12%,26% 12%,26% 63%,73% 63%,73% 43%,90% 43%,90% 67%,50% 67%,50% 41%,42% 41%,42% 46%,50% 46%,50% 84%,96% 84%,96% 78%,49% 78%,49% 25%,63% 25%,63% 14%)}90%{clip-path:polygon(0 41%,13% 41%,13% 6%,87% 6%,87% 93%,10% 93%,10% 13%,89% 13%,89% 6%,3% 6%,3% 8%,16% 8%,16% 79%,0 79%,0 99%,92% 99%,92% 90%,5% 90%,5% 60%,0 60%,0 48%,89% 48%,89% 13%,80% 13%,80% 43%,95% 43%,95% 19%,80% 19%,80% 85%,38% 85%,38% 62%)}1%,33%,47%,7%,78%,93%{clip-path:none}}.movement{animation:movement 8s step-end infinite;position:relative}@keyframes movement{0%{left:-20px;top:0}15%{left:10px;top:10px}60%{left:-10px;top:5px}75%{left:20px;top:-5px}to{left:5px;top:10px}}.opacity{animation:opacity 5s step-end infinite}@keyframes opacity{0%{opacity:.1}5%{opacity:.7}30%{opacity:.4}45%{opacity:.6}76%{opacity:.4}90%{opacity:.8}1%,33%,47%,7%,78%,93%{opacity:0}}.font{animation:font 7s step-end infinite}@keyframes font{0%{color:#e0287d;filter:blur(3px);font-weight:100}20%{color:#fff;filter:blur(0);font-weight:500}50%{color:#1bc7fb;filter:blur(2px);font-weight:300}60%{color:#fff;filter:blur(0);font-weight:700}90%{color:#e0287d;filter:blur(6px);font-weight:500}}.glitch span{animation:paths 5s step-end infinite}.glitch:before{animation:paths 5s step-end infinite,opacity 5s step-end infinite,font 8s step-end infinite,movement 10s step-end infinite}.glitch:after{animation:paths 5s step-end infinite,opacity 5s step-end infinite,font 7s step-end infinite,movement 8s step-end infinite}.hero-container{position:relative}.environment{background-size:cover;bottom:0;filter:blur(5px);left:0;opacity:.5;position:absolute;right:0;top:0}.content-page h2{color:#f1f1f1;font-family:Arial,sans-serif;font-size:1.2em;padding:20px;text-align:center}.bio-page{width:100%}.bio-item,.bio-page{align-items:flex-start;display:flex;flex-direction:column}.bio-item{padding:10px 0;width:80%}.bio-topic{font-size:1.5rem;font-weight:700;padding-bottom:.5vh}.bio-content{word-wrap:break-word;font-size:1.2rem;overflow-wrap:break-word;padding-right:50px;text-align:left}.bio-content,.download-button{font-family:Courier New,Courier,monospace}.download-button{background-color:#040;border:none;color:#fff;cursor:pointer;font-weight:700;padding:8px 16px;transition:.3s}.download-button:hover{background-color:#0b0}.languages-page{align-items:flex-start;display:flex;flex-direction:column;font-family:Courier New,Courier,monospace;width:100%}.topics{color:#6dff33;display:inline-block;filter:drop-shadow(0 1px 3px);font-family:Share Tech Mono,serif;font-size:clamp(10px,3vw,25px);letter-spacing:1px;line-height:1;z-index:2}.section-title{font-size:1.5rem;font-weight:700;margin-bottom:10px;text-transform:uppercase}.languages-list{width:100%}.progress-container{align-items:center;display:flex;justify-content:space-between;padding:5px 20vw 5px 0;width:100%}.language-name{font-size:1.2rem;text-align:left;width:100px}.custom-progress{background-color:#111;border:2px solid #0f0;display:flex;height:12px;overflow:hidden;position:relative;width:70%}.progress-fill{background:linear-gradient(90deg,#0f0,#0d0);box-shadow:0 0 10px #0f0,0 0 20px #0f0;height:100%;transition:width .5s ease-in-out}.crt-overlay{background:repeating-linear-gradient(90deg,#0000,#0000 2px,#00ff004d 0,#00ff004d 4px);height:100%;mix-blend-mode:overlay;position:absolute;width:100%}.dumme{color:#90d314;display:inline-block;font-family:Orbitron,serif;font-size:clamp(10px,5vw,30px);letter-spacing:10px;z-index:2}.certificates-container{align-items:center;box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;padding:20px;width:100vw}.certificates-wrapper{background-color:#000c;border-radius:10px;display:flex;margin:auto;max-width:100vw;width:80%}.folder-list{border-right:1px solid gray;overflow-y:auto;padding:10px;width:30%}.folder{cursor:pointer;font-size:1.2rem;padding-bottom:2vh}.file-list{margin-left:20px;padding-bottom:2vh}.file{cursor:pointer;font-size:1rem;margin:5px 0}.certificate-viewer{align-items:center;display:flex;justify-content:center;width:80%}.pdf-viewer{border:none;height:90vh;width:80%}.image-viewer{max-height:90vh;max-width:80%;object-fit:contain}.mainframe-container{background-color:#290628;background-image:radial-gradient(#11581e,#041607);background-repeat:no-repeat;background-size:cover;color:#fff;display:flex;height:100vh;overflow:hidden;position:relative;z-index:100}.mainframe-content{overflow-x:hidden;padding-left:30px;padding-top:10vh}.mainframe-container:after{background:repeating-linear-gradient(180deg,#0000,#0000004d 50%,#0000);background-size:auto 4px;content:"";height:100%;pointer-events:none;position:absolute;width:100%;will-change:background-position;z-index:1}.mainframe-container:before{animation:greenScan 10s linear infinite;background:#0f0c;content:"";height:2px;left:0;position:absolute;top:-5%;width:100%;z-index:2}@keyframes greenScan{0%{opacity:.2;top:-5%}to{opacity:.5;top:105%}}.dumme{color:#6dff33;filter:drop-shadow(0 1px 3px);font-family:Share Tech Mono,serif;font-size:clamp(10px,2vw,25px);letter-spacing:1px;line-height:1}.achievements-page{align-items:flex-start;display:flex;flex-direction:column;font-family:Courier New,Courier,monospace;overflow:auto;padding:10px;width:100%}.achievement-title{padding-right:10vw}.achievement-year{color:#0d0}.project-link a{color:#0d0;text-decoration:none}.project-link :hover{color:#040}.achievements-list{list-style-type:none;margin:0;padding:0;width:100%}.achievement-item{border-bottom:1px solid #00ff004d;cursor:pointer;display:flex;font-size:1.2rem;justify-content:space-between;padding:8px 0;transition:text-shadow .3s ease-in-out;width:100%}.achievement-item:hover{text-shadow:0 0 8px #0f0,0 0 16px #0f0}.description-container{background:#000c;border:1px solid #0f0;color:#0f0;font-size:1.1rem;margin-top:20px;max-width:600px;padding:10px;white-space:pre-wrap}.typewriter-text{display:inline-block;font-family:Courier New,Courier,monospace;font-size:1.2rem;line-height:1.5;overflow:hidden;white-space:pre-wrap}.cursor-box{display:inline-block;height:16px;margin-left:2px;width:8px}.empty-space{padding-bottom:10vh}.redref a{color:#fff;text-decoration:none;word-break:keep-all}.con-item{overflow:hidden;padding-bottom:2vh;padding-top:1vh;text-overflow:ellipsis;white-space:nowrap}.redref a:hover{color:#4d4}.overlay-toggle-container{bottom:20px;position:fixed;right:20px;z-index:500}.switch{display:inline-block;height:25px;position:relative;width:45px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;border-radius:34px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:background-color .4s ease}.slider:before{background-color:#fff;border-radius:50%;bottom:2px;content:"";height:21px;left:4px;position:absolute;transition:transform .4s ease;width:21px}input:checked+.slider{background-color:#0f0}input:checked+.slider:before{transform:translateX(20px)}.switch:hover .slider{background-color:#6f6}.switch:active .slider:before{transform:translateX(18px)}.loading-screen{align-items:center;background-color:#000c;color:#fff;cursor:default;display:flex;flex-direction:column;font-family:Courier New,monospace;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.loading-screen h2{font-size:24px;margin-bottom:20px}.progress-bar{background-color:#444;height:20px;overflow:hidden;width:80%}.progress{background-color:#0f0;height:100%;transition:width .2s ease-in-out;width:0}.developer-mode{font-family:Courier New,monospace}.developer-mode,.mainframe-mode{background-color:#000;color:#fff;min-height:100vh}.mainframe-mode{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}