Center all Headings in Mobile View

1 files 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);
 }