/* Alignment modifiers
 ========================================================================== */
 .ql-align-left {
  text-align: left !important;
}
.ql-align-right {
  text-align: right !important;
}
.ql-align-center {
  text-align: center !important;
}
.ql-align-justify {
  text-align: justify !important;
}
/* Phone landscape and bigger */
@media (min-width: 640px) {
  .ql-align-left\@s {
    text-align: left !important;
  }
  .ql-align-right\@s {
    text-align: right !important;
  }
  .ql-align-center\@s {
    text-align: center !important;
  }
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
  .ql-align-left\@m {
    text-align: left !important;
  }
  .ql-align-right\@m {
    text-align: right !important;
  }
  .ql-align-center\@m {
    text-align: center !important;
  }
}
/* Desktop and bigger */
@media (min-width: 1200px) {
  .ql-align-left\@l {
    text-align: left !important;
  }
  .ql-align-right\@l {
    text-align: right !important;
  }
  .ql-align-center\@l {
    text-align: center !important;
  }
}
/* Large screen and bigger */
@media (min-width: 1600px) {
  .ql-align-left\@xl {
    text-align: left !important;
  }
  .ql-align-right\@xl {
    text-align: right !important;
  }
  .ql-align-center\@xl {
    text-align: center !important;
  }
}

/* ========================================================================
   Component: Heading
 ========================================================================== */
.ql-size-large {
  font-size: 3.4rem;
  line-height: 1.1;
}
.ql-size-huge {
  font-size: 4rem;
  line-height: 1;
}

/* Tablet Landscape and bigger */
@media (min-width: 960px) {
  .ql-size-large {
    font-size: 4rem;
  }
  .ql-size-huge {
    font-size: 6rem;
  }
}
/* Laptop and bigger */
@media (min-width: 1200px) {
  .ql-size-large {
    font-size: 6rem;
  }
  .ql-size-huge {
    font-size: 8rem;
  }
}

#editor-container {
  height: 100px;
  /* added these styles */
  flex: 1;
  display: flex; 
  flex-direction: column;
}

#editor {
  height: 150px;
  /* added these styles */
  flex: 1;
  overflow-y: auto;
  width: 100%;
}