From ba709bb962a559d15f54451cee9621a5360e1f2d Mon Sep 17 00:00:00 2001
From: Amolith <amolith@secluded.site>
Date: Tue, 17 Jan 2023 10:24:25 -0500
Subject: [PATCH] reduce width on mobile devices and add padding

---
 themes/secluded/assets/scss/_main.scss | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/themes/secluded/assets/scss/_main.scss b/themes/secluded/assets/scss/_main.scss
index fc06cec..a59ecf5 100644
--- a/themes/secluded/assets/scss/_main.scss
+++ b/themes/secluded/assets/scss/_main.scss
@@ -1,5 +1,6 @@
 html {
   scroll-behavior: smooth;
+  padding: 0 30px;
 }
 body {
   font-family: Heliotrope;
@@ -172,3 +173,9 @@ input[type="text"]:focus {
     font-style: italic;
   }
 }
+
+@media (max-width: 55em) {
+  html {
+    max-width: 650px;
+  }
+}