.wrapper {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  min-height: 100vh;
  padding-top: var(--mantine-spacing-xl);
  padding-bottom: var(--mantine-spacing-xl);
}

.title {
  font-family: Outfit, var(--mantine-font-family);
  font-weight: 500;
  margin-bottom: var(--mantine-spacing-md);
  text-align: center;

  @media (max-width: $mantine-breakpoint-sm) {
    font-size: 28px;
    text-align: left;
  }
}

.description {
  text-align: center;

  @media (max-width: $mantine-breakpoint-sm) {
    text-align: left;
  }
}