Quiz Interativo: Amazônia Legal

Teste seus conhecimentos sobre a Amazônia Legal, sua geografia, povos e biodiversidade.

Quiz

Carregando pergunta...
} h1 { font-size: 2.8em; color: #2e8b57; /* Tema Verde */ padding-bottom: 15px; border-bottom: 3px solid #2e8b57; /* Tema Verde */ /* CORRIGIDO: 30px de margem no topo para criar espaço abaixo da imagem */ margin-top: 30px; margin-bottom: 40px; } h2 { font-size: 2em; color: #3cb371; /* Tema Verde (Claro) */ margin-top: 40px; } p { margin-bottom: 15px; text-align: center; } /* Container Principal (Card) */ .container-principal { width: 100%; max-width: 1100px; margin: 0 auto; background-color: #fff; box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1); border-radius: 10px; overflow: hidden; padding: 30px; } /* Estilo para a imagem de topo */ .banner-topo { width: 900px; height: 225px; display: block; margin: 0 auto; /* Centraliza a imagem */ } } /* Seções */ section { padding: 25px 0; } /* Botões Padronizados */ button { display: inline-block; padding: 10px 20px; border: none; border-radius: 6px; cursor: pointer; font-size: 1em; font-weight: 600; text-align: center; text-decoration: none; transition: background-color 0.3s ease, transform 0.2s ease, box-shadow 0.2s ease; margin-right: 10px; margin-top: 10px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); } button:hover { transform: translateY(-2px); box-shadow: 0 4px 10px rgba(0,0,0,0.15); } /* Cores dos botões do Quiz */ #quiz-responder { background-color: #2ecc71; /* Verde */ color: #fff; } #quiz-responder:hover { background-color: #27ae60; /* Verde mais escuro */ } #quiz-proxima { background-color: #3498db; /* Azul */ color: #fff; } #quiz-proxima:hover { background-color: #2980b9; /* Azul mais escuro */ } /* Seção de Quiz */ .quiz-container { max-width: 700px; /* Centralizado */ margin: 20px auto; background-color: #fff; padding: 30px; border-radius: 8px; } .quiz-container label { display: block; margin-bottom: 12px; padding: 10px; border: 1px solid #eee; border-radius: 5px; cursor: pointer; font-weight: normal; transition: background-color 0.2s; } .quiz-container label:hover { background-color: #f1f1f1; } .quiz-container label input { margin-right: 12px; accent-color: #2e8b57; /* Tema Verde */ } #quiz-pergunta { text-align: left; font-size: 1.25em; } /* Feedback do Quiz */ .feedback-quiz { margin-top: 25px; padding: 15px; border-radius: 5px; font-weight: bold; display: none; text-align: center; } .feedback-quiz.correto { background-color: #d4edda; color: #155724; border: 1px solid #c3e6cb; } .feedback-quiz.incorreto { background-color: #f8d7da; color: #721c24; border: 1px solid #f5c6cb; } #quiz-proxima { margin-top: 15px; } /* Rodapé */ footer { text-align: center; margin-top: 60px; padding: 25px; background-color: #1a3824; /* Fundo Tema Verde */ color: #ecf0f1; border-top: 5px solid #2e8b57; /* Tema Verde */ } footer p { margin: 8px 0; color: #ecf0f1; }

Quiz Interativo: Região Norte e Amazônia

Teste seus conhecimentos sobre a Amazônia e a região Norte do Brasil.

Quiz

Carregando pergunta...