change background to lighter color

change pink to lighter one
add margin-bottom

web.py

@@ -240,6 +240,7 @@ def web_data():
             border: 1px solid #c3e6cb; /* Green border */
             border-radius: 5px;
             padding: 15px 15px 0px 15px;
+            marging-bottom: 15px
         """,
         ),
         H3("TxT360 CommonCrawl Filtering vs Other Pretraining Datasets"),
@@ -301,6 +302,7 @@ def web_data():
             padding: 15px;
             # border: 1px solid #949494; /* Grey border */ 
             border-radius: 12px;
+            marging-bottom: 15px
             """, #https://colors.muz.li/palette/d3d3d3/949494/d3d3d3/d3d3d3/949494
             ),
         #DV2("data/sample_wet.json", "data/sample_warc.json", 3),
@@ -316,9 +318,10 @@ def web_data():
             Summary("Non-English Documents"),
             DV("data/sample_non_en.json", 3, "Sample documents that are classified as non-English"),
             style="""
-            background-color: #FFC0CB; /* Light pink background */
+            background-color: #FAEAEA; /* Light pink background */
             padding: 15px;
             border-radius: 12px;
+            marging-bottom: 15px
             """, 
         ),
         
@@ -331,6 +334,7 @@ def web_data():
             background-color: #EAFFF1; /* Light green background */
             padding: 15px;
             border-radius: 12px;
+            marging-bottom: 15px
             """, 
         ),
         
@@ -350,9 +354,10 @@ def web_data():
             Summary("24 URL domains with more than 4k matches"),
             DVS(urls_high_matches, "24 URL domains with more than 4k matches"),
             style="""
-            background-color: #FFC0CB; /* Light pink background */
+            background-color: #FAEAEA; /* Light pink background */
             padding: 15px;
             border-radius: 12px;
+            marging-bottom: 15px
             """, 
         ),
         
@@ -363,9 +368,10 @@ def web_data():
             Summary("6 url domains that are removed from the blocklist"),
             DVS(urls_false_positives, "6 url domains that are removed from the blocklist"),    
             style="""
-            background-color: #FFC0CB; /* Light pink background */
+            background-color: #FAEAEA; /* Light pink background */
             padding: 15px;
             border-radius: 12px;
+            marging-bottom: 15px
             """, 
         ),
         
@@ -377,9 +383,10 @@ def web_data():
             "Sample documents whose urls are blocked by the refined url blocklist",
             ),   
             style="""
-            background-color: #FFC0CB; /* Light pink background */
+            background-color: #FAEAEA; /* Light pink background */
             padding: 15px;
             border-radius: 12px;
+            marging-bottom: 15px
             """, 
         ),
         
@@ -395,9 +402,10 @@ def web_data():
                 "curated url domains that are excluded from our dataset",
             ),
             style="""
-            background-color: #FFC0CB; /* Light pink background */
+            background-color: #FAEAEA; /* Light pink background */
             padding: 15px;
             border-radius: 12px;
+            marging-bottom: 15px
             """, 
         ),
 
@@ -408,6 +416,7 @@ def web_data():
             background-color: #EAFFF1; /* Light green background */
             padding: 15px;
             border-radius: 12px;
+            marging-bottom: 15px
             """, 
         ),
          
@@ -438,9 +447,10 @@ def web_data():
             "Sample documents with lines that are removed by the rule of terminal punctuation",
             ), 
             style="""
-            background-color: #FFC0CB; /* Light pink background */
+            background-color: #FAEAEA; /* Light pink background */
             padding: 15px;
             border-radius: 12px;
+            marging-bottom: 15px
             """, 
         ),
         
@@ -464,9 +474,10 @@ def web_data():
                 "Sample documents that are removed by original C4 javascript rule but are kept after our refinement",
             ),
             style="""
-            background-color: #FFC0CB; /* Light pink background */
+            background-color: #FAEAEA; /* Light pink background */
             padding: 15px;
             border-radius: 12px;
+            marging-bottom: 15px
             """, 
         ),
         H3("2.2 Other Rules from RefinedWeb"),
