diff --git a/index.html b/index.html
new file mode 100644
index 0000000..2965ef6
--- /dev/null
+++ b/index.html
@@ -0,0 +1,23 @@
+
+
+
+
+
+ Stories
+
+
+
+
+
+ Stories
+
+
+
diff --git a/src/index.css b/src/index.css
new file mode 100644
index 0000000..dd9825e
--- /dev/null
+++ b/src/index.css
@@ -0,0 +1,40 @@
+@import url(https://fonts.bunny.net/css?family=nanum-pen-script:400);
+
+html, body {
+ font-family: 'Nanum Pen Script', handwriting;
+ font-size: 24px;
+ background-color: #222034;
+ color: white;
+}
+
+body {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+}
+
+.story-card {
+ display: inline-block;
+ background-color: #e0c9a6;
+ padding: 1rem;
+ border: 1px solid black;
+ border-radius: 1rem;
+}
+
+a {
+ font-weight: 500;
+ color: #646cff;
+}
+
+a:hover {
+ color: #535bf2;
+}
+
+ul {
+ list-style: none;
+ display: grid;
+ grid-template-columns: auto auto;
+ max-width: 720px;
+ width: 100%;
+ gap: 1rem;
+}
\ No newline at end of file