body{font-size:14px;font-family:monospace;margin:0}*{box-sizing:border-box}body,html{height:100%}.terminal .nav-bar,.window{display:flex;height:100%;align-items:center;justify-content:center}.terminal{width:100%;max-width:600px;position:fixed;bottom:50%;left:50%;transform:translate(-50%,50%);transition:bottom 500ms ease-in-out,transform 200ms ease-in-out}.terminal .nav-bar{flex-direction:row;justify-content:flex-start;padding:0 8px;background-color:#f0f0f0;height:24px;border-radius:5px 5px 0 0}.terminal .nav-bar .ctl{width:13px;height:13px;border-radius:50%;margin:0 8px 0 0}.terminal .nav-bar .ctl.ctl-close{background-color:#fa615b;border:.5px solid rgba(248,49,42,.4)}.terminal .nav-bar .ctl.ctl-minimise{background-color:#fdbc40;border:.5px solid rgba(252,170,14,.4)}.terminal .nav-bar .ctl.ctl-expand{background-color:#40c649;border:.5px solid rgba(48,163,56,.4)}.terminal .terminal-view{background-color:#1f1f1f;color:#fff;padding:8px;border-radius:0 0 5px 5px;height:360px;position:relative;cursor:text;display:flex;flex-direction:column;justify-content:flex-start;letter-spacing:.05em;overflow:auto}.terminal .terminal-view .line{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start}.terminal .terminal-view .line.current{flex:1}.terminal .terminal-view .line span.bash{line-height:20px;margin-right:8px}.terminal .terminal-view .line div,.terminal .terminal-view .line textarea{flex:1;background:0 0;border:0;outline:0;color:#fff;font-family:monospace;resize:none;font-size:14px;line-height:20px;padding:0;height:100%;letter-spacing:.05em}.terminal.hide{position:fixed;bottom:0;cursor:pointer!important;transform:translate(-50%,50%)}.terminal.hide:hover{transform:translate(-50%,48%)}