Center main article and tables

static/css/general.css

@@ -52,6 +52,12 @@ article {
     padding: 0.5rem;
 }
 
+#mainarticle {
+    width: 95vw;
+    max-width: 80rem;
+    margin: 0 auto;
+}
+
 li, ul, ol {
     margin: 1rem;
 }
@@ -68,7 +74,7 @@ table {
     border-right: none;
     border-bottom: none;
     border-collapse: collapse;
-    margin: 1rem 2.5vw;
+    margin: 1rem auto;
 }
 
 td, th {
@@ -77,14 +83,7 @@ td, th {
     border-left: none;
     border-top: none;
     border-collapse: collapse;
-    padding: 0.5rem 1rem;
-}
-
-@media (max-width: 30rem), (max-width: 1000px) {
-    table {
-        margin-right: 0;
-        margin-left: 0;
-    }
+    padding: 0.5rem;
 }
 
 @media (prefers-color-scheme: dark) {

templates/base.html

@@ -24,7 +24,7 @@
         </nav>
         <hr />
 
-        <article>
+        <article id="mainarticle">
             {% block content %} {% endblock %}
         </article>