remove monochrome rule

proj/icons/style.css

@@ -9,19 +9,18 @@ div.single-icon {
 }
 
 div.single-icon p {
-    margin-top: 15px; 
+    margin-top: 15px;
     font-size: 1rem;
     line-height: normal;
 }
 
 div.single-icon span.actual-icon {
     font-size: 2rem;
-    color: inherit !important;
+    /*color: inherit !important;*/
 }
 
 div.single-icon span.actual-icon::before {
-    color: inherit !important;
-
+    /*color: inherit !important;*/
 }
 
 span.copy-icon-popup {
@@ -40,25 +39,26 @@ span.copy-icon-popup.success {
 
 @keyframes fade-in {
     0% {
-      opacity: 0;
-      scale: 0%;
+        opacity: 0;
+        scale: 0%;
     }
     10% {
-      opacity: 1;
-      scale: 100%;
+        opacity: 1;
+        scale: 100%;
     }
     50% {
-      opacity: 1;
+        opacity: 1;
     }
     100% {
-      opacity: 0;
+        opacity: 0;
     }
-  }
+}
 
-span.actual-icon, p.icon-name {
+span.actual-icon,
+p.icon-name {
     cursor: pointer;
 }
-/* center div.icon-grid on the screen 
+/* center div.icon-grid on the screen
 div.icongrid {
     display: flex;
     justify-content: center;
@@ -79,7 +79,7 @@ div.icon-grid-item {
     margin: -2px;
 }
 
-div.spindemo  span { 
+div.spindemo span {
     display: inline-block;
     position: relative;
     animation: spin 1s linear infinite;
@@ -105,7 +105,6 @@ a.go-up {
     z-index: 100;
 }
 
-
 /*smooth scroll on the whole page on a click*/
 html {
     scroll-behavior: smooth;
@@ -124,4 +123,4 @@ nav.main_nav {
 
 .font-import-link-container {
     cursor: pointer;
-}
+}