Add interlacing background effect

1 files changed, 7 insertions, 0 deletions

diff --git a/css/main.scss b/css/main.scss
index 8ae988e..5c2b4b3 100644
--- a/css/main.scss
+++ b/css/main.scss
@@ -13,6 +13,12 @@ body {
     margin:           0;
     padding:          0;
     background-color: $background;
+    background-image: repeating-linear-gradient(
+        rgba(0, 0, 0, .25),
+        rgba(0, 0, 0, .25)         1px,
+        hsla(210, 100%, 95%, .025) 1px,
+        hsla(210, 100%, 95%, .025) 2px
+    );
     color:            $text;
 }
 
@@ -23,6 +29,7 @@ body {
 .content {
     display:     inline-block;
     min-width:   50em;
+    min-width:   5ch + 80;
     margin:      0;
     padding:     2em 1em;
     text-align:  left;