@import './theme.css';

/* ------ Main Layout ------ */
 .main-layout {
  display: flex;
  flex-direction: column;
  height: 100vh;
}

.main-content-l {
  position: fixed;
  top: var(--header-height);
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}

.content-wrapper-l {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}

@media (min-width: 900px) {
  .content-wrapper {
    flex-direction: row;
  }
}