From f5db6c7befc613142f2e93575c417f2a2884f805 Mon Sep 17 00:00:00 2001
From: xengineering <me@xengineering.eu>
Date: Thu, 2 Dec 2021 14:36:13 +0100
Subject: Center all Headings in Mobile View

---
 libweb.css | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/libweb.css b/libweb.css
index 4607a26..6e19b8c 100644
--- a/libweb.css
+++ b/libweb.css
@@ -116,30 +116,35 @@ h1 {
 }
 
 h2 {
+  text-align: center;
   margin-top: var(--vertical-space-big);
   margin-bottom: var(--vertical-space-small);
   font-size: 2.0em;
 }
 
 h3 {
+  text-align: center;
   margin-top: var(--vertical-space-big);
   margin-bottom: var(--vertical-space-small);
   font-size: 1.8em;
 }
 
 h4 {
+  text-align: center;
   margin-top: var(--vertical-space-big);
   margin-bottom: var(--vertical-space-small);
   font-size: 1.6em;
 }
 
 h5 {
+  text-align: center;
   margin-top: var(--vertical-space-big);
   margin-bottom: var(--vertical-space-small);
   font-size: 1.4em;
 }
 
 h6 {
+  text-align: center;
   margin-top: var(--vertical-space-big);
   margin-bottom: var(--vertical-space-small);
   font-size: 1.2em;
@@ -232,6 +237,11 @@ footer {
 /********************************** TABLET ************************************/
 
 @media only screen and (min-aspect-ratio: 11/12) {
+
+h1, h2, h3, h4, h5, h6 {
+  text-align: left;
+}
+
 }
 
 /******************************************************************************/
@@ -275,10 +285,6 @@ main {
 	padding-right: 15vw;
 }
 
-h1 {
-  text-align: left;
-}
-
 button:hover {
   background-color: var(--background-color-dark2);
 }
-- 
cgit v1.2.3-70-g09d2