minhas propriedades estão exatamente iguais as do professor (exceto que não troquei o "-" por "_" já que é só a nomeação:
.banner-titulo { color: #fdfdfd; font-family: Pacifico, cursive; font-size: 5.0625rem; position: absolute; left: 50%; text-shadow: 0 4px 4px rgba(0, 0, 0, 0.75); top: 50%; text-align: center; transform: translate(-50%, -50%); width: 100%; }
.banner { position: relative; }
.banner-imagem { height: calc(100vh - 72px); width: 100%; }
cada um está em um arquivo .css diferente
hoje, com a Alura e o Google Gemini
Boa noite, observando seu código percebi algumas coisas, o script que contem a classe ".banner-titulo" está sem algumas informações, vou deixar abaixo ele corrigido:
.banner__titulo { color: #fdfdfd; font-family: Pacifico, cursive; font-size: 5.0625rem; position: absolute; left: 50%; text-shadow: 0 4px 4px rgba(0, 0, 0, 0.75); top: 50%; text-align: center; transform: translate(-50%, -50%); width: 100%; }