.page-wrapper.home {
  @apply w-full h-full overflow-y-auto bg-zinc-100 dark:bg-zinc-800;

  > .banner-wrapper {
    @apply w-full flex flex-col justify-start items-center;
  }

  > .page-container {
    @apply relative w-full h-auto mx-auto flex flex-row justify-start sm:justify-center items-start;

    > .header-wrapper {
      @apply flex-shrink-0 h-full;
    }

    > .memos-wrapper {
      @apply relative flex-grow max-w-2xl w-full h-auto flex flex-col justify-start items-start px-4 sm:px-2 sm:pt-4;

      > .memos-editor-wrapper {
        @apply w-full h-auto flex flex-col justify-start items-start bg-zinc-100 dark:bg-zinc-800 rounded-lg;
      }
    }
  }
}
