Add styling changes to single story pages

1 files changed, 13 insertions, 4 deletions

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