use visual studio to edit and git bush to clone and push the reposity

To properly center the component in the page, you should use Flexbox or Grid layout. You can read more about centering in CSS here 📚. For this demonstration we use css Grid to center the component. body { min-height: 100vh; display: grid; place-items: center; }

seu código HTML basicamente não tem estrutura faça uma estrutura usando HTML semântico e use as tags corretamente.

no CSS você tentou alinhar no centro de qualquer maneira mas dessa maneira não teria como funcionar use algumas divisões no html como <main>, <section> ou ate mesmo <div>

não sou a melhor pessoa para te orientar mas se quiser dar uma olhada no meu código e ver como eu fiz

meu codigo no github