Fix(Structure): Split styles.css into separate files for different components and sections.

styles/home.css

@@ -0,0 +1,43 @@
+
+
+/* Main content styles */
+main {
+    max-width: 1200px;
+    margin: 0 auto;
+    padding: 2rem 1rem;
+}
+
+section {
+    margin-bottom: 3rem;
+}
+
+h1, h2, h3 {
+    margin-bottom: 1rem;
+}
+
+ul, li {
+    list-style-position: outside;
+}
+
+/* Common card styles */
+.expertise-card h3,
+.project-card h3,
+.experience-card h3 {
+    color: var(--secondary-colour);
+}
+
+/* Responsive design */
+@media (max-width: 768px) {
+    nav ul {
+        flex-direction: column;
+        align-items: center;
+        gap: 1rem;
+    }
+
+    .expertise-grid,
+    .projects-grid {
+        grid-template-columns: 1fr;
+    }
+}
+
+