2 files changed, 8 insertions, 1 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;
diff --git a/style.go b/style.go
index e6e301a..9ec743d 100644
--- a/style.go
+++ b/style.go
@@ -1,3 +1,3 @@
 package gopherproxy
 
-var styletext = `body{margin:0;padding:0;background-color:#14171a;color:#cad1d8}.wrap{text-align:center}.content{display:inline-block;min-width:50em;margin:0;padding:2em 1em;text-align:left;font-family:'IBM Plex Mono', 'Fira Code', 'Fira Mono', 'Roboto Mono', 'Droid Sans Mono', Monaco, Consolas, Courier, monospace;font-size:1em;line-height:1.5}::selection{color:#000;background-color:#efc68a}:link{color:#fff}:visited{color:#cad1d8}.link-type{color:#929ba3}`
+var styletext = `body{margin:0;padding:0;background-color:#14171a;background-image:repeating-linear-gradient(rgba(0,0,0,0.25), rgba(0,0,0,0.25) 1px, rgba(230,242,255,0.025) 1px, rgba(230,242,255,0.025) 2px);color:#cad1d8}.wrap{text-align:center}.content{display:inline-block;min-width:50em;min-width:85ch;margin:0;padding:2em 1em;text-align:left;font-family:'IBM Plex Mono', 'Fira Code', 'Fira Mono', 'Roboto Mono', 'Droid Sans Mono', Monaco, Consolas, Courier, monospace;font-size:1em;line-height:1.5}::selection{color:#000;background-color:#efc68a}:link{color:#fff}:visited{color:#cad1d8}.link-type{color:#929ba3}`