/* We limit maximum expand to 960px = 60rem */

@media only screen and (min-width: 960px) {
  .appLayout {
    width: 60rem;
    position: absolute;
    left: calc(50% - 30rem);
  }

  .content-space {
    height: auto;
    width: calc(100% - 8rem);
    /* background: red; */
  }

  .navbar-wrapper {
    flex-direction: column;
    width: 6rem;
    top: 2rem;
    right: calc(50% - 29rem);
    left: unset;
    height: 30rem;
    position: fixed;
  }

  body {
    overflow-y: auto;
  }
  .markdown-editor-area {
    width: 52rem;
  }
}