Massive style changes

wwwroot/css/main.css

@@ -1,9 +1,8 @@
 header {
-  padding: var(--s4) calc(var(--s4) * 2);
-  border-bottom: var(--border-width) solid var(--f1-border);
+  padding: var(--box-padding);
   display: flex;
   align-items: center;
-  gap: var(--s4);
+  gap: var(--box-spacing);
   flex-shrink: 0;
 }
 
@@ -11,6 +10,7 @@ header {
   flex: 1;
   display: flex;
   flex-direction: column;
+  align-items: center;
   overflow: hidden;
 }
 
@@ -19,6 +19,8 @@ header {
   display: flex;
   flex-direction: column;
   overflow: hidden;
+  width: var(--page-width);
+  max-width: 100%;
 }
 
 .page-content {
@@ -28,14 +30,3 @@ header {
   overflow-y: auto;
   flex: 1;
 }
-
-.page-content > * {
-  width: 600px;
-  max-width: 100%;
-}
-
-.back-btn {
-  background: none;
-  border: none;
-  padding: var(--s1) var(--s2);
-}