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!
No seu CSS o body e o .principal tem o mesmo background, se quer um background diferente para a classe .principal, tente outra cor, exemplo :
.principal {
background-color: #fafafa
}