Add global styles and enhance about-me section with improved typography

ala-kad · Jan 8, 2025 · 9242075 · 9242075
1 parent 9367180
commit 9242075
Showing 1 changed file with 22 additions and 11 deletions.
diff --git a/assets/css/styles.css b/assets/css/styles.css
@@ -1,8 +1,15 @@
+/*--------------------------------------------------------------
+# Global Styles
+--------------------------------------------------------------*/
+
+
 /* Gorgia Google Font */
 @import url('https://fonts.googleapis.com/css2?family=Inria+Sans&family=Kalam:wght@300;400;700&family=Charm:wght@400;700&family=Raleway:ital,wght@0,400;0,700;1,400&display=swap');
+
 html {
   scroll-behavior: smooth;
 }
+
 /*--------------------------------------------------------------
 # Header
 --------------------------------------------------------------*/
@@ -38,26 +45,30 @@ html {
   font-weight: 300;
 }
 
-
-/* About-me Section */
+/*--------------------------------------------------------------
+# About-me
+--------------------------------------------------------------*/
 .about-me img {
   margin-bottom: 1rem;
 }
-.about-me ul {
-  list-style: none;
-  padding: 0;
-  margin: 0;
-}
-.about-me li {
-  display: inline-block;
-  margin-right: 1rem;
-}
 
 .about-me a {
  text-decoration: none;
  color: #1b1b1b;
 }
 
+.about-me .heading {
+  font-family: 'Charm', 'Inria Sans', sans-serif;
+  font-weight: 700;
+  font-size: 2.5rem;
+  margin-bottom: 1rem;
+}
+
+.about-me .description {
+  font-family: 'Charm', 'Inria Sans', sans-serif;
+  font-weight: 400;
+}
+
 .overlay-mf {
   background-color: #0078ff;
 }