Com o Combo+, você pode aproveitar a Alura+ e o Alura Língua por um preço único.
CSS -------------
:root{
--branco-principal: #ffffff;
--cinza-segundario: #c0c0c0;
--botao-azul: #167BF7;
--cor-de-fundo: #00030C;
}
body{ background-color: var(--cor-de-fundo); /* usa a variavel para trocar a cor do fundo de toda tela*/ color: var(--branco-principal); /* quando usamos color trocamos a cor somente das letras*/ }
- { /usando o * {margin e padding 0}, colocamos todos os elementos sem espaços, para depois colocarmos nas posições que queremos/ margin: 0; padding: 0; }
.principal{ background-image: url("./assets/Background.png"); background-repeat: no-repeat; /* usamos para o backgraud nao se repita na tela*/ background-size: contain; }
.container{ height: 100vh; /usado para a imagem ou elemento ocupar a tela toda dos dois lados/ }