diff --git a/apps/notepad.html b/apps/notepad.html
index 54963f7..109c1e8 100644
--- a/apps/notepad.html
+++ b/apps/notepad.html
@@ -24,6 +24,6 @@
     </style>
 </head>
 <body>
-    <textarea style="width: 100%; height: 100%; resize: none; border:none; font-size: large; margin:0;">I've eaten nothing but rocks for 3 days...&NewLine;I don't know how much longer I can keep this going... I need food&NewLine;&NewLine;--- January 21&NewLine;&NewLine;It's been so long... I don't know where I end end and the rocks begin.&NewLine;&NewLine;--- March 12&NewLine;&NewLine;I've started to see things I'm not sure are really there... creatures of pure stone. Can they see me? Why doesn't anyone else notice?&NewLine;&NewLine;--- April 17</textarea>
+    <textarea style="width: 100%; height: 100%; resize: none; border:none; font-size: large; margin:0;">I've eaten nothing but rocks for 3 days...&NewLine;I don't know how much longer I can keep this going... I need food&NewLine;&NewLine;--- January 21&NewLine;&NewLine;It's been so long... I don't know where I end end and the rocks begin.&NewLine;&NewLine;--- March 12&NewLine;&NewLine;I've started to see things I'm not sure are really there... creatures of pure stone. Can they see me? Why doesn't anyone else notice?&NewLine;&NewLine;--- April 17&NewLine;&NewLine;The door sits there, taunting. I wonder what's behind it but I am afraid...&NewLine;&NewLine;I have left a note in the guestbook.. please make sure nobody else finds out about this&NewLine;&NewLine;--- July 4</textarea>
 </body>
 </html>
\ No newline at end of file
diff --git a/door/common.css b/door/common.css
new file mode 100644
index 0000000..9a7344c
--- /dev/null
+++ b/door/common.css
@@ -0,0 +1,31 @@
+body, html {
+    padding:0;
+    margin: 0;
+
+    height: 100%;
+}
+
+body {
+    background-color: black;
+    text-align: center;
+    align-content: center;
+    display: grid;
+}
+
+@keyframes reveal {
+    0% {
+        opacity: 0%;
+    }
+
+    100% {
+        opacity: 100%;
+    }
+}
+
+img {
+    image-rendering: pixelated;
+}
+
+p {
+    color: white;
+}
\ No newline at end of file
diff --git a/door/images/door.png b/door/images/door.png
new file mode 100644
index 0000000..b063171
Binary files /dev/null and b/door/images/door.png differ
diff --git a/door/index.html b/door/index.html
new file mode 100644
index 0000000..0293ade
--- /dev/null
+++ b/door/index.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>???</title>
+
+    <style>
+        body, html {
+            padding:0;
+            margin: 0;
+
+            height: 100%;
+        }
+
+        body {
+            background-color: black;
+            text-align: center;
+            align-content: center;
+            display: grid;
+        }
+
+        @keyframes reveal {
+            0% {
+                opacity: 0%;
+            }
+
+            100% {
+                opacity: 100%;
+            }
+        }
+
+        img {
+            animation: reveal 5s;
+        }
+
+        p {
+            animation: reveal 5s forwards;
+            animation-delay: 4s;
+            opacity: 0%;
+        }
+    </style>
+</head>
+<body>
+    <div>
+        <img src="/door/images/door.png" />
+        <p>The door is closed.</p>
+    </div>
+</body>
+</html>
\ No newline at end of file
