Solucionado
:root {
--branco-principal: #FFFFFF;
--cinza-secundario: #C0C0C0;
--botao-azul: #167BF7;
--cor-de-fundo: #00030C;
}
body {
background-color: var(--cor-de-fundo);
color: var(--branco-principal);
}
* {
margin: 0;
padding: 0;
}
.principal {
background-image: url("assets/Background.png");
background-repeat: no-repeat;
background-size: contain;
}
.container {
height: 100vh;
}
Olá, Cleyton.
Tudo bem?
Uma possível solução seria verificar se o caminho da imagem está correto. Certifique-se de que a imagem está na pasta "assets" e que o nome do arquivo está escrito corretamente, incluindo a extensão ".png".
Outra coisa que você pode tentar é verificar se a imagem está sendo carregada corretamente. Para isso, você pode abrir o console do navegador e verificar se há algum erro relacionado à imagem.
Espero ter ajudado e bons estudos!