@@ -487,9 +498,10 @@ def web_data():
                 "Sample documents with lines that are removed by the RefinedWeb rules",
             ),
             style="""
-            background-color: #FFC0CB; /* Light pink background */
+            background-color: #FAEAEA; /* Light pink background */
             padding: 15px;
             border-radius: 12px;
+            marging-bottom: 15px
             """, 
         ),
         H3("2.3 Toxic Lines"),
@@ -507,9 +519,10 @@ def web_data():
                 "Sample documents with toxic lines",
             ),
             style="""
-            background-color: #FFC0CB; /* Light pink background */
+            background-color: #FAEAEA; /* Light pink background */
             padding: 15px;
             border-radius: 12px;
+            marging-bottom: 15px
             """, 
         ),
         
@@ -527,6 +540,7 @@ def web_data():
             background-color: #EAFFF1; /* Light green background */
             padding: 15px;
             border-radius: 12px;
+            marging-bottom: 15px
             """, 
         ),
         P("""Similar to previous sections, we will present sample documents filtered out by the given quality signals. 
@@ -570,6 +584,7 @@ def web_data():
             background-color: #FFFAEA; /* Light yellow background */
             padding: 15px;
             border-radius: 12px;
+            marging-bottom: 15px
             """, 
         ),
         Details(
@@ -609,6 +624,7 @@ def web_data():
             background-color: #FFFAEA; /* Light yellow background */
             padding: 15px;
             border-radius: 12px;
+            marging-bottom: 15px
             """, 
         ),
         P("""
@@ -655,6 +671,7 @@ def web_data():
             background-color: #EAFFF1; /* Light green background */
             padding: 15px;
             border-radius: 12px;
+            marging-bottom: 15px
             """, 
         ),        
         Details(
@@ -668,6 +685,7 @@ def web_data():
             background-color: #EAFFF1; /* Light green background */
             padding: 15px;
             border-radius: 12px;
+            marging-bottom: 15px
             """, 
         ),
         H3("3.1.2 Fraction of Characters in the Most Common N-grams (n=2,3,4)"),
@@ -696,6 +714,7 @@ def web_data():
             background-color: #FFFAEA; /* Light yellow background */
             padding: 15px;
             border-radius: 12px;
+            marging-bottom: 15px
             """, 
         ),
         Details(
@@ -739,6 +758,7 @@ def web_data():
             background-color: #FFFAEA; /* Light yellow background */
             padding: 15px;
             border-radius: 12px;
+            marging-bottom: 15px
             """, 
         ),
         
@@ -767,6 +787,7 @@ def web_data():
             background-color: #FFFAEA; /* Light yellow background */
             padding: 15px;
             border-radius: 12px;
+            marging-bottom: 15px
             """, 
         ),
         P("""
@@ -799,6 +820,7 @@ def web_data():
             background-color: #EAFFF1; /* Light green background */
             padding: 15px;
             border-radius: 12px;
+            marging-bottom: 15px
             """, 
         ),
         Details(
@@ -812,6 +834,7 @@ def web_data():
             background-color: #EAFFF1; /* Light green background */
             padding: 15px;
             border-radius: 12px;
+            marging-bottom: 15px
             """,
         ),
         H3("3.1.3 Fraction of Characters in Duplicated N-grams (n=5,...,10)"),
@@ -843,6 +866,7 @@ def web_data():
             background-color: #FFFAEA; /* Light yellow background */
             padding: 15px;
             border-radius: 12px;
+            marging-bottom: 15px
             """, 
         ),
         Details(
@@ -901,6 +925,7 @@ def web_data():
             background-color: #FFFAEA; /* Light yellow background */
             padding: 15px;
             border-radius: 12px;
+            marging-bottom: 15px
             """, 
         ),
         
@@ -931,6 +956,7 @@ def web_data():
             background-color: #FFFAEA; /* Light yellow background */
             padding: 15px;
             border-radius: 12px;
+            marging-bottom: 15px
             """, 
         ),
         P("""
@@ -989,6 +1015,7 @@ def web_data():
             background-color: #EAFFF1; /* Light green background */
             padding: 15px;
             border-radius: 12px;
+            marging-bottom: 15px
             """, 
         ),
         Details(
@@ -1008,6 +1035,7 @@ def web_data():
             background-color: #EAFFF1; /* Light green background */
             padding: 15px;
             border-radius: 12px;
+            marging-bottom: 15px
             """, 
         ),
         H5(
@@ -1024,6 +1052,7 @@ def web_data():
             background-color: #EAFFF1; /* Light green background */
             padding: 15px;
             border-radius: 12px;
+            marging-bottom: 15px
             """, 
         ),
         H3("3.2 Line-wise Heuristics"),
