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

.container {
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: int.$spacing-2;
  text-align: center;

  @include int.breakpoint-at-least("md") {
    gap: int.$spacing-4;
  }

  &.isSplash {
    background: white;
    padding: int.$spacing-5;

    @include int.shadow($size: "100");
  }
}

.title {
  flex-grow: 1;

  @include int.title($size: "500", $weight: "bold");

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