starting on datasets screen

SessionZero/Pages/Characters.razor

@@ -1,5 +1,5 @@
 @page "/Characters"
-<h3>Characters</h3>
+<h1 class="page-title">Characters</h1>
 
 @code {
     

SessionZero/Pages/Home.razor

@@ -2,7 +2,7 @@
 
 <PageTitle>Home</PageTitle>
 
-<h1>Welcome to SessionZero</h1>
+<h1 class="page-title">Welcome to SessionZero</h1>
 
 <div class="card">
     <h2>A card</h2>

SessionZero/Pages/Library/Datasets.razor

@@ -1,5 +1,10 @@
 @page "/Library/Datasets"
-<h3>Datasets</h3>
+
+<NavLink class="button-secondary" href="/library/" style="align-self: flex-start;">
+    <span>&larr;</span>
+</NavLink>
+
+<h1 class="page-title">Datasets</h1>
 
 @code {
     

SessionZero/Pages/Library/Library.razor

@@ -1,17 +1,18 @@
 @page "/Library"
+@inject NavigationManager NavigationManager
 <h1 class="page-title">Library</h1>
 
 <div class="library-card-container">
-    <div class="card">
+    <NavLink class="card" onclick="@(() => { NavigationManager.NavigateTo("/library/templates"); })">
         <h1>Templates</h1>
         <img src="res/icons/address-book.svg" class="icon" />
         <p>Create and manage Character Sheet Templates</p>
-    </div>
-    <div class="card">
+    </NavLink>
+    <NavLink class="card" onclick="@(() => { NavigationManager.NavigateTo("/library/datasets"); })">
         <h1>Datasets</h1>
         <img src="res/icons/book.svg" class="icon"/>
         <p>Create and manage Datasets</p>
-    </div>
+    </NavLink>
 </div>
 
 <style>
@@ -27,9 +28,17 @@
     height: 200px;
 }
 
+.library-card-container .card p {
+    font-size: 1.2em;
+    color: var(--neutral-medium);
+}
+
 </style>
 
 
 @code {
-    
+    private void NavigateToTemplates()
+    {
+        
+    }
 }

SessionZero/wwwroot/css/app.css

@@ -105,6 +105,7 @@ html, body, #app {
     gap: 0.5rem;
     transition: all 0.2s ease;
     color: var(--button-text);
+    text-decoration: none;
 }
 .button-main:hover {
     background-color: var(--accent-color);
@@ -128,6 +129,7 @@ html, body, #app {
     gap: 0.5rem;
     transition: all 0.2s ease;
     color: var(--button-text);
+    text-decoration: none;
 }
 
 .button-secondary:hover {