styles.css

html, body {
  margin: 0;

  height: 100%;

  font-family: 'Arial'
}

.scratchpad {
  display: flex;

  height: 100%;
}

.tricycle {
  height: 100%;
}

.code {
  width: 70%;

  padding: 0px 5px;

  margin: 0px;
  border: 0px;
  border-right: 1px solid gray;
}

.handler {
  z-index: 7;
  height: 100%;
  width: 10px;
  cursor: col-resize;
  position: absolute;
  margin-left: -5px;
}

.result-container {
  width: 30%;

  display: flex;

  flex-direction: column;
}

.app {
  padding: 5px;

  flex-grow: 1;
}

.error {
  border-top: 1px solid gray;

  padding: 5px;

  background: #BBB;
}

.vim-support {
  position: absolute;
  bottom: 2px;
  left: 53px;

  z-index: 100;

  color: lightgray;

  opacity: 0.5;

  display: flex;
}