hoje, com a Alura e o Google Gemini
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
}