making user index look good

pages/user/index.html

@@ -1,5 +1,7 @@
 <!--PAGENAME=Hello, <template name="username">-->
-<h2>Welcome</h2>
-<p>Logged in as: <template name="username"></p>
-
-<template name="gravatar image">
+<header>
+    <div class="user-index-header-text"> 
+        <h1 class="user-index-h1">Hello, <template name="username">.</h1>
+        <h2 class="user-index-h2">What would you like to watch?</h2>     
+    </div>   
+</header>

styles/global.css

@@ -25,3 +25,20 @@ a {
 .pfp {
     border-radius: 50px;
 }
+
+
+
+.user-index-header-text {
+    width: fit-content;
+    margin: auto;
+    text-align: left;
+    padding: 0;
+}
+.user-index-h1 {
+    font-size: 2rem;
+    text-align: left;
+}
+.user-index-h2 {
+    font-size: 1.65rem;
+    text-align: left;
+}