Olá, o position: fixed; do dialog não é aplicado. Quando rolo a página a div do dialog não acompanha
No index eu criei uma div dentro do main
<div class="dialogo-index">
<p>Parabéns, você ganhou a promoção :)</p>
</div>O css ficou assim:
.dialogo-index {
width: 40%;
background-color: #fff;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 9999;
box-shadow: 0px 0px 0px 9999px rgba(0, 0, 0, .75);
padding: 10% 3%;
text-align: center;
font-size: 2em;
}
