.main-page-text_cel__content {
  padding: var(--spacer-60) var(--spacer-20);

  @media screen and (width >= 1280px) {
    margin: var(--spacers-120) auto;
    max-width: 629px;
    padding: 0;
  }

  h1 {
    color: var(--color-indigo);
    font-family: var(--primary-font);
    font-size: var(--font-size-24);
    font-weight: var(--font-weight-700);
    letter-spacing: -1px;
    line-height: var(--font-line-height-120);
    margin-bottom: var(--spacer-40);

    @media screen and (width >=700px) {
      font-size: var(--font-size-32);
      line-height: var(--font-line-height-110);
    }
  }

  h2,
  h3,
  h4,
  h5,
  h6 {
    color: var(--color-indigo);
    font-family: var(--primary-font);
    font-size: var(--font-size-20);
    font-weight: var(--font-weight-700);
    line-height: var(--font-line-height-120);
    margin-bottom: var(--spacer-20);

    @media screen and (width >=700px) {
      font-size: var(--font-size-24);
      line-height: var(--font-line-height-120);
    }
  }

  p {
    color: var(--color-indigo);
    font-family: var(--primary-font);
    font-size: var(--font-size-18);
    font-weight: var(--font-weight-600);
    letter-spacing: -1px;
    line-height: var(--font-line-height-120);
    margin-bottom: var(--spacer-40);

    @media screen and (width >=700px) {
      font-size: var(--font-size-20);
      line-height: var(--font-line-height-120);
    }

    a {
      text-decoration: underline;

      &:hover {
        text-decoration: none;
      }
    }
  }

  li {
    color: var(--color-indigo);
    font-family: var(--primary-font);
    font-size: var(--font-size-18);
    font-weight: var(--font-weight-600);
    letter-spacing: -1px;
    line-height: var(--font-line-height-120);
  }
}