easiest front end of my life

templates/home.html

@@ -23,6 +23,15 @@
                 top: 0;
                 z-index: 99999;
             }
+            .loader h1 {
+                color: #fff;
+                color: var(--label_dark_background);
+                font-family: 'Figtree', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+                font-size: 2rem;
+                margin: 0;
+                padding: 0;
+                text-align: center
+            }
 
             .loader-inner {
                 bottom: 0;
@@ -35,6 +44,17 @@
                 width: 100px;
             }
 
+            .loader-inner-header {
+                bottom: 0;
+                height: 80px;
+                left: 0;
+                margin: auto;
+                position: absolute;
+                right: 0;
+                top: 250;
+                width: 600px;
+            }
+
             .loader-line-wrap {
                 animation: 
                     spin 2000ms cubic-bezier(.175, .885, .32, 1.275) infinite
@@ -126,8 +146,10 @@
                 <div class="loader-line-wrap">
                     <div class="loader-line"></div>
                 </div>
-            </div>  
-            <br /><br /><br /><center><h1 style="color:white";>YNAB Portfolio Sync Running...</h1></center>
+            </div>    
+            <div class="loader-inner-header">
+                <h1 style="color:white";>YNAB Portfolio Sync</h1>
+            </div>        
         </div>
         
     </body>