Do not question the css it will be fixed on a later occasion lmao Patrick don't be mad and merge

app/yasin/Yasin.css

@@ -0,0 +1,11 @@
+/* Yasin.css */
+.programmer-space {
+  padding: 20px;
+  margin: 10px;
+  border-radius: 8px;
+  color: #fff;
+}
+
+.yasin {
+  background-color: #50e3c2; /* Teal */
+}

app/yasin/Yasin.tsx

@@ -0,0 +1,13 @@
+// Yasin.tsx
+"use client";
+import React from 'react';
+import './Yasin.css'; // Import specific styles for Yasin
+
+const Yasin = () => (
+  <div className="programmer-space yasin">
+    <h2>Yasin's Space</h2>
+    <p>Welcome, Yasin! This is your programming space.</p>
+  </div>
+);
+
+export default Yasin;