body {
    margin: 0;
    font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #839496;
    text-align: left;
    background-color: #002B36;
}

h1, .h1 {
    font-size: 2.5rem;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
}
h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
}
.text-left {
    text-align: left !important;
}


ul {
  list-style: none; /* Remove default bullets */
}
ul li::before {
    content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
    color: var(--danger); /* Change the color */
    font-weight: bold; /* If you want it to be bold */
    display: inline-block; /* Needed to add space between the bullet and the text */
    width: 1em; /* Also needed for space (tweak if needed) */
    margin-left: -1em; /* Also needed for space (tweak if needed) */
    font-size: 1.5em;
}
code{
  margin-bottom: 1.5em;
  display: block;
}
iframe {
  margin:0;
}
hr {
  border-top-color: var(--secondary);
}

.container-fluid {
    padding: 35px 50px;
    padding-top: 0px;
}


@media (max-width: 800px) {
  .container-fluid {
      padding: 0px;
      padding-top: 0px;
  }
}

.previewContainer {
    text-align: center;
    padding: 20px;
    padding-top: 0px;
}

p {
    text-align: left;
}

.editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  padding-top: 0px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: inherit;
  word-wrap: break-word;
}