diff --git a/components/project.js b/components/project.js
index 47e0c12..5bc6e9e 100644
--- a/components/project.js
+++ b/components/project.js
@@ -3,6 +3,12 @@ export class Project extends HTMLElement {
     super()
     const shadow = this.attachShadow({mode: 'open'})
     const textArea = document.createElement('textarea')
+    const path = new URL(
+      window.location.hash || '/',
+      window.location
+    ).pathname
+    const header = document.createElement('h1')
+    header.innerText = path
     textArea.value = localStorage.getItem(
       window.location.hash
     ) ?? ''
@@ -12,10 +18,20 @@ export class Project extends HTMLElement {
         e.target.value
       )
     })
-    shadow.appendChild(textArea)
+    const div = document.createElement('div')
+    div.appendChild(header)
+    div.appendChild(textArea)
+    shadow.appendChild(div)
   }
 
   connectedCallback() {
-    // add css
+    const style = document.createElement('style')
+    style.textContent = `
+      textarea {
+        width: 80%;
+        height: 90dvh;
+      }
+    `
+    this.shadowRoot.append(style)
   }
 }
\ No newline at end of file