From 20842416b86864e407b53e9339939e5f1ccf4d06 Mon Sep 17 00:00:00 2001
From: Guilherme Rugai Freire <dev@grfreire.com>
Date: Sat, 20 Jul 2024 21:02:29 -0300
Subject: [PATCH] make index responsive

---
 pkg/web_server/styles.templ | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/pkg/web_server/styles.templ b/pkg/web_server/styles.templ
index 9ff28b1..5a30b7b 100644
--- a/pkg/web_server/styles.templ
+++ b/pkg/web_server/styles.templ
@@ -52,6 +52,7 @@ templ styles() {
         body.index p {
             font-size: 1.4rem;
             font-family: monospace, "sans-serif";
+            text-align: center;
         }
 
         body.index .random {
@@ -74,6 +75,20 @@ templ styles() {
 
             cursor: pointer;
         }
+        @media (max-width: 900px) {
+            body.index h1 {
+                font-size: 3rem;
+            }
+
+            body.index p {
+                font-size: 1rem;
+            }
+
+            body.index .random a {
+                height: 60px;
+                font-size: 1rem;
+            }
+        }
 
         /* HEADER */
         .header {