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

app/patrick/Patrick.css

@@ -0,0 +1,11 @@
+/* Patrick.css */
+.programmer-space {
+  padding: 20px;
+  margin: 10px;
+  border-radius: 8px;
+  color: #fff;
+}
+
+.patrick {
+  background-color: #e94e77; /* Pink */
+}

app/patrick/Patrick.tsx

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