@layer page {
  .title-container {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
  }

  .title-header {
    font-size: var(--text-2xl);
    padding: var(--p-none);

    @media (width > 640px) {
      font-size: var(--text-4xl);
    }
  }

  .about-text p {
    font-size: var(--text-xs);

    @media (width > 640px) {
      font-size: var(--text-sm);
    }
  }
}