System/Libraries/Html: Split Reflow into separate source file

Applications/Internet/Cyberia.app/Resources/Default.css

@@ -11,45 +11,83 @@ a {
     text-decoration: underline
 }
 
-b, strong {
+b,
+strong {
     font-weight: bold
 }
 
+html,
+body {
+    display: block;
+}
+
+body {
+    margin: 8px;
+}
+
+blockquote {
+    margin-left: 40px;
+    margin-right: 40px;
+}
+
+button {
+    display: inline-block;
+}
+
+center {
+    display: block;
+    text-align: center;
+}
+
 code {
     font-family: monospace
 }
 
-em, i {
+em,
+i {
     font-style: italic
 }
 
 h1 {
-    font-size: 2em;
-    font-weight: bold
+    margin-top: 0.67em;
+    margin-bottom: 0.67em;
+    font-size: 2.00em;
+    font-weight: bold;
 }
 
 h2 {
-    font-size: 1.5em;
-    font-weight: bold
+    margin-top: 0.83em;
+    margin-bottom: 0.83em;
+    font-size: 1.50em;
+    font-weight: bold;
 }
 
 h3 {
+    margin-top: 1.00em;
+    margin-bottom: 1.00em;
     font-size: 1.17em;
-    font-weight: bold
+    font-weight: bold;
 }
 
 h4 {
-    font-weight: bold
+    margin-top: 1.33em;
+    margin-bottom: 1.33em;
+    font-size: 1.00em;
+    font-weight: bold;
 }
 
 h5 {
+    margin-top: 1.67em;
+    margin-bottom: 1.67em;
     font-size: 0.83em;
-    font-weight: bold
+    font-weight: bold;
 }
 
 h6 {
+    margin-top: 2.33em;
+    margin-bottom: 2.33em;
     font-size: 0.67em;
-    font-weight: bold
+    font-weight: bold;
 }
 
 mark {
@@ -57,7 +95,18 @@ mark {
     color: black
 }
 
+ol,
+ul {
+    padding-left: 24px;
+}
+
+p {
+    margin-top: 1em;
+    margin-bottom: 1em;
+}
+
 table {
+    display: block;
     text-align: left;
 }