(create) created about page and styled it

styles/abstracts/_variables.scss

@@ -8,6 +8,7 @@
   --color-grey: #383838;
   --color-grey-dark-1: #b2aba1;
   --color-grey-dark-2: #fff;
+  --color-grey-light-1: #b8b8b8;
 }
 
 // FONT CONTROL

styles/base/_typography.scss

@@ -1,11 +1,24 @@
-p,
-li {
+.heading-1,
+.heading-2,
+.heading-3,
+.heading-4 {
   color: var(--color-primary);
 }
 
-h1 {
-  font-size: 2.5rem;
+.heading-1 {
+  font-weight: 500;
+  font-size: 3rem;
+}
+
+.heading-2 {
+  font-size: 2.4rem;
+  font-weight: normal;
+}
+
+p,
+li {
   color: var(--color-primary);
+  font-size: 2rem;
 }
 
 a {

styles/components/navbar.scss

@@ -9,6 +9,9 @@
   &_logo {
     justify-self: flex-end;
     grid-column: 1;
+    font-size: 2.4rem;
+    color: var(--color-primary);
+    font-weight: normal;
   }
 
   &_list {

styles/globals.scss

@@ -13,5 +13,6 @@
 @import "./components/searchbar";
 
 @import "./pages/homepage.scss";
+@import "./pages/hakkinda.scss";
 
 @import url("https://fontlibrary.org//face/nunito-sans");

styles/pages/hakkinda.scss

@@ -0,0 +1,16 @@
+.about {
+  display: grid;
+  justify-content: center;
+  grid-template-rows: repeat(1, 10rem);
+
+  padding: 2rem;
+
+  min-height: 100vh;
+
+  &_list {
+    margin-left: 3rem;
+    li {
+      margin-top: 1.5rem;
+    }
+  }
+}

styles/pages/homepage.scss

@@ -4,17 +4,16 @@
   justify-items: center;
 
   padding-top: 2rem;
-  font-size: 2rem;
   list-style-type: none;
 
   &_heading-1 {
-    text-align: center;
     padding-top: 1rem;
   }
 
   &_posts {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
+    grid-template-rows: repeat(8, 12rem);
     width: 50%;
     min-height: 100vh;