fix css overriding errors

Author: stefpi

src/app/about/page.css

@@ -8,9 +8,7 @@
   justify-content: center;
   align-items: center;
   gap: var(--xl-gap);
-}
 
-#about {
   .image {
     height: 100%;
     display: flex;

src/app/blog/page.css

@@ -1,10 +1,8 @@
 #projectList {
   display: flex;
   flex-direction: column;
-  gap: var(--md-gap)
-}
-
-#projectList {
+  gap: var(--md-gap);
+  
   .tagListings {
     display: flex;
     flex-direction: row;

src/app/page.css

@@ -7,16 +7,12 @@
   align-items: center;
   justify-content: center;
   gap: var(--xl-gap);
-}
 
-#home {
   a {
     text-decoration-thickness: 3px;
     text-underline-offset: 3px;
   }
-}
 
-#home {
   .ascii-container {
     width: 50%;
     display: flex;
@@ -38,4 +34,3 @@
     gap: var(--md-gap);
   }
 }
-

src/app/projects/page.css

@@ -1,25 +1,21 @@
-#projects {
-
-}
-
 #projects {
   .projectCard {
     display: flex;
     flex-direction: column;
     gap: var(--lg-gap);
     padding: var(--md-gap) 0;
 
-    .projectHeader {
+    /* .projectHeader {
 
-    }
+    } */
 
     img {
       width: 100%;
       height: auto;
     }
 
-    .projectDescription {
+    /* .projectDescription {
 
-    }
+    } */
   }
 }

src/components/Nav/Nav.css

@@ -1,8 +1,6 @@
 #nav {
   position: absolute;
-}
 
-#nav {
   .nav-links {
     position: fixed;
     z-index: 99;

src/components/Nav/Nav.js

@@ -11,8 +11,6 @@ export default function Nav() {
   const pathname = usePathname();
 
   useEffect(() => {
-  window.addEventListener('', () => {console.log("your mother")})
-
     if (selector.current) {
       selector.current.style.visibility = "visible";