Remove scroll bars in FF (mdn#152)

* Height and width

* Update modules/generated_content.html

Co-authored-by: Vadim Makeev <hi@pepelsbey.dev>

---------

Co-authored-by: Brian Thomas Smith <brian@smith.berlin>
Co-authored-by: Vadim Makeev <hi@pepelsbey.dev>

Author: 3 people

modules/generated_content.html

@@ -5,83 +5,33 @@
     <meta name="viewport" content="width=device-width" />
     <title>Generated content</title>
     <style>
+      body, div {
+        background-repeat: no-repeat;
+      }
       body {
-        background-image: linear-gradient(#3a67ab, #e8f6ff 100%);
-        height: 100vh;
-        width: 100vw;
+        background-image: linear-gradient(#3a67ab, #e8f6ff 100%); 
       }
-
       div {
-        position: absolute;
-        right: 0;
-        bottom: 0;
+        position: relative;
         width: 400px;
         height: 400px;
-        background-image: linear-gradient(
-            115deg,
-            transparent 48%,
-            brown,
-            #996600,
-            brown,
-            transparent 52%
-          ),
-          linear-gradient(
-            60deg,
-            transparent 48%,
-            brown,
-            #996600,
-            brown,
-            transparent 52%
-          ),
-          radial-gradient(
-            circle 10px at 50% 50%,
-            #333333 30%,
-            #999999 50%,
-            transparent 50%
-          ),
-          radial-gradient(
-            circle 10px at 50% 50%,
-            #333333 30%,
-            #999999 50%,
-            transparent 50%
-          ),
-          radial-gradient(
-            circle at 50% 50%,
-            white 30%,
-            #eeeeee 50%,
-            transparent 50%
-          ),
-          radial-gradient(
-            circle at 50% 50%,
-            white 30%,
-            #eeeeee 50%,
-            transparent 50%
-          ),
-          radial-gradient(
-            circle at 50% 50%,
-            white 30%,
-            #eeeeee 50%,
-            transparent 50%
-          );
-        background-repeat: no-repeat;
-        background-size:
-          100px 100px,
-          100px 100px,
-          15px 15px,
-          15px 15px,
-          200px 200px,
-          300px 300px,
-          400px 400px;
-        background-position:
-          95% 120px,
-          5% 120px,
-          46% 80px,
-          54% 80px,
-          50% 0,
-          50% 90px,
-          50% 220px;
+        background-image: 
+          linear-gradient(115deg, transparent 48%, brown, #996600, brown, transparent 52%), 
+          linear-gradient(60deg, transparent 48%, brown, #996600, brown, transparent 52%), 
+          radial-gradient(circle 10px at 50% 50%, #333333 30%, #999999 50%, transparent 50%), 
+          radial-gradient(circle 10px at 50% 50%, #333333 30%, #999999 50%, transparent 50%), 
+          radial-gradient(circle at 50% 50%, white 30%, #eeeeee 50%, transparent 50%), 
+          radial-gradient(circle at 50% 50%, white 30%, #eeeeee 50%, transparent 50%), 
+          radial-gradient(circle at 50% 50%, white 30%, #eeeeee 50%, transparent 50%);
+        background-size: 
+          100px 100px, 100px 100px, 
+          15px 15px, 15px 15px, 
+          200px 200px, 300px 300px, 400px 400px;
+        background-position: 
+          95% 120px, 5% 120px,
+          46% 80px, 54% 80px, 
+          50% 0, 50% 90px, 50% 220px;
       }
-
       div::after {
         content: "";
         border: transparent solid 4px;