1- Adaptando o corpo do texto para unidades relativas:

.apresentacao__conteudo__texto {
    font-size: 1,5 rem;
  //... outros estilos
}

.apresentacao__links__subtitulo {
   //... outros estilos
    font-size: 1,5 rem;
}

2- Convertendo pixels para rem em CSS:

.cabecalho__menu__link {
    //... outros estilos
    font-size: 1,5 rem;
    //... outros estilos
}

.apresentacao__conteudo__titulo {
    font-size: 2.25 rem;
   //... outros estilos
}

.apresentacao__conteudo__texto {
    font-size: 1,5 rem;
    //... outros estilos
}

.apresentacao__links__subtitulo {
    //... outros estilos
    font-size: 1,5 rem;
}

.apresentacao__links__link {
   //... outros estilos
    font-size: 1,5;
    //... outros estilos
}

.rodape {
  //... outros estilos
    font-size: 0,87 rem;
    //... outros estilos
}

3- Melhorando a responsividade de um site:

Configuração de fonte muito Pequeno

• Texto ilegível: Se não houver um tamanho mínimo de fonte definido no CSS, algumas palavras podem ficar minúsculas demais para leitura confortável.
• Toques difíceis em telas sensíveis ao toque: Botões pequenos podem ser difíceis de clicar, especialmente em dispositivos móveis.
• Perda de hierarquia visual: Títulos e subtítulos podem parecer do mesmo tamanho que o texto normal, dificultando a organização das informações. Configuração de fonte Pequeno
• Dificuldade de leitura: Fontes muito pequenas podem comprometer a legibilidade, especialmente em telas de alta resolução.
• Acessibilidade reduzida: Pessoas com deficiência visual podem ter dificuldades para navegar.
• Espaço excessivo nos elementos: Se os tamanhos dos botões e margens não forem ajustados proporcionalmente, pode haver muito espaço vazio. Configuração de fonte Médio (Padrão)
• Normalmente é a configuração para a qual o site foi projetado e, se o design for responsivo, não deve apresentar problemas. Configuração de fonte Grande
• Aumento excessivo do espaçamento: Pode haver espaçamentos irregulares entre seções.
• Imagens desalinhadas: Textos que crescem muito podem empurrar imagens para posições inadequadas.
• Elementos cortados: Se os contêineres tiverem altura fixa, parte do conteúdo pode ser ocultada. Configuração de fonte muito Grande
• Quebra de layout: Elementos podem se sobrepor ou sair da tela, especialmente se o design não for fluido.
• Menus desorganizados: Barra de navegação pode quebrar ou empilhar itens de forma desordenada.
• Textos desalinhados: Títulos podem ocupar muito espaço e desalinhar conteúdos próximos.
• Botões e formulários desproporcionais: Campos de input e botões podem ser empurrados para fora do container.

4- Ajustando o CSS para diferentes tamanhos de fonte:

* {
    margin: 0;
    padding: 0;
}

/* Ajuste do cabeçalho */
.cabecalho {
    padding: 2% 5%;
}

.cabecalho__menu__link {
    //... outros estilos
    font-size: 1,5 rem;
    //... outros estilos
}

/* Ajuste da apresentação */
.apresentacao {
    padding: 5%;
    //... outros estilos
}

.apresentacao__conteudo__titulo {
    font-size: 2.25 rem;
    //... outros estilos
}

.apresentacao__conteudo__texto {
    font-size: 1,5 rem;
   //... outros estilos
}

.apresentacao__links__subtitulo {
    //... outros estilos
    font-size: 1,5 rem;
}

.apresentacao__links__link {
    //... outros estilos
    font-size: 1,5;
    //... outros estilos
    padding: 1,34 rem 0;
}

/* Rodapé */
.rodape {
    padding: 0,625 rem;
    font-size: 0,87 rem;
   //... outros estilos
}