* {
  box-sizing: border-box;
  height:100%;
}

body {
  margin: 0;
  height:100%;
  /* font-size: 26px;*/
}

.content {
  width: 100%;
  height: 100%;
  padding: 0px;
  display: flex;
  justify-items: center;
  align-items: center;
  margin-top: 0px;
}

.split {
  width:100%;
  height:100%;
}

.left {
  height: 100%
}

.right {
  height: 100%
}

.gutter {
  /* cursor: e-resize; */
  /* background: grey; */
  height: 98%;
  background-color: #eee;
  background-repeat: no-repeat;
  background-position: 50%;
}

.gutter.gutter-horizontal {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAIklEQVQoU2M4c+bMfxAGAgYYmwGrIIiDjrELjpo5aiZeMwF+yNnOs5KSvgAAAABJRU5ErkJggg==');
  cursor: col-resize;
}
.gutter.gutter-vertical {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAFAQMAAABo7865AAAABlBMVEVHcEzMzMzyAv2sAAAAAXRSTlMAQObYZgAAABBJREFUeF5jOAMEEAIEEFwAn3kMwcB6I2AAAAAASUVORK5CYII=');
  cursor: row-resize;
}