style.scss

$font-color: #0f8;
$bg-color: #111;
$header-color: #fff;
$selection-color: #FF5E99;
$font-family: "Courier New", monospace;
$font-size: 13px;

::selection {
  background: $selection-color;
}

html, body {
  width: 100%;
  height: 100%;
  margin: 0;
}

body {
   font-family: $font-family;
   color: $header-color;
   background: $bg-color;
   font-size: $font-size;
}

#wrapper {
   padding: .1em 5em 1em 1em;
   line-height: 1;
   
   output {
      clear: both;
      width: 100%;
      
      h3, h2 {
         margin: 0;
      }
      
      pre {
         margin: 0;
      }
      
      p {
         margin-top: .5em;
         margin-bottom: .5em;
      }
   }
}

.input-line {
   display: -webkit-box;
   -webkit-box-orient: horizontal;
   -webkit-box-align: stretch;
   display: -moz-box;
   -moz-box-orient: horizontal;
   -moz-box-align: stretch;
   display: box;
   box-orient: horizontal;
   box-align: stretch;
   clear: both;
   color: $font-color;
   margin-top: 20px;
   
   div:nth-child(2) {
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      box-flex: 1;
   }
}

.prompt {
   white-space: nowrap;
   color: #96b38a;
   margin-right: 7px;
   display: -webkit-box;
   -webkit-box-pack: center;
   -webkit-box-orient: vertical;
   display: -moz-box;
   -moz-box-pack: center;
   -moz-box-orient: vertical;
   display: box;
   box-pack: center;
   box-orient: vertical;
   -webkit-user-select: none;
   -moz-user-select: none;
   user-select: none;
}

.cmdline {
   outline: none;
   background-color: transparent;
   margin: 0;
   width: 100%;
   font: inherit;
   border: none;
   color: inherit;
}

.ls-files {
   height: 45px;
   -webkit-column-width: 100px;
   -moz-column-width: 100px;
   -o-column-width: 100px;
   column-width: 100px;
}