body {
  overflow: hidden;
}

/*                */
/* EDITOR SECTION */
/*                */

.editor {
  width: 40%;
  height: 100%;

  border-right: 2px solid black;

  position: absolute;
  top: 0px;
  left: 0px;

  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.input-area {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  
  margin: 15px;
}

.input-label {
  font-size: 10px;
  font-family: 'Space Mono', monospace;

  margin-right: 65px;
}

/*                  */
/* PREIVIEW SECTION */
/*                  */

.preview {
  width: 60%;
  height: 100%;

  position: absolute;
  top: 0%;
  left: 40%;

  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

#button-preview {
  color: black;
  width: 75px;
  height: 20px;
  border-radius: 0px;
}