From 4c05659bb2691dd5fdc84f27e5fc6f13f9e68bf4 Mon Sep 17 00:00:00 2001
From: Ayo <ramon.aycojr@gmail.com>
Date: Sat, 17 Sep 2022 20:11:44 +0200
Subject: [PATCH] style: decrease highlighted font on mobile

---
 src/pages/index.astro | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/src/pages/index.astro b/src/pages/index.astro
index 1236b85..8ffa7f5 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -115,4 +115,14 @@ import Footer from "../components/Footer.astro";
     gap: 1rem;
     padding: 0;
   }
+
+    @media only screen 
+      and (min-device-width: 360px) 
+      and (max-device-width: 812px) {
+
+        .highlighted-content {
+            font-size: 16px;
+            font-weight: bold;
+        }
+    }
 </style>