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

.banner {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 3.75rem;
  background-size: 100% 100%;
  height: 25rem;

  .container {
    margin: 0 auto;
    padding: 6.25rem 1rem;
    text-align: center;
    z-index: 2;

    h1 {
      font-family: "Poppins", sans-serif;
      @include h0();
      color: $white;
    }

    h2 {
      @include h2();
      color: $white;
      padding: 1rem 0 2rem 0;
      white-space: pre-line;
    }
  }
}