diff --git a/index.html b/index.html
index 238a916..b0b6cef 100644
--- a/index.html
+++ b/index.html
@@ -9,6 +9,6 @@
 </head>
 <body>
     <h1>nicholassurmava.com</h1>
-    <h2>Stay Tuned<span class="ellipsis"></span></h2>
+    <h2 class="typewriter">Stay Tuned...</h2>
 </body>
 </html>
\ No newline at end of file
diff --git a/static/css/style.css b/static/css/style.css
index ad9a3a5..4142dfc 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -49,17 +49,28 @@ body {
     flex-direction: column;
     align-items: center;
     justify-content: center;
+
+    background-color: black;
 }
 
-@keyframes ellipsis {
-    0%   { content: ''; }
-    25%  { content: '.'; }
-    50%  { content: '..'; }
-    75%  { content: '...'; }
-    100% { content: ''; }
+@keyframes blink {
+    0%, 100% { border-color: transparent; }
+    50%       { border-color: currentColor; }
 }
 
-h2 .ellipsis::after {
-    content: '';
-    animation: ellipsis 3.5s steps(1, end) infinite;
+@keyframes typing {
+    0%   { width: 0; }
+    80%  { width: 13ch; }
+    100% { width: 13ch; }
+}
+
+h2.typewriter {
+    overflow: hidden;
+    white-space: nowrap;
+    border-right: 2px solid currentColor;
+    width: 0;
+    display: inline-block;
+    animation:
+        typing 3.5s steps(14, end) infinite,
+        blink  0.75s step-end infinite;
 }
\ No newline at end of file
