Fixed issue with font sizes, scaled it to 0.9rem (18.666 on the browser

thing), without the fonts it was 1rem = 18.6666 so I need to scale it,
but only inside the <main> tag and not <html> otherwise it would also
scale the entire website

3 files changed, 6 insertions, 5 deletions

diff --git a/src/components/Nav.astro b/src/components/Nav.astro
index 7377f01..8d948f2 100644
--- a/src/components/Nav.astro
+++ b/src/components/Nav.astro
@@ -24,7 +24,7 @@ const directories = ["skills", "projects", "blogs"];
 
 <style>
     nav {
-        font-weight: 300;
+        font-weight: 900;
         display: flex;
         justify-content: space-between;
         border: 1.5px var(--alt);
@@ -37,13 +37,13 @@ const directories = ["skills", "projects", "blogs"];
         margin-bottom: 0px;
         margin-left: 0.15rem;
         color: var(--primary);
-        font-size: 1.25rem;
+        /* font-size: 1.25rem; */
     }
     #nav-links a:hover {
         color: var(--accent);
     }
     #nav-path {
         margin-right: 2rem;
-        font-size: 1.25rem;
+        /* font-size: 1.25rem; */
     }
 </style>
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 2ca1244..49c8d7d 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -43,7 +43,7 @@ watching Anime or solving Rubik's cubes fast.`.trimStart();
                         class="h-[100%] object-cover"
                     />
                     <pre
-                        class="sshKeyCopy text-[75%] hover:text-[var(--secondary)]">{fingerprint}</pre>
+                        class="sshKeyCopy text-[0.6rem] hover:text-[var(--secondary)]">{fingerprint}</pre>
                 </div>
             </TerminalBorder>
             <TerminalBorder header="Email">
@@ -206,6 +206,5 @@ watching Anime or solving Rubik's cubes fast.`.trimStart();
         height: 20px;
         padding: 0;
         line-height: 30px;
-        font-size: 16px;
     }
 </style>
diff --git a/src/styles/terminal.css b/src/styles/terminal.css
index 1d97d16..8ee4add 100644
--- a/src/styles/terminal.css
+++ b/src/styles/terminal.css
@@ -53,6 +53,8 @@ main {
   max-width: 75%;
   max-height: 80%;
   overflow: hidden;
+  font-size: 0.9rem;
+  font-weight: 300;
 }
 
 h1,