rehber font büyüklükleri değiştirildi

pages/index.js

@@ -12,12 +12,6 @@ export default function App({ rehberler }) {
           content="Teknoloji rehberleri. Reklam ve izleyici yok!"
         />
         <link rel="icon" href="/favicon.ico" />
-        <link
-          rel="preload"
-          href="/fonts/NunitoSansRegular.ttf"
-          as="font"
-          crossOrigin=""
-        />
       </Head>
       <Home rehberler={rehberler} />
     </div>

styles/base/_base.scss

@@ -9,6 +9,10 @@
 html {
   font-size: 62.5%; // 1 rem = 10px; 10px/16px = 62.5% (16 is default browser font size)
   font-family: "NunitoSansRegular", sans-serif;
+
+  @include media("<small") {
+    font-size: 50%;
+  }
 }
 
 body {

styles/components/navbar.scss

@@ -72,15 +72,4 @@
       }
     }
   }
-  @include media("<smallest") {
-    &_logo {
-      font-size: 1.5rem;
-    }
-
-    &_list {
-      li {
-        font-size: 1.1rem;
-      }
-    }
-  }
 }

styles/pages/homepage.scss

@@ -26,12 +26,7 @@
 
   @include media("<largest") {
     li {
-      font-size: 1.7rem;
-    }
-  }
-  @include media("<smallest") {
-    li {
-      font-size: 1.5rem;
+      font-size: 1.6rem;
     }
   }
 }

styles/pages/rehber.scss

@@ -27,25 +27,29 @@
   }
 
   h1 {
-    font-size: 3.6rem;
+    font-size: 3.5rem;
     font-weight: bold;
   }
-
   h2 {
     font-size: 3rem;
     font-weight: bold;
   }
 
   h3 {
-    font-size: 2.7rem;
+    font-size: 2.6rem;
     font-weight: bold;
   }
 
   h4 {
-    font-size: 2.2rem;
+    font-size: 2.4rem;
     font-weight: bold;
   }
 
+  p,
+  li {
+    font-size: 2.2rem;
+  }
+
   p {
     margin-bottom: 1.5rem;
   }
@@ -77,29 +81,4 @@
       min-width: 100%;
     }
   }
-  @include media("<smaller") {
-    p,
-    li {
-      font-size: 1.7rem;
-    }
-  }
-
-  @include media("<smallest") {
-    grid-template-columns: 85%;
-  }
-
-  h1 {
-    font-size: 3rem;
-  }
-  h2 {
-    font-size: 2.7rem;
-  }
-
-  h3 {
-    font-size: 2.4rem;
-  }
-
-  h4 {
-    font-size: 1.9rem;
-  }
 }