From fbebb4581eb7979a17ab911e9c8312b8fcbcc3dd Mon Sep 17 00:00:00 2001
From: prchapagain <pharshucg@gmail.com>
Date: Sat, 3 Aug 2024 11:30:38 +0545
Subject: [PATCH] update css for mobile view

---
 style.css | 98 +++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 98 insertions(+)

diff --git a/style.css b/style.css
index 2507fe7..997d8b3 100644
--- a/style.css
+++ b/style.css
@@ -363,3 +363,101 @@ button:hover {
     font-size: 1rem;
   }
 }
+
+@media (max-width: 420px) {
+  .quote-content {
+    padding: 8px;
+  }
+  
+  .quote-text {
+    font-size: 16px;
+  }
+  
+  .quote-author {
+    font-size: 10px;
+  }
+  
+  button {
+    font-size: 9px;
+    padding: 3px 10px;
+  }
+  
+  .fa {
+    font-size: 18px;
+    width: 25px;
+    padding: 4px;
+  }
+  
+  #nhour, #min, #sec {
+    font-size: 1.8rem;
+    letter-spacing: 0.3rem;
+  }
+  
+  .nmin, .nsec {
+    font-size: 1.8rem;
+    letter-spacing: 0.3rem;
+  }
+  
+  #nampm {
+    font-size: 1rem;
+  }
+  
+  .nepali-date {
+    font-size: 0.9rem;
+    width: 140px;
+    height: 30px;
+  }
+  
+  .greeting {
+    font-size: 0.9rem;
+  }
+}
+
+@media (max-width: 320px) {
+  .quote-content {
+    padding: 6px;
+  }
+  
+  .quote-text {
+    font-size: 14px;
+  }
+  
+  .quote-author {
+    font-size: 8px;
+  }
+  
+  button {
+    font-size: 8px;
+    padding: 2px 8px;
+  }
+  
+  .fa {
+    font-size: 16px;
+    width: 20px;
+    padding: 3px;
+  }
+  
+  #nhour, #min, #sec {
+    font-size: 1.5rem;
+    letter-spacing: 0.2rem;
+  }
+  
+  .nmin, .nsec {
+    font-size: 1.5rem;
+    letter-spacing: 0.2rem;
+  }
+  
+  #nampm {
+    font-size: 0.8rem;
+  }
+  
+  .nepali-date {
+    font-size: 0.8rem;
+    width: 120px;
+    height: 25px;
+  }
+  
+  .greeting {
+    font-size: 0.8rem;
+  }
+}