* {
  box-sizing: border-box; }

html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: "Roboto", sans-serif; }

#editor {
  width: calc(35% - 3px);
  height: 100%;
  border: 0;
  outline: none;
  z-index: 10;
  float: left;
  padding: 2em; }

#divider {
  width: 6px;
  height: 100%;
  background-color: #DDD;
  float: left;
  cursor: e-resize;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); }
  #divider span {
    display: block;
    transform: rotate(90deg);
    padding-bottom: 12px;
    color: #333; }

#preview {
  width: calc(65% - 3px);
  height: 100%;
  float: right;
  padding: 1em; }