Quote of the Day (Tony Campolo)

---

---

<> .religious-wisdom-quiz { max-width: 500px; margin: 0 auto; background: #fafafa; border-radius: 8px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.1); font-family: -apple-systemBlinkMacSystemFont"Segoe UI"RobotoOxygen-SansUbuntuCantarell"Helvetica Neue"sans-serif; } .quiz-header { background: #000000; padding: 30px 25px; text-align: center; } .quiz-subtitle { color: #7cb4a6; font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 8px; } .quiz-title { color: #ffffff; font-size: 32px; font-weight: 700; line-height: 1.2; margin: 0; } .quiz-content { background: #ffffff; padding: 30px 25px; } .quiz-question h3 { color: #000000; font-size: 28px; font-weight: 700; margin: 0 0 15px 0; line-height: 1.3; text-align: center; } .quiz-instruction { color: #96959a; font-size: 16px; margin: 0 0 25px 0; line-height: 1.4; text-align: center; } .quiz-answers { display: flex; flex-direction: column; gap: 12px; } .quiz-answer-btn { background: #7cb4a6; color: #ffffff; border: none; padding: 15px 20px; font-size: 16px; font-weight: 700; text-align: center; border-radius: 6px; cursor: pointer; transition: background-color 0.2s ease; width: 100%; } .quiz-answer-btn:hover { background: #6ba395; } .quiz-answer-btn:active { background: #5a9284; } @media (max-width: 768px) { .religious-wisdom-quiz { margin: 0 15px; } .quiz-header { padding: 25px 20px; } .quiz-title { font-size: 28px; } .quiz-content { padding: 25px 20px; } .quiz-question h3 { font-size: 22px; } }