Polishing styles

Author: soloidx

_static/css/markdown.css

@@ -1 +1,38 @@
-.markdown-body img { background: none !important }
+.markdown-body img {
+  background: none !important;
+}
+
+.main-image {
+  width: 30vw;
+}
+
+.head-title {
+  text-align: center;
+}
+
+h1.head-title {
+    color: var(--sy-c-link-hover);
+}
+
+.head-button {
+    display: flex;
+    justify-content: center;
+}
+
+.yue p.lead {
+    text-align: center;
+}
+
+#embed ul li p img {
+    max-width: 300px;
+    max-height: 300px;
+}
+
+#embed ul li p {
+    color: var(--sy-c-light);
+}
+
+#embed ul li p img {
+    max-width: 300px;
+    max-height: 300px;
+}

_static/images/boy.svg

@@ -328,7 +328,9 @@
 # Theme options are theme-specific and customize the look and feel of a theme
 # further.  For a list of options available for each theme, see the
 # documentation.
-# html_theme_options = {}
+html_theme_options = {
+    "accent_color": "tomato",
+}
 
 # Add any paths that contain custom themes here, relative to this directory.
 html_theme_path = [alabaster.get_path()]

_static/images/main_image.png

@@ -2,19 +2,21 @@
 description: Python Perú
 layout: landing
 ---
-# Python Perú
 
-```{eval-rst}
-.. rst-class:: lead
+````{rst-class} head-title
+# Python Perú
 
-   ¡Bienvenidos a la Comunidad Peruana de Python!
+```{rst-class} lead
+¡Bienvenidos a la Comunidad Peruana de Python!
 ```
 
+````
+
+````{rst-class} head-button
 :::{container} buttons
 [¡Python de cero a Pro!](learning-path.md)
 :::
-
-![Boy](/_static/images/boy.svg){ height=200px align=center }
+````
 
 ::::{grid} 1 1 2 3
 :gutter: 2
@@ -37,6 +39,8 @@ Infórmate de lo último de lo que acontece en nuestra comunidad.
 ::::
 
 
+![Python developer](/_static/images/main_image.png){ class=main-image align=center }
+
 ```{embed} https://blog.python.pe/recent_posts/
 ```