fix: (seo-)headings for pages + css

app/assets/styles/general.css

@@ -1,6 +1,7 @@
 :root {
   --padding-default: 1rem;
   --padding-small: 0.5rem;
+  --padding-large: 2rem;
   --radius-default: 3px;
   --transition-default: 150ms;
 
@@ -205,8 +206,4 @@ dialog {
   &::backdrop {
     background: rgba(0, 0, 0, 0.5);
   }
-}
-
-.Legal {
-  padding: var(--padding-default);
 }

app/assets/styles/page.css

@@ -53,6 +53,10 @@
     height: 100%;
 }
 
+.content-text {
+    padding: var(--padding-large) var(--padding-default) var(--padding-default);
+}
+
 .info-text {
     padding: 0 var(--padding-default);
     text-align: center;
@@ -60,4 +64,8 @@
     top: 40%;
     transform: translateY(-50%);
     position: absolute;
+}
+
+.Legal {
+    padding: var(--padding-large) var(--padding-default);
 }