From b64bd167a0ee11c084d3b6ab463026f52774e5cc Mon Sep 17 00:00:00 2001
From: Swar1904 <Swar1904@gmail.com>
Date: Mon, 22 Sep 2025 19:27:40 -0500
Subject: [PATCH] npm

---
 src/components/ProjectCard.jsx |  2 +-
 src/index.css                  | 78 ++++++++++++++++++++++++++++++++--
 2 files changed, 76 insertions(+), 4 deletions(-)

diff --git a/src/components/ProjectCard.jsx b/src/components/ProjectCard.jsx
index 2d9f3e3..61e71b1 100644
--- a/src/components/ProjectCard.jsx
+++ b/src/components/ProjectCard.jsx
@@ -70,6 +70,6 @@ const ProjectCard = ({
       </a>
     </div>
   );
-};
+}
 
 export default ProjectCard;
\ No newline at end of file
diff --git a/src/index.css b/src/index.css
index b5c61c9..8d937f6 100644
--- a/src/index.css
+++ b/src/index.css
@@ -1,3 +1,75 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+/* Reset and base styles */
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+body {
+  font-family: Arial, Helvetica, sans-serif;
+  background-color: #f9f9f9;
+  color: #333;
+  line-height: 1.6;
+  padding: 20px;
+}
+
+/* Navbar */
+nav {
+  display: flex;
+  gap: 15px;
+  background: #24292e;
+  padding: 10px 20px;
+  border-radius: 8px;
+}
+
+nav a {
+  color: white;
+  text-decoration: none;
+  font-weight: bold;
+}
+
+nav a:hover {
+  text-decoration: underline;
+}
+
+/* Home Page */
+.home {
+  text-align: center;
+  margin-top: 20px;
+}
+
+.home img {
+  border-radius: 50%;
+  margin-bottom: 10px;
+}
+
+/* Projects Page */
+.projects {
+  margin-top: 20px;
+}
+
+.projects ul {
+  list-style: none;
+}
+
+.projects li {
+  background: white;
+  padding: 15px;
+  margin: 10px 0;
+  border-radius: 8px;
+  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
+}
+
+.projects a {
+  color: #0366d6;
+  font-weight: bold;
+  text-decoration: none;
+}
+
+.projects a:hover {
+  text-decoration: underline;
+}
+.projects p {
+  margin-top: 5px;
+  color: #555;
+}  
\ No newline at end of file