body {
    margin: 0;
    padding: 0;
    background-color: #000;
    /*margin-bottom: 50px;*/
}
@media screen and (min-width: 971px) {
    #logoascii {
        font-size: 6.5pt;
    }
}
@media screen and (max-width: 970px) {
    #logoascii {
        font-size: 4.5pt;
    }
}
@media screen and (max-width: 670px) {
    #logoascii {
        font-size: 2.5pt;
    }
}
/*.terminal {
    height: 200px !important;
    overflow: hidden !important;
    background-color: red !important;
}*/
.cmd span:not(.inverted):not(.token):not(.emoji),
.terminal-output>.command>:not(.raw) span:not(.token):not(.inverted):not(.error):not(.emoji) {
    color: #00ff00 !important;
}
.terminal-output>:not(.raw) a[href] {
    color: #ffffff !important;
}
.terminal-output>:not(.raw) a[href]:hover {
    color: #000000 !important;
    background-color: #ffffff !important;
}

#keyboard-wrapper {
    position: relative;
}
#keyboard-wrapper textarea {
    position: absolute;
    clip: rect(0,0,0,0);
}
.ui-keyboard {
    border-width: 1px 0 0 0;
    border-radius: 0;
}
button {
    outline: none;
}
#keyboard-wrapper .ui-keyboard {
    top: 0 !important;
    margin-top: -1px; /* fix 1px border */
}
.terminal {
    height: calc(100vh - var(--keyboard-height));
    box-sizing: border-box;
}
.ui-keyboard-input {
   display: none;
}