diff --git a/src/layouts/character.webc b/src/layouts/character.webc
index f404b14..5be8bd5 100644
--- a/src/layouts/character.webc
+++ b/src/layouts/character.webc
@@ -96,28 +96,30 @@ layout: base.webc
     }
   }
 
-  footer p:first-child {
-    text-align: center;
-
-    @media (min-width: 35em) {
-      text-align: start;
-    }
-  }
-
   footer p {
+    --text-align: center;
+
     margin: 0;
-    text-align: center;
+    text-align: var(--text-align);
 
     @media (min-width: 35em) {
       margin: revert;
     }
   }
 
-  footer p:last-child {
-    text-align: center;
+  footer p:first-child {
+    text-align: var(--text-align);
 
     @media (min-width: 35em) {
-      text-align: end;
+      --text-align: start;
+    }
+  }
+
+  footer p:last-child {
+    text-align: var(--text-align);
+
+    @media (min-width: 35em) {
+      --text-align: end;
     }
   }
 </style>