Retos de programación v3

Author: mouredev

.gitignore

@@ -0,0 +1,5 @@
+*.db
+*.py[cod]
+.venv/
+.web
+__pycache__/

README.md

@@ -0,0 +1,60 @@
+# Retos de Programación Web
+
+[![Python](https://img.shields.io/badge/Python-3.11+-yellow?style=for-the-badge&logo=python&logoColor=white&labelColor=101010)](https://python.org)
+[![Reflex](https://img.shields.io/badge/Reflex-0.3.7+-5646ED?style=for-the-badge&logo=python&logoColor=white&labelColor=101010)](https://reflex.dev)
+
+## Proyecto web "Retos de Programación"
+
+![https://retosdeprogramacion.com](./assets/preview.jpg)
+
+> Ejercicios, retos y aplicaciones para mejorar tu lógica de programación con cualquier lenguaje. Gratis, a tu ritmo y en comunidad.
+
+### Visita [https://retosdeprogramacion.com](https://retosdeprogramacion.com)
+
+## Proyecto, configuración y despliegue
+    
+> Tienes toda la información sobre cómo desarrollar, ejecutar y desplegar el proyecto en este otro [sitio web](https://github.com/mouredev/adeviento-web) que he creado usando las mismas tecnologías.
+
+## Recursos utilizados
+
+Inspirado en el grandísimo diseño del sitio web de la fuente [Monaspace](https://monaspace.githubnext.com/) creada por GitHub.
+
+![Python](https://img.shields.io/github/stars/python/cpython?label=Python&style=social)
+![Reflex](https://img.shields.io/github/stars/reflex-dev/reflex?label=Reflex&style=social)
+![Monaspace](https://img.shields.io/github/stars/githubnext/monaspace?label=Monaspace&style=social)
+![Mona Sans](https://img.shields.io/github/stars/github/mona-sans?label=Mona%20Sans&style=social)
+![Vercel](https://img.shields.io/github/stars/vercel/vercel?label=Vercel&style=social)
+
+* Lenguaje: [Python](https://www.python.org/)
+* Framework: [Reflex](https://reflex.dev/)
+* Fuentes: [Monaspace](https://github.com/githubnext/monaspace) y [Mona Sans](https://github.com/github/mona-sans)
+* Hosting: [Vercel](https://vercel.com/)
+
+## Aprende a desarrollar una web como esta
+
+<a href="https://github.com/mouredev/python-web"><img src="https://raw.githubusercontent.com/mouredev/python-web/main/Images/header.jpg"/></a>
+
+Curso gratis para aprender desarrollo frontend Web con Python puro desde cero con Reflex. Las tecnologías usadas para desarrollar el proyecto de los "Retos de Programación". También tengo un curso de Python desde cero para principiantes.
+
+[![Curso Python Web](https://img.shields.io/github/stars/mouredev/python-web?label=Curso%20Python%20web&style=social)](https://github.com/mouredev/python-web)
+[![Curso Python](https://img.shields.io/github/stars/mouredev/hello-python?label=Curso%20Python&style=social)](https://github.com/mouredev/python-web)
+
+## ![https://mouredev.com](https://raw.githubusercontent.com/mouredev/mouredev/master/mouredev_emote.png) Hola, mi nombre es Brais Moure.
+### Freelance full-stack iOS & Android engineer
+
+[![Twitch](https://img.shields.io/badge/Twitch-Retos_en_directo-9146FF?style=for-the-badge&logo=twitch&logoColor=white&labelColor=101010)](https://twitch.tv/mouredev)
+[![Discord](https://img.shields.io/badge/Discord-Chat_comunidad-5865F2?style=for-the-badge&logo=discord&logoColor=white&labelColor=101010)](https://mouredev.com/discord)
+[![Link](https://img.shields.io/badge/Links_de_interés-moure.dev-39E09B?style=for-the-badge&logo=Linktree&logoColor=white&labelColor=101010)](https://moure.dev)
+
+[![YouTube Channel Subscribers](https://img.shields.io/youtube/channel/subscribers/UCxPD7bsocoAMq8Dj18kmGyQ?style=social)](https://youtube.com/mouredevapps?sub_confirmation=1)
+[![Twitch Status](https://img.shields.io/twitch/status/mouredev?style=social)](https://twitch.com/mouredev)
+[![Discord](https://img.shields.io/discord/729672926432985098?style=social&label=Discord&logo=discord)](https://mouredev.com/discord)
+[![Twitter Follow](https://img.shields.io/twitter/follow/mouredev?style=social)](https://twitter.com/mouredev)
+![GitHub Followers](https://img.shields.io/github/followers/mouredev?style=social)
+![GitHub Stars](https://img.shields.io/github/stars/mouredev?style=social)
+
+Soy ingeniero de software desde 2010. Desde 2018 años combino mi trabajo desarrollando Apps con la creación de contenido formativo sobre programación y tecnología en diferentes redes sociales como **[@mouredev](https://moure.dev)**.
+
+### En mi perfil de GitHub tienes más información
+
+[![Web](https://img.shields.io/badge/GitHub-MoureDev-14a1f0?style=for-the-badge&logo=github&logoColor=white&labelColor=101010)](https://github.com/mouredev)

assets/css/main.css

@@ -0,0 +1,45 @@
+html {
+    font-size: 16px;
+}
+
+@media screen and (max-width: 768px) {
+    html {
+        font-size: 14px;
+    }
+}
+
+@media screen and (max-width: 576px) {
+    html {
+        font-size: 13px;
+    }
+}
+
+.marquee {
+    height: 3em;
+    width: 100%;
+    overflow: hidden;
+    position: relative;
+}
+
+.marquee div {
+    display: block;
+    width: 200%;
+    height: 3em;
+    position: absolute;
+    overflow: hidden;
+    animation: marquee 30s linear infinite;
+}
+
+.marquee p {
+    float: left;
+    width: 50%;
+}
+
+@keyframes marquee {
+    0% { left: 0; }
+    100% { left: -100%; }
+}
+
+.token {
+    color: rgb(130, 210, 207) !important;
+}