From b0b132c9f95dce817c5c0d1cde97f3cc77ea913d Mon Sep 17 00:00:00 2001
From: WriterV2 <primary-v2@protonmail.com>
Date: Sun, 12 Feb 2023 14:01:23 +0100
Subject: Add styling changes to single story pages

---
 sass/style.scss | 17 +++++++++++++----
 1 file changed, 13 insertions(+), 4 deletions(-)

(limited to 'sass/style.scss')

diff --git a/sass/style.scss b/sass/style.scss
index 4317556..8227863 100644
--- a/sass/style.scss
+++ b/sass/style.scss
@@ -164,7 +164,7 @@ h3 {
 }
 
 .download-button {
-    border: 1px solid $accent-color;
+    border: 1px solid $box-color;
     padding: 0.5em;
     margin: 0.5em 3em;
     font-size: 0.8em;
@@ -172,8 +172,17 @@ h3 {
 }
 
 .story-text {
-    margin: 2em;
     padding: 3em;
-    line-height: 2.5rem;
-    background-color: $box-color;
+    margin: 2em 1em;
+    border: 1px solid $box-color;
+    line-height: 1.8rem;
+    font-size: 0.9em;
+    @media screen and (min-width: 480px) {
+        line-height: 2rem;
+        margin: 2em;
+    }
+    @media screen and (min-width: 768px) {
+        line-height: 2.5rem;
+        font-size: 1em;
+    }
 }
-- 
cgit v1.2.3