O meu background não está funcionando.Tento mudar a cor para #00030C porém só fica assim
<!DOCTYPE html>
<html>
<head>
<title>Alura Plus</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<section class="principal container">
<h1>Com o Combo+, você pode aproveitar a Alura+ e o Alura Língua por um preço único.</h1>
<img src="img/Combo.png" alt="O combo+ é a junção do alura+ e o alura língua">
</section>
</body>
</html>: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("img/Background.png"); background-repeat: no-repeat; background-size: contain; }
.container { height: 100vh; }
