hopefully cool text outline thingie

pages/user/index.html

@@ -1,7 +1,7 @@
 <!--PAGENAME=Hello, <template name="username">-->
 <header>
     <div class="user-index-header-text"> 
-        <h1 class="user-index-h1">Hello, <template name="username">.</h1>
+        <h1 class="user-index-h1">Hello, <span class="outlined-text"><template name="username"></template></span>.</h1>
         <h2 class="user-index-h2">What would you like to watch?</h2>     
     </div>   
 </header>

styles/global.css

@@ -41,4 +41,10 @@ a {
 .user-index-h2 {
     font-size: 3.3rem;
     text-align: left;
+}
+
+
+.outlined-text {
+    -webkit-text-fill-color: transparent;
+    -webkit-text-stroke: 1px #8c00ff;
 }