@use "@sass-palette/hope-config";
@use "vuepress-shared/styles/wrapper";

.vp-project-home {
  --content-width: var(--home-page-width);
  display: block;
  flex: 1;
  padding-top: var(--navbar-height);

  .vp-hero-info-wrapper:not(.fullscreen) {
    .vp-hero-info {
      @media screen {
        max-width: var(--home-page-width);
      }
    }
  }

  .vp-feature {
    @media screen {
      max-width: var(--home-page-width);
    }
  }

  .theme-hope-content {
    padding-bottom: 1.5rem !important;

    &:empty {
      padding: 0 !important;
    }
  }
}