Title.js

export default function Title() {
  return (
    <div className="my-10 mx-8 justify-center ">
      <h1 className="text-3xl max-lg:text-xl font-bold text-darkGray-HC-white my-10 text-center">
        MEC RED - A Rede Social da Educação
      </h1>
      <h1 className="text-xl max-lg:text-base text-darkGray-HC-white  mb-5 justify-center text-center max-w-4xl mx-auto">
        Aqui você pode se conectar com pessoas interessadas na área da educação,<br/>
        acessar e compartilhar recursos Educacionais Digitais (REDs)!
      </h1>
    </div>
  );
}