[Projeto] Mão na massa: aplicando o REM

1. Adaptando o corpo do texto para unidades relativas. aqui estão todas as ocorrências onde as fontes foram alteradas da medida 24px; para 1.5rem; (com exceção do subtítulo que foi alterado para 1.25rem;)

.apresentacao__links__subtitulo {
    font-family: var(--fonte-primaria);
    font-weight: 400;
    font-size: 1.25rem;
}

1. Convertendo pixels para rem em CSS

.cabecalho__menu__link {
    font-family: var(--fonte-secundaria);
    font-size: 1.5rem;
    font-weight: 600;
    color: #EBE3D5;
    text-decoration: none;

}

.apresentacao__conteudo__texto {
    text-align: left;
    font-size: 1.5rem;
    font-family: var(--fonte-secundaria);
    font-weight: 100;
    

}

.apresentacao__links__subtitulo {
    font-family: var(--fonte-primaria);
    font-weight: 400;
    font-size: 1.5rem;
}

.apresentacao__links__link {
    /*background-color: #22D4FD;*/
   display: flex;
   justify-content: center;
   gap: 16px;
    border: 2px solid #EBE3D5;
    width: 378px;
    text-align: center;
    border-radius: 8px;
    font-size: 1.5rem;
    padding: 21.5px 0px;
    text-decoration: none;
    color: var(--cor-secundaria);
    font-family: var(--fonte-secundaria);
    font-weight: 600;

}

.rodape {
    padding: 24px;
    color: var(--cor-primaria);
    background-color: #B0A695;
    text-align: center;
    font-family: var(--fonte-secundaria);
    font-size: 1.5rem;
    font-weight: 400;

}