@@ -1055,6 +1084,7 @@ def web_data():
             background-color: #FFFAEA; /* Light yellow background */
             padding: 15px;
             border-radius: 12px;
+            marging-bottom: 15px
             """, 
         ),
         Details(
@@ -1104,6 +1134,7 @@ def web_data():
             background-color: #FFFAEA; /* Light yellow background */
             padding: 15px;
             border-radius: 12px;
+            marging-bottom: 15px
             """, 
         ),
         
@@ -1119,6 +1150,7 @@ def web_data():
             background-color: #EAFFF1; /* Light green background */
             padding: 15px;
             border-radius: 12px;
+            marging-bottom: 15px
             """, 
         ),
         
@@ -1184,6 +1216,7 @@ def web_data():
             background-color: #FFFAEA; /* Light yellow background */
             padding: 15px;
             border-radius: 12px;
+            marging-bottom: 15px
             """, 
         ),
         
@@ -1200,6 +1233,7 @@ def web_data():
             background-color: #FFFAEA; /* Light yellow background */
             padding: 15px;
             border-radius: 12px;
+            marging-bottom: 15px
             """, 
         ),
         P("""
@@ -1249,6 +1283,7 @@ def web_data():
             background-color: #FFFAEA; /* Light yellow background */
             padding: 15px;
             border-radius: 12px;
+            marging-bottom: 15px
             """, 
         ),
         P("""
@@ -1270,6 +1305,7 @@ def web_data():
             background-color: #EAFFF1; /* Light green background */
             padding: 15px;
             border-radius: 12px;
+            marging-bottom: 15px
             """, 
         ),
         
@@ -1291,6 +1327,7 @@ def web_data():
             background-color: #FFFAEA; /* Light yellow background */
             padding: 15px;
             border-radius: 12px;
+            marging-bottom: 15px
             """, 
         ),
         Details(
@@ -1322,6 +1359,7 @@ def web_data():
             background-color: #FFFAEA; /* Light yellow background */
             padding: 15px;
             border-radius: 12px;
+            marging-bottom: 15px
             """, 
         ),
         
@@ -1337,6 +1375,7 @@ def web_data():
             background-color: #FFFAEA; /* Light yellow background */
             padding: 15px;
             border-radius: 12px;
+            marging-bottom: 15px
             """, 
         ),
         Details(
@@ -1352,6 +1391,7 @@ def web_data():
             background-color: #EAFFF1; /* Light green background */
             padding: 15px;
             border-radius: 12px;
+            marging-bottom: 15px
             """, 
         ),
         
@@ -1367,6 +1407,7 @@ def web_data():
             background-color: #FFFAEA; /* Light yellow background */
             padding: 15px;
             border-radius: 12px;
+            marging-bottom: 15px
             """, 
         ),
         Details(
@@ -1396,6 +1437,7 @@ def web_data():
             background-color: #FFFAEA; /* Light yellow background */
             padding: 15px;
             border-radius: 12px;
+            marging-bottom: 15px
             """, 
         ),
         Details(
@@ -1412,6 +1454,7 @@ def web_data():
             background-color: #FFFAEA; /* Light yellow background */
             padding: 15px;
             border-radius: 12px;
+            marging-bottom: 15px
             """, 
         ),
         P("""
@@ -1443,6 +1486,7 @@ def web_data():
             background-color: #EAFFF1; /* Light green background */
             padding: 15px;
             border-radius: 12px;
+            marging-bottom: 15px
             """, 
         ),
         H3("3.4 Others"),
@@ -1455,9 +1499,10 @@ def web_data():
             Summary("Sample documents containing 'lorem ipsum'"),
             DV("data/lorem_ipsum.json", 0, "Sample documents containing 'lorem ipsum'"),
             style="""
-            background-color: #FFC0CB; /* Light pink background */
+            background-color: #FAEAEA; /* Light pink background */
             padding: 15px;
             border-radius: 12px;
+            marging-bottom: 15px
             """, 
         ),
         H2("4. Deduplication"),