chore: reduce width of static page content

Pages like legal notice should not exceed 80characters to improve
readability.

1 files changed, 13 insertions, 0 deletions

diff --git a/src/scss/layout/_main.scss b/src/scss/layout/_main.scss
index 8ab842b..5076e0a 100644
--- a/src/scss/layout/_main.scss
+++ b/src/scss/layout/_main.scss
@@ -24,6 +24,8 @@
 .instructions,
 noscript {
   background: fun.get-var(color-bg);
+  margin: 0 auto;
+  max-width: 80ch;
   padding: fun.get-var(spacing-md);
   text-align: center;
 
@@ -34,6 +36,13 @@ noscript {
   }
 }
 
+.instructions,
+.legal-notice {
+  > * {
+    max-width: 80ch;
+  }
+}
+
 .instructions {
   align-items: center;
   display: flex;
@@ -53,6 +62,10 @@ noscript {
       grid-column: 1 / -1;
     }
   }
+
+  iframe {
+    max-width: 100%;
+  }
 }
 
 .project-preview {