Referente ao curso JavaScript: construindo páginas dinâmicas, no capítulo Construindo a página e atividade Estilos CSS
hoje, com a Alura e o Google Gemini
é só tirar o ponto do body
body { background: var(--degrade-azul); background-repeat: no-repeat; height: 100vh;
display: flex; flex-direction: column; align-items: center;
}