From 4cf019616531b2deab13e8e0eb5ae4bf7396585b Mon Sep 17 00:00:00 2001
From: cyfraeviolae <cyfraeviolae>
Date: Sat, 26 Feb 2022 06:40:01 -0500
Subject: responsive

---
 static/styles.css | 21 +++++++++++++++------
 1 file changed, 15 insertions(+), 6 deletions(-)

(limited to 'static')

diff --git a/static/styles.css b/static/styles.css
index 03f8ee1..e5d471f 100644
--- a/static/styles.css
+++ b/static/styles.css
@@ -34,16 +34,25 @@ body {
 	color: DarkSlateGrey;
 	font-family: Charter, serif;
 	font-size: 18px;
+    text-align: center;
+    line-height: 1;
 }
 
 .container {
     margin: 0 auto;
-    margin-top: 6em;
-    max-width: 40em;
-    border: 1px DarkSlateGrey dotted;
-    border-radius: 4px;
-    padding: 2em;
-    box-shadow: 4px 4px 0px DarkSlateGrey;
+    text-align: left;
+    display: inline-block;
+    margin: 1em;
+}
+
+@media only screen and (min-width: 700px) {
+    .container {
+        margin-top: 10%;
+        border: 1px DarkSlateGrey dotted;
+        border-radius: 4px;
+        box-shadow: 4px 4px 0px DarkSlateGrey;
+        padding: 2em;
+    }
 }
 
 p {
-- 
cgit v1.2.3