{{ url_for('quiz', materia=materia) }} - xxtentacion736/My-weep GitHub Wiki
<title>¡Elige tu Materia!</title>
<style>
body {
font-family: 'Comic Sans MS', 'Segoe UI', cursive;
background: linear-gradient(to right, #fff3e0, #ffe0f0);
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
align-items: center;
min-height: 100vh;
}
</style>
.mascota {
width: 150px;
margin-top: 20px;
}
h1 {
color: #4a148c;
font-size: 2.8em;
margin: 20px;
text-align: center;
}
ul {
list-style: none;
padding: 0;
margin: 30px 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
}
li a {
display: flex;
align-items: center;
gap: 10px;
padding: 15px 20px;
background-color: #ff80ab;
color: white;
text-decoration: none;
border-radius: 16px;
font-size: 1.2em;
transition: background-color 0.3s ease, transform 0.2s ease;
box-shadow: 2px 4px 10px rgba(0,0,0,0.2);
}
li a:hover {
background-color: #f06292;
transform: scale(1.05);
}
.footer {
margin-top: auto;
padding: 20px;
font-size: 0.9em;
color: #6a1b9a;
text-align: center;
}
.icono {
width: 24px;
height: 24px;
}
-
{% for materia in materias %}
-
{{ materia }}
{% endfor %}
🧠 ¡Aprender es divertido! – TuAppEducativa © 2025