.main {
  display: flex;
  flex-direction: row;
  overflow: auto;
  height: 100%;
}

.sub {
  flex: 1;
}

#output {
  height: 100%;
  min-height: 50vh;
  width: 100%;
}

#output > * {
  margin-left: 3%;
}

.output {
  border-left: 1px dashed grey;
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

body {
  height: 100vh;
  font-family:
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    "Roboto",
    "Oxygen",
    "Ubuntu",
    "Cantarell",
    "Fira Sans",
    "Droid Sans",
    "Helvetica Neue",
    "Segoe UI Emoji",
    "Apple Color Emoji",
    "Noto Color Emoji",
    sans-serif;
  line-height: 1.4;
}
nav {
  width: 95%;
  align-content: start;
  text-align: start;
}

#editor {
  height: 100%;
  
}

.cm-s-darcula span.cm-tag {
  text-decoration: none!important;
}

.dark {
  background: #2b2b2b;
  color: white;
}

.night {
  background: #000000;
  color: white;
}

#display {
  margin: 3% 15%;
}