npm

src/components/ProjectCard.jsx

@@ -70,6 +70,6 @@ const ProjectCard = ({
       </a>
     </div>
   );
-};
+}
 
 export default ProjectCard;

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;
+}