add of projects page, and new projects

src/styles/Projects.css

@@ -10,7 +10,7 @@
 
 }
 
-.show-more-link {
+.projects-link {
     display: inline-block;
     color: #B0B0B0;
     border: 1px solid #B0B0B0;
@@ -22,7 +22,7 @@
     transition: all 0.3s ease;
 }
 
-.show-more-link:hover {
+.projects-link:hover {
     background-color: #B0B0B0;
     color: #1E1E1E;
     transform: translateY(-3px);
@@ -31,4 +31,29 @@
 
 .projects-section-list {
     display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+}
+
+
+
+
+
+.projects-section-header {
+    text-align: center;
+    margin-bottom: 2rem;
+    position: relative;
+    display: flex;
+    align-items: center;
+    flex-direction: column;
+}
+
+.projects-section-subtitle {
+    font-size: 1.2rem;
+    color: #B0B0B0;
+}
+
+.projects-back-link {
+    text-align: center;
+    margin-bottom: 3rem;
 }