Criei uma box shadow que simula um modal, ficou ótima, até fiz umas estilizações pessoais. Como posso mantê-la e acessar meu index normalmente? Existe a possibilidade de mostrá-la quando carrega a página, mas incluir um botão de fechar ou desaparecer depois de x segundos?
<body>
<div class="caixa-dialogo">
<p>Parabéns, você é nosso 1000º visitante. Você ganhou um brinde!</p>
</div>
...
</body>index.css: .caixa-dialogo { 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, 0.75); padding: 10% 3%; text-align: center; font-family: 'Tangerine', serif; font-size: 3em; }
