@import url('https://fonts.googleapis.com/css?family=Roboto+Mono:300,400,700');

body {
  background-color: #000;
  color: #FFF;
  font-family: 'Roboto Mono', monospace;
  font-size: 16px;
}

.char_space {
    display: inline-block;
    width: 10px;
    height: 16px;
}

#output {
  position: fixed;
  bottom: 25px;
  width: 100%;
}

#input {
  position: fixed;
  bottom: 0;
  display: table;
}

#input span, #input form{
  display: table-cell;
}

#input form {
  width: 100%;
  padding-left: 5px;
}

#input input {
  color: inherit;
  font-size: 16px;
  font-family: inherit;
  width: 100%;
  background-color: #000;
  border: 0;
}

#input input:focus  {
  outline: none;
}



.content_item .content_row {
  display: table;
  width: 100%;
}

.content_item .content_row .left, .content_item .content_row .center, .content_item .content_row .right {
  display: table-cell;
}

.content_item .content_row .left, .content_item .content_row .center {
  width: 250px;
}

.content_item .content_row .left {
    padding-left: 30px;
}