#codeConsole{
  width: 100%;
  height: 100px;
  border: 1px solid silver;
  overflow: scroll;
}

#codeOutput{
  width:100%;
  overflow:scroll;
}

#iframe{
  width:100%;
  height:98%;
  border: 1px solid silver;
}

#codeDiv{
  width: 100%;
  height: 80%;
}

#consoleDiv{
  width:100%;
  height:15%;
}

div.col-50{
  vertical-align: top;
  width:48%;
  display:inline-block;
  border: 1px solid silver;
  height:93%;
  padding: .5em;
}

div.row{
  vertical-align: top;
  display:block;
}

body {
  font-family: Arial, sans;
}
.CodeMirror { height: 93% !important; border: 1px solid #ddd; }
.CodeMirror-scroll { max-height: 800px; }
.CodeMirror pre { padding-left: 7px; line-height: 1.25; }
.banner { background: #ffc; padding: 6px; border-bottom: 2px solid silver;  }
.banner div { margin: 0 auto; max-width: 700px; text-align: center; }