/*
|--------------------------------------------------------------------------
| TERMINAL WINDOW
|--------------------------------------------------------------------------
*/

#terminal-window{

    height:400px;

    overflow-y:auto;

    overflow-x:hidden;

    display:flex;

    flex-direction:column;

    padding-right:5px;

    scroll-behavior:smooth;

}

/*
|--------------------------------------------------------------------------
| OUTPUT
|--------------------------------------------------------------------------
*/

#terminal-output{

    flex:1;

    white-space:pre-wrap;

    line-height:1.6;

}

/*
|--------------------------------------------------------------------------
| TERMINAL LINES
|--------------------------------------------------------------------------
*/

.line{

    margin-bottom:10px;

    white-space:pre-wrap;

}

.prompt{

    color:#00ff66;

    margin-right:8px;

    white-space:nowrap;

    display:inline-block;

    text-shadow:0 0 4px #00ff66;

}

/*
|--------------------------------------------------------------------------
| INPUT LINE
|--------------------------------------------------------------------------
*/

.terminal-line{

    display:flex;

    align-items:center;

    flex-wrap:nowrap;

    margin-top:10px;

}

/*
|--------------------------------------------------------------------------
| INPUT
|--------------------------------------------------------------------------
*/

#terminal-input{

    background:transparent !important;

    border:none !important;

    outline:none !important;

    box-shadow:none !important;

    color:#00ff66;

    caret-color:#00ff66;

    width:100%;

    min-width:0;

    font-family:"Courier New", monospace;

    font-size:16px;

    padding:0;

    margin:0;

    appearance:none;

    -webkit-appearance:none;

    text-shadow:0 0 4px #00ff66;

}

/*
|--------------------------------------------------------------------------
| SCROLLBAR HIDDEN
|--------------------------------------------------------------------------
*/

#terminal-window::-webkit-scrollbar{

    width:0;

    height:0;

}

#terminal-window{

    scrollbar-width:none;

}

/*
|--------------------------------------------------------------------------
| SELECTION
|--------------------------------------------------------------------------
*/

#terminal-input::selection{

    background:#00ff66;

    color:#000;

}