.terminal {
  overflow: auto;
  height: 100%;
  padding: 0 !important;
  margin: 0 !important;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

.terminal .xterm {
  height: 100% !important;
}

.header {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.markdown-body {
  // box-sizing: border-box;
  // min-width: 200px;
  // max-width: 680px;
  height: 100%;
  margin: 0 auto;
  padding: 45px;
  overflow: auto;
}

@media (max-width: 767px) {
  .markdown-body {
    padding: 15px;
  }
}

.fileName {
  line-height: 32px;
  flex: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: flex;
  align-items: center;
}

.iframe-box {
  width: 100%;
  height: 500px;
  margin: 0 auto;
  padding: 45px;
  overflow: auto;
}

// Add dark theme support
.markdown-body.markdown-dark {
  color: #e0e0e0;
  background-color: #1a1a1a;

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    color: #ffffff;
  }

  a {
    color: #4da6ff;
  }

  code {
    background-color: #2d2d2d;
    color: #f8f8f2;
  }

  pre {
    background-color: #2d2d2d;
    border: 1px solid #444444;

    code {
      background-color: transparent;
    }
  }

  blockquote {
    color: #b0b0b0;
    border-left-color: #444444;
  }

  table {
    th {
      background-color: #2d2d2d;
    }

    td,
    th {
      border-color: #444444;
    }
  }

  hr {
    background-color: #444444;
  }
}
