diff --git a/.gitattributes b/.gitattributes
new file mode 100644
index 0000000..e4c28ea
--- /dev/null
+++ b/.gitattributes
@@ -0,0 +1 @@
+*.ttf filter=lfs diff=lfs merge=lfs -text
diff --git a/assets/monogram.ttf b/assets/monogram.ttf
new file mode 100644
index 0000000..3b9c4f0
--- /dev/null
+++ b/assets/monogram.ttf
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:9a622ff93b22353711b97db2bdc69a926201469a41b1dcf135b80c49c7cbad6e
+size 10304
diff --git a/index.html b/index.html
index b2368b5..7c75e50 100644
--- a/index.html
+++ b/index.html
@@ -4,16 +4,23 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
 
-  <title>A Page - My Site</title>
+  <title>0x76.dev</title>
   <meta name="description" content="Page description">
 
   <link rel="stylesheet" href="/style.css">
   <link rel="icon" href="/favicon.ico">
   <link rel="icon" href="/favicon.svg" type="image/svg+xml">
-  <meta name="theme-color" content="#8000FF">
+  <meta name="theme-color" content="#0FO">
 </head>
 
 <body>
   <script src="/script.js" type="module"></script>
+  <main>
+      <section id="main">
+          <h1>0x76.dev</h1>
+          <p>Hiiiii~</p>
+            <span class="blinking-cursor"></span>
+      </section>
+  </main>
 </body>
 </html>
\ No newline at end of file
diff --git a/style.css b/style.css
index e69de29..dba22b4 100644
--- a/style.css
+++ b/style.css
@@ -0,0 +1,64 @@
+:root {
+    --color: #7fffbf;
+}
+
+@font-face {
+    font-family: "monogram";
+    src: url("./assets/monogram.ttf");
+}
+
+body {
+    background-color: black;
+    color: var(--color);
+    font-family: "monogram", monospace;
+
+    /* x-offset y-offset blur color */
+    text-shadow: 0 0 2px #0f0, -2px 0 2px #f00, 2px 0 2px #00f;
+}
+
+h1 {
+    font-size: 6rem;
+}
+
+p {
+    font-size: 2rem;
+}
+
+main {
+    width: 100%;
+    height: 100%;
+
+    display: grid;
+    column-gap: 3rem;
+    row-gap: 3rem;
+
+    grid-template-columns: 1fr 1fr 1fr;
+    grid-template-rows: 25% 1fr 1fr;
+
+}
+
+main>section#main {
+    grid-column: 2;
+    grid-row: 2;
+}
+
+main>section {
+    text-align: center;
+}
+
+
+main>section>p:after {
+    content: "";
+    width: 1ch;
+    height: 0.6em;
+    background: var(--color);
+    display: inline-block;
+
+    animation: blink 1.5s steps(2) infinite;
+}
+
+@keyframes blink {
+    0% {
+        opacity: 0;
+    }
+}
\ No newline at end of file
