Update styles & fix responsive design

[FedMG]

⭐ Descripción

Create: variables in /styles/variables.css Update: colors, backgrounds, fonts, slider styles with variables Fix: reponsive design of the button and clipboard icon.

🚀 Tipo de cambio

• [X] Arreglo de bug (cambios que no rompen nada y resuelven un problema).
• [X] Nueva característica (cambios que no rompen nada y agregan funcionalidad).

Configuración de pruebas:

• Versión de Node: 16.17.0
• Versión de Astro: 1.3.1

📝 Lista de verificación:

(*) -> obligatorio.

• [X] Mi código sigue las reglas de este proyecto *.
• [X] He creado mis propias clases / ids y he comprobado que no afectan a otros diseños de la comunidad *.
• [X] He realizado una auto-revisión de mi propio código *.
• [X] He comentado mi código, particularmente en las áreas difíciles de entender.
• [X] Mis cambios no generan nuevos avisos *.
• [X] No he instalado nuevos módulos con npm install o yarn install *.
• [X] La solución es de mi autoría y no he copiado código de otros participantes *.
• [X] No modifiqué ningún otro archivo más que los míos *.

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated
hacktoberfest-2022	✅ Ready (Inspect)	Visit Preview	Oct 20, 2022 at 6:07AM (UTC)

[maadeval]

Holaa!! Muchas gracias por tus cambios, está todo perfecto!! 😊 Ya quedo mergeado 🚀