body{background: #002b36;}
pre{color:#859900;}
a{text-decoration: none;}
p{color:#fff;}
input{font-family: monospace;}
#text{
    color: #93a1a1;
}
.base03{color:#002b36;}
.base02{color:#073642;}
.base01{color:#586e75;}
.base00{color:#657b83;}
.base0{color:#839496;}
.base1{color:#93a1a1;}
.base2{color:#eee8d5;}
.base3{color:#fdf6e3;}
.yellow{color: #b58900;}
.orange{color: #cb4b16;}
.red{color: #dc322f;}
.magenta{color: #d33682;}
.violet{color: #6c71c4;}
.blue{color: #268bd2;}
.cyan{color: #2aa198;}
.green{color: #859900;}

#shell{
    -webkit-appearance:none;
    outline: none;
    width : calc(100% - 120px);
    background-color: #002b36;
    border: 0px;
    color:#859900;;
}
#cursor {
    position: relative;
    width: 8px;
    height: 15px;
    font-weight: 100;
    font-size: 13px;
    
}
#cursor.blinking {
    -webkit-animation: 1.2s blink step-end infinite;
    -moz-animation: 1.2s blink step-end infinite;
    -ms-animation: 1.2s blink step-end infinite;
    -o-animation: 1.2s blink step-end infinite;
    animation: 1.2s blink step-end infinite;
}
.hidden{
    display: none;
}
@keyframes blink {
	0% {
        background-color: #002b36;
        color: #002b36;
    }
	50% {
        background-color: #859900;
        color: #859900;
        
    }
}