Solucionado
Boa noite,
Não entendi o motivo de usar o position para mover 50% tanto para esquerda quanto para baixo e em seguida, usar o translate(-50%, -50%). Qual a referência para o translate, a própria coordenada em que ele está, o elemento pai, a página? Parece que ele está fazendo o contrário do position.
hoje, com a Alura e o Google Gemini
Fala ai Enkindu, tudo bem? Existe N maneiras de centralizar elementos, uma delas é adicionar 50% no top e left e seguida realizar o translate.
Isso porque ao realizar o 50% no top e left o elemento não irá estar centralizado, porque o que será centralizado é seu canto superior esquerdo.
Sendo assim, precisamos dizer para o navegador centralizar em relação ao centro e não seu canto superior esquerdo.
Por isso é feito o translate de 50%, para que a centralização seja relacionado ao centro do elemento.
Espero ter ajudado.
Obrigado Matheus, dúvida sanada.
Agradeço pelo esclarecimento.
Magina Enkindu, sempre que precisar não deixe de criar suas dúvidas.
Abraços e bons estudos.