@import "@/styles/variables.scss";
@import "@/styles/mixins.scss";

.learnMoreContainer {
  display: flex;
  justify-content: center;
  background: $grey-light;
  padding: 5rem 0;

  h2 {
    color: $black;
    @include h2();
  }

  h5 {
    @include h5($light);
    padding: 1rem 0;
    color: $font-color-8;
    white-space: pre-line;
  }
}

@media screen and (max-width: $mobile) {
  .learnMoreContainer {
    padding: 2rem 0 5rem 0;
    h2 {
      padding-top: 3rem;
    }
  }
}