changed up temp style

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;
 }