.root {
  padding-top: rem(80px);
  padding-bottom: rem(120px);
  background-color: var(--mantine-color-blue-filled);
}

.label {
  text-align: center;
  font-weight: 900;
  font-size: rem(220px);
  line-height: 1;
  color: light-dark(var(--mantine-color-black), var(--mantine-color-white));

  @media (max-width: $mantine-breakpoint-sm) {
    font-size: rem(120px);
  }
}

.title {
  font-family:
    Greycliff CF,
    var(--mantine-font-family);
  text-align: center;
  font-weight: 900;
  font-size: rem(38px);
  color: light-dark(var(--mantine-color-black), var(--mantine-color-white));

  @media (max-width: $mantine-breakpoint-sm) {
    font-size: rem(32px);
  }
}

.description {
  max-width: rem(540px);
  margin: auto;
  margin-top: var(--mantine-spacing-xl);
  margin-bottom: calc(var(--mantine-spacing-xl) * 1.5);
  color: light-dark(var(--mantine-color-black), var(--mantine-color-white));
}
