From f6d945cd589921886508f7e4338bd4549dab28d3 Mon Sep 17 00:00:00 2001
From: Sadeep Madurange <sadeep@asciimx.com>
Date: Sun, 26 Oct 2025 16:37:12 +0800
Subject: Fix css for firefox android and other mobile.

---
 assets/css/main.css | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

(limited to 'assets/css/main.css')

diff --git a/assets/css/main.css b/assets/css/main.css
index 19a64a2..8ef0b4d 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -101,10 +101,26 @@ td {
   padding-top: 20px;
 }
 
-.title{
+.title {
   font-size: 3.5em;
 }
 
+@media only screen and (max-device-width: 480px) {
+  /* firefox */
+  @supports (-moz-appearance: none) {
+    .title {
+      font-size: 1.8em !important;
+    }
+  }
+
+  /* other */
+  @supports (not (-moz-appearance: none)) {
+    .title {
+      font-size: 2.0em !important;
+    }
+  }
+}
+
 .line{
   max-width: 100%;
   display: block;
-- 
cgit v1.2.3