From e5e665ea6d853b3be3bd59862e2e4dd1c4e9deae Mon Sep 17 00:00:00 2001
From: Ethan Paul <24588726+enpaul@users.noreply.github.com>
Date: Tue, 16 Feb 2021 20:11:10 -0500
Subject: [PATCH] Fix main content layout on mobile

---
 css/style.css | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/css/style.css b/css/style.css
index 2f8f97e..532406a 100644
--- a/css/style.css
+++ b/css/style.css
@@ -200,3 +200,17 @@ ul.buttons li {
   0% { transform: translate(-50%,-50%) rotate(0deg); }
   100% { transform: translate(-50%,-50%) rotate(360deg); }
 }
+
+@media only screen and (max-width: 600px) {
+  #content {
+    padding: 0;
+    padding-bottom: 1em;
+    border-radius: 32px;
+    top: 6em;
+  }
+
+  #content p {
+    margin: 1em;
+  }
+}
+