@use "../../../../styles/int.scss";

.container {
  margin-top: int.$spacing-4;
  margin-bottom: int.$spacing-2;
  text-wrap: balance;
}

.text {
  @include int.headline($size: "100", $weight: "bold");

  @include int.breakpoint-at-least("sm") {
    @include int.headline($size: "200", $weight: "bold");
  }

  @include int.breakpoint-at-least("md") {
    @include int.headline($size: "300", $weight: "bold");
  }

  @include int.breakpoint-at-least("lg") {
    @include int.headline($size: "400", $weight: "bold");
  }

  @include int.breakpoint-at-least("xl") {
    @include int.headline($size: "500", $weight: "bold");
  }
}