body,
body * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html,
body {
  height: 100%;
  font-family: ubuntu, 'Century Gothic', sans-serif;
}
textarea::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
textarea::-webkit-scrollbar-thumb {
  background: #4a5568;
}
textarea::-webkit-scrollbar-corner {
  background: none;
}
#app {
  height: 100%;
  overflow: hidden;
}
.editor-con {
  /* height: 75%; */
  height: 100%;
  overflow: hidden;
}
.iframe-con {
  /* height: 25%; */
  height: 0%;
  overflow: hidden;
}
iframe {
  display: block;
  border: none;
  width: 100%;
  height: 100%;
}
textarea {
  font-family: 'SF Mono', 'Roboto Mono', 'Dank Mono', 'Operator Mono Lig Book',
    'Operator Mono', 'Fira Code', Inconsolata, 'Source Code Pro', Monaco,
    Consolas, 'Hind Siliguri', monospace;
  display: block;
  resize: none;
  padding: 16px;
  border: none;
  outline: none;
  height: 100%;
  width: 100%;
  background: #2d3748;
  text-shadow: 0 1px 2px #0008;
  color: #cbd5e0;
  font-size: 14px;
  line-height: 1.6;
  white-space: pre;
}
.slider-thumb {
  position: relative;
}
.slider-thumb::after {
  content: '';
  position: absolute;
  height: 8px;
  width: 100%;
  bottom: -4px;
  cursor: row-resize;
}