Merge pull request #258 from tjklint/refactor(1page)

Refactor(1page)

Author: tjklint

src/components/techstack/techstack.scss

@@ -19,11 +19,11 @@
       gap: 20px;
 
       @media (max-width: 1024px) {
-        grid-template-columns: 1fr 1fr; 
+        grid-template-columns: 1fr 1fr;
       }
 
       @media (max-width: 500px) {
-        grid-template-columns: 1fr; 
+        grid-template-columns: 1fr;
       }
 
       .technology-category {
@@ -45,7 +45,7 @@
           gap: 10px;
 
           @media (max-width: 1024px) {
-            grid-template-columns: repeat(2, 1fr); 
+            grid-template-columns: repeat(2, 1fr);
           }
 
           @media (max-width: 500px) {
@@ -57,19 +57,22 @@
             flex-direction: column;
             align-items: center;
             font-size: 1.2em;
-            cursor: pointer;
             color: #fff;
+            transition: color 0.3s ease;
+            cursor: default; /* Ensures the cursor stays default */
 
             i {
               font-size: 3em;
               margin-bottom: 10px;
-              color: #fff;
+              color: inherit;
+              transition: inherit;
             }
 
             p {
               margin: 0;
               text-align: center;
-              color: #fff;
+              color: inherit;
+              transition: inherit;
             }
 
             &:hover {