Quiz Espiritual
/* Remove margens e faz o body ocupar a tela inteira */
html, body {
height: 100%;
margin: 0;
padding: 0;
font-family: Arial, sans-serif;
}
/* Container que ocupa 100% da tela com fundo completo */
.container {
width: 100%;
height: 100%;
background: #f5f5f5; /* Pode mudar a cor ou usar um gradiente */
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
}
/* Pergunta */
h2 {
margin-bottom: 30px;
font-size: 1.8em;
padding: 0 20px;
}
/* Botões grandes e responsivos */
button {
width: 80%;
max-width: 300px;
padding: 16px;
margin: 10px 0;
border: none;
border-radius: 8px;
background: #2e7d32;
color: white;
font-size: 18px;
cursor: pointer;
transition: background 0.2s;
}
button:hover {
background: #1b5e20;
}
/* Faz o container preencher a tela mesmo em mobile */
@media (max-width: 500px) {
h2 {
font-size: 1.5em;
}
button {
font-size: 16px;
padding: 14px;
}
}
Você deseja receber uma oração hoje? 🙏
let etapa = 1;
function proxima(resposta) {
if (etapa === 1) {
document.getElementById(“pergunta”).innerText = “Qual área você precisa de ajuda?”;
document.getElementById(“respostas”).innerHTML = `
`;
etapa++;
}
}
function redirecionar(tipo) {
if (tipo === “financeira”) {
window.location.href = “https://explorandoideias.com/emprestimo-pessoal/como-a-oracao-da-prosperidade-pode-transformar-sua-vida-financeira/”;
} else {
window.location.href = “https://explorandoideias.com/emprestimo-pessoal/oracao-de-prosperidade-como-atrair-abundancia-para-sua-vida/”;
}
}
