From 6a5bf0684796daf6b9343acf8045c8a8cbff14e3 Mon Sep 17 00:00:00 2001
From: s1n <friskaofficial@gmail.com>
Date: Sat, 14 Dec 2019 19:03:29 -0800
Subject: media queries for navbar size

---
 css/main.css | 38 ++++++++++++++++++++++++++++++++++++++
 1 file changed, 38 insertions(+)

diff --git a/css/main.css b/css/main.css
index c315820..aa1c961 100644
--- a/css/main.css
+++ b/css/main.css
@@ -184,6 +184,44 @@ body {
   background: none;
 }
 
+
+
+/* Media queries for navbar size in different screen sizes */
+
+@media (max-height: 768px) {
+  body {
+    font: normal 15px/1.4 'Inter', sans-serif;
+  }
+}
+
+@media (max-height: 750px) {
+  body {
+    font: normal 13px/1.4 'Inter', sans-serif;
+  }
+}
+
+@media (max-height: 658px) {
+  body {
+    font: normal 11px/1.4 'Inter', sans-serif;
+  }
+}
+
+@media (max-height: 579px) {
+  body {
+    font: normal 8px/1.4 'Inter', sans-serif;
+  }
+}
+
+@media (max-height: 549px) {
+  body {
+    font: normal 6px/1.4 'Inter', sans-serif;
+  }
+}
+
+/* End media queries */
+
+
+
 /* // This was supposed to be for the dark mode feature but I
    // took it out because it looked ugly asf
 @media (prefers-color-scheme: dark) {
-- 
cgit v1.2.3