reduce width on mobile devices and add padding

Amolith created

Change summary

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

Detailed changes

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;
+  }
+}