Bom dia!
Consegui inserir a caixa no site da Alura pelo console, mas há um resultado que eu não consegui reproduzir: colocar o texto no centro da caixa.
Com o text-align eu consegui mudar o alinhamento do texto para centralizado, mas o texto continua no topo da caixa. Como faço para colocá-lo no centro da caixa?
.caixa {
background-color: white;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
height: 150px;
width: 40%;
font-size: 1.5em;
box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.7);
z-index: 9999;
padding: 1em;
text-align: center;
}