3450020 : Improve lisibility of explorer

Issue https://www.drupal.org/project/sdc_styleguide/issues/3450020 Improve lisibility of explorer

css/explorer.css

@@ -10,6 +10,28 @@
   padding: 1rem;
 }
 
+.sdc-styleguide-page__sidebar h2,
+.sdc-styleguide-page__sidebar h3,
+.sdc-styleguide-page__sidebar h4,
+.sdc-styleguide-page__sidebar a {
+  text-transform: capitalize;
+  color: #FFF;
+  margin: 0.5rem 0 0.5rem 0;
+}
+
+.sdc-styleguide-page__sidebar a {
+  text-decoration: none;
+}
+
+.sdc-styleguide-page__sidebar h3 {
+  padding-left: 0.5rem;
+}
+
+.sdc-styleguide-page__sidebar h4,
+.sdc-styleguide-page__sidebar ul {
+  padding-left: 1.5rem;
+}
+
 .sdc-styleguide-page__content {
   padding: 1rem;
 }
@@ -39,6 +61,6 @@
 
   & span {
     display: block;
-    font-size: 3rem;
+	font-size: 3rem;
   }
 }