diff --git a/library.css b/library.css
index a92b52b..0b10351 100644
--- a/library.css
+++ b/library.css
@@ -881,3 +881,99 @@ showTitle h2{
 .monitor-heading-bullet::before {
     border-left-color: var(--monitor-portal-color) !important;
 }
+
+
+.explore .uk-h4 {
+  color: var(--explore-portal-color);
+  font-weight: bold;
+}
+
+.explore .el-content {
+  font-size: 18px;
+}
+
+.explore a {
+  background-color: var(--explore-portal-color);
+  color: #fff;
+  font-weight: bold;
+}
+
+.explore a:hover {
+
+}
+.provide .uk-h4 {
+  color: var(--provide-portal-color);
+  font-weight: bold;
+}
+
+.provide .el-content {
+  font-size: 18px;
+}
+
+.provide a {
+  background-color: var(--provide-portal-color);
+  color: #fff;
+  font-weight: bold;
+}
+
+.provide a:hover {
+
+}
+
+.monitor .uk-h4 {
+  color: var(--monitor-portal-color);
+  font-weight: bold;
+}
+
+.monitor .el-content {
+  font-size: 18px;
+}
+
+.monitor a {
+  background-color: var(--monitor-portal-color);
+  color: #fff;
+  font-weight: bold;
+}
+
+.monitor a:hover {
+
+}
+
+.connect .uk-h4 {
+  color: var(--connect-portal-color);
+  font-weight: bold;
+}
+
+.connect .el-content {
+  font-size: 18px;
+}
+
+.connect a {
+  background-color: var(--connect-portal-color);
+  color: #fff;
+  font-weight: bold;
+}
+
+.connect a:hover {
+
+
+}
+
+.develop .uk-h4 {
+  color: var(--develop-portal-color);
+  font-weight: bold;
+}
+
+.develop .el-content {
+  font-size: 18px;
+}
+
+.develop a {
+  background-color: var(--develop-portal-color);
+  color: #fff;
+  font-weight: bold;
+}
+
+.develop a:hover {
+
+}