body{background-color:#2b2b2b;display:flex;justify-content:center;align-items:center;height:100vh;margin:0}.terminal-container{width:800px;height:600px;background-color:#000;border-radius:10px;box-shadow:0 0 10px #00000080;overflow:hidden}.terminal{height:100%;width:100%;color:#fff;font-family:Courier New,monospace;padding:20px;box-sizing:border-box;overflow-y:auto}.terminal-header{padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.1)}.terminal-body{padding:10px 0}.prompt{display:flex;margin-bottom:5px}.username,.hostname{color:#0f0}.current-directory{color:#0ff}.command{color:#fff;margin-left:5px}.cursor{display:inline-block;width:2px;height:18px;background-color:#fff;opacity:0;padding-top:0;margin:0 0 0 5px}.cursor.blink{animation:blink .6s infinite step-start}@keyframes blink{0%,50%{opacity:0}51%,to{opacity:1}}@media (max-width: 768px){.terminal-container{width:100vw;height:80vh;background-color:#000;border-radius:10px;box-shadow:0 0 10px #00000080;overflow:hidden}canvas{width:100%}}a,a:visited{color:#0ff;text-decoration:none}a:hover{color:#0f0;text-decoration:underline}.output{color:#fff;font-family:Courier New,monospace;font-size:1.1rem;line-height:1.5rem;margin-bottom:10px}.output img{max-width:100%;max-height:100%}.output img{width:100%;height:auto}