Estou com um problema, fiz o exercício como descrito no enunciado só que o z-index não sobrepôs todos os elementos da página.
insira seu código aqui
<body>
<div class="caixa fundo-opacidade">
<p>Parabéns, você foi premiado com uma formação Java! Clique <a href="#">aqui</a> para continuar</p>
</div>
<main> ....
.caixa p{
text-align: center;
font-size: 2em;
background-color: #fff;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 0.3em;
box-shadow: 0px 0px 0px 9999px rgba(0, 0, 0, 0.7);
z-index: 99999px;
}