Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Talvez seja mais vantajoso você dividir os atributos em mais classes até mesmo para evitar conflitos. Existe 3 formas que conheço para centralizar a div pelo CSS, que são essas:
div {
display: grid;
place-items: center;
}
div {
margin-left: auto;
margin-right: auto;
}
div {
display: flex;
justify-content: center;
align-items: center;
}
Você pode testar e analisar se resolve seu problema. Boa sorte, abraço