From 04e7cec2556fa16dc9baa0ce161ea25ceb7d458f Mon Sep 17 00:00:00 2001
From: drkostas <georgiou.kostas94@gmail.com>
Date: Wed, 2 Nov 2022 14:48:14 -0400
Subject: [PATCH] Changed the rensponsiveness

---
 styles/HomePage.module.css |  6 ++++--
 styles/Sidebar.module.css  |  4 ++--
 styles/Tab.module.css      | 12 ++++++++++++
 styles/globals.css         |  3 ++-
 4 files changed, 20 insertions(+), 5 deletions(-)

diff --git a/styles/HomePage.module.css b/styles/HomePage.module.css
index 00caf0e..0bef8b3 100644
--- a/styles/HomePage.module.css
+++ b/styles/HomePage.module.css
@@ -231,11 +231,13 @@
   }
 
   .name {
-    font-size: 1rem;
+    font-size: 2rem;    
+    margin-bottom: 2rem;
+
   }
 
   .bio {
-    font-size: 0.6rem;
+    font-size: 1rem;
     margin-bottom: 2rem;
   }
 
diff --git a/styles/Sidebar.module.css b/styles/Sidebar.module.css
index f0a72fe..4589336 100644
--- a/styles/Sidebar.module.css
+++ b/styles/Sidebar.module.css
@@ -57,8 +57,8 @@
     width: 10vw;
   }
   .icon {
-    height: 40px;
-    width: 40px;
+    height: 43px;
+    width: 43px;
     padding: 0.6rem;
   }
 }
diff --git a/styles/Tab.module.css b/styles/Tab.module.css
index 9cb8392..4ca8852 100644
--- a/styles/Tab.module.css
+++ b/styles/Tab.module.css
@@ -19,3 +19,15 @@
   background: var(--tab-active-bg);
   border-bottom: none;
 }
+
+@media screen and (max-width: 900px) {  
+  .tab {
+    font-size: 1.0rem;
+  }
+}
+
+@media screen and (max-width: 600px) {
+  .tab {
+    font-size: 1.1rem;
+  }
+}
\ No newline at end of file
diff --git a/styles/globals.css b/styles/globals.css
index 70a184a..af9522f 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -499,4 +499,5 @@ a:visited {
   color: var(--accent-color);
   text-decoration: none;
 
-}
\ No newline at end of file
+}
+