Project page added + Overall Improvements

src/app/globals.css

@@ -129,6 +129,13 @@ html {
     background-color: #2e002e;
 }
 
+@keyframes pulsePrompt {
+    0% { opacity: 0.6; transform: translateY(0); }
+    50% { opacity: 1; transform: translateY(-5px); }
+    100% { opacity: 0.6; transform: translateY(0); }
+}
+
+
 .scrollPrompt {
     position: fixed;
     bottom: 20px;
@@ -140,6 +147,7 @@ html {
     font-size: 1rem;
     z-index: 1000;
     background: none;
+    animation: pulsePrompt 2s infinite ease-in-out;
 }
 
 .fade-in-section.is-visible {
@@ -151,6 +159,13 @@ html {
     display: none;
 }
 
+.learnMoreButton:hover {
+    background-color: #2e002e;
+    transform: scale(1.05);
+    box-shadow: 0 0 10px #600060;
+}
+
+
 body {
     -ms-overflow-style: none;
     scrollbar-width: none;
@@ -193,3 +208,71 @@ body {
         transform: translateY(8px);
     }
 }
+
+body {
+    overflow-x: hidden;
+}
+
+@media (max-width: 768px) {
+    .section {
+        flex-direction: column;
+        text-align: center;
+    }
+}
+
+.projectContainer {
+    min-height: 100vh;
+    padding: 2rem;
+    color: white;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    text-align: center;
+}
+
+.projectCard {
+    max-width: 800px;
+    padding: 2rem;
+    border-radius: 10px;
+    border: 2px solid #3d003d;
+    background-color: rgba(20, 0, 20, 0.4);
+    transition: opacity 0.3s ease;
+}
+
+.projectImage {
+    border-radius: 10px;
+    margin: 1.5rem 0;
+    border: 4px solid #3d003d;
+    animation: pulseBorder 1.5s infinite alternate ease-in-out;
+}
+
+.projectNavigation {
+    margin-top: 2rem;
+    display: flex;
+    gap: 2rem;
+}
+
+.arrowButton {
+    padding: 0.75rem 1.5rem;
+    font-size: 1.5rem;
+    background-color: #3d003d;
+    border: none;
+    border-radius: 5px;
+    color: #fff;
+    cursor: pointer;
+    transition: background-color 0.3s ease;
+}
+
+.arrowButton:hover {
+    background-color: #2e002e;
+}
+
+.fade-in {
+    opacity: 1;
+}
+
+.fade-out {
+    opacity: 0;
+}
+