responsive

1 files changed, 15 insertions, 6 deletions

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 {