Update style.css

pik-gane · Feb 27, 2024 · 9d9263a · 9d9263a
1 parent 75f26e0
commit 9d9263a
Showing 1 changed file with 22 additions and 36 deletions.
diff --git a/docs/assets/css/style.css b/docs/assets/css/style.css
@@ -13,6 +13,10 @@ body {
   color: #00ff00;
 }
 
+.blue {
+  color: #0000ff;
+}
+
 /*
   1. Use a more-intuitive box-sizing model.
 */
@@ -33,7 +37,7 @@ body {
   4. Improve text rendering
 */
 body {
-  line-height: 1.5;
+  line-height: 1.3;
   -webkit-font-smoothing: antialiased;
 }
 
@@ -231,10 +235,10 @@ html {
 }
 @media screen and (min-width: 40em) {
   * {
-    line-height: 35px;
-    line-height: 1.8229166667rem;
-    margin-bottom: 35px;
-    margin-bottom: 1.8229166667rem;
+    line-height: 30px;
+    line-height: 1.5rem;
+    margin-bottom: 20px;
+    margin-bottom: 1.0rem;
     max-width: 672px;
     max-width: 35rem;
     margin-left: auto;
@@ -408,65 +412,47 @@ h1 {
   font-size: 2.5rem;
   line-height: 52px;
   line-height: 3.25rem;
-  margin-top: 104px;
-  margin-top: 6.5rem;
+  margin-top: 70px;
+  margin-top: 4.2rem;
   margin-bottom: 26px;
   margin-bottom: 1.625rem;
+  color: #00ff00;
 }
 
 h2 {
   font-size: 27px;
   font-size: 1.6875rem;
   line-height: 39px;
   line-height: 2.4375rem;
-  margin-top: 65px;
-  margin-top: 4.0625rem;
+  margin-top: 43px;
+  margin-top: 2.7rem;
   margin-bottom: 13px;
   margin-bottom: 0.8125rem;
+  color: #00ff00;
 }
 
 h3 {
   font-size: 22px;
   font-size: 1.375rem;
   line-height: 26px;
   line-height: 1.625rem;
-  margin-top: 52px;
-  margin-top: 3.25rem;
+  margin-top: 25px;
+  margin-top: 2.1rem;
   margin-bottom: 13px;
   margin-bottom: 0.8125rem;
+  color: #00ff00;
 }
 
-h4 {
+h4, h5, h5 {
   font-size: 19.2px;
   font-size: 1.2rem;
   line-height: 26px;
   line-height: 1.625rem;
-  margin-top: 39px;
-  margin-top: 2.4375rem;
-  margin-bottom: 13px;
-  margin-bottom: 0.8125rem;
-}
-
-h5 {
-  font-size: 16px;
-  font-size: 1rem;
-  line-height: 26px;
-  line-height: 1.625rem;
-  margin-top: 65px;
-  margin-top: 4.0625rem;
-  margin-bottom: 13px;
-  margin-bottom: 0.8125rem;
-}
-
-h6 {
-  font-size: 16px;
-  font-size: 1rem;
-  line-height: 26px;
-  line-height: 1.625rem;
-  margin-top: 65px;
-  margin-top: 4.0625rem;
+  margin-top: 26px;
+  margin-top: 1.6rem;
   margin-bottom: 13px;
   margin-bottom: 0.8125rem;
+  color: #00ff00;
 }
 
 @media screen and (min-width: 40em) {