body {
  margin: 0;
  padding: 0;
}

#app {
  display: flex;
  height: 100vh;
}

.editor {
  height: 100vh;
  width: 50%;
  min-width: 50%;
  margin-right: 1rem;
  font-size: 18px;
}

.viewer {
  position: relative;
  height: 100vh;
  max-height: 100vh;
  overflow-y: scroll;
  width: 100%;
}

::-webkit-scrollbar {
  width: 0.5em;
}

::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

::-webkit-scrollbar-thumb {
  background: rgba(100, 100, 100, 0.8);
}

::-webkit-scrollbar-corner,
::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(100, 100, 100, 0.4);
}

.table {
  border-collapse: collapse;
}
.table th,
.table td {
  border: 1px solid gray;
}

.article {
  padding: 0 20%;
}