--

public/assets/css/style-light.css

@@ -47,6 +47,7 @@ footer {
 
 h1, h2, h3, h4, h5, h6 {
     color: #FFFFFF;
+    font-weight: 400;
 }
 
 /* Layout */
@@ -54,15 +55,19 @@ section {
     padding-top: 4px;
     padding-bottom: 4px;
 }
+
 .block {
     background-color: #272727;
-    border-radius: 6px;
-    padding-top: 4px;
-    padding-left: 24px;
-    padding-right: 24px;
-    padding-bottom: 4px;
+    border-radius: 8px;
+    padding: 16px 16px;
     margin-bottom: 16px;
 }
+.block > *:first-child {
+    margin-top: 0;
+}
+.block > *:last-child {
+    margin-bottom: 0;
+}
 
 .flex {
     display: flex;
@@ -81,10 +86,9 @@ section {
 
 /* Code */
 pre {
-    background-color: #272727;
+    background-color: #202020;
     border-radius: 4px;
     padding: 8px;
-    padding-left: 16px;
     overflow-x: auto;
     white-space: pre;
     line-height: 24px;
@@ -109,18 +113,6 @@ a {
     text-decoration: underline;
     color: inherit;
 }
-
-h1 {
-    font-weight: 400;
-    line-height: 8pt;
-}
-h2 {
-    font-weight: 300;
-}
-section h2, section h3 {
-    line-height: 8pt;
-}
-
 b {
     font-weight: 400;
 }
@@ -134,16 +126,62 @@ s {
     text-decoration: line-through;
 }
 
+.font-light {
+    font-weight: 100;
+}
+.font-regular {
+    font-weight: 200;
+}
+.font-medium {
+    font-weight: 300;
+}
 .font-bold {
     font-weight: 400;
 }
-.font-italic {
-    font-style: italic;
+.font-extrabold {
+    font-weight: 500;
+}
+.font-black {
+    font-weight: 600;
+}
+
+.font-weight-100 {
+    font-weight: 100;
+}
+.font-weight-200 {
+    font-weight: 200;
+}
+.font-weight-300 {
+    font-weight: 300;
+}
+.font-weight-400 {
+    font-weight: 400;
+}
+.font-weight-500 {
+    font-weight: 500;
+}
+.font-weight-600 {
+    font-weight: 600;
+}
+.font-weight-700 {
+    font-weight: 700;
+}
+.font-weight-800 {
+    font-weight: 800;
+}
+.font-weight-900 {
+    font-weight: 900;
+}
+.font-weight-1000 {
+    font-weight: 1000;
 }
 
 .text-no-decoration {
     text-decoration: none;
 }
+.text-italic {
+    font-style: italic;
+}
 .text-underline {
     text-decoration: underline;
 }