M hugo-site/static/css/main.css → hugo-site/static/css/main.css

@@ -207,7 +207,7 @@ 
 .sb{
     padding: 15px;
     display: flex;
-    box-shadow: 0px 7px 7px rgba(0,0,0,0.15);
+    box-shadow: 0px 7px 10px rgba(0,0,0,0.20);
     border-radius: 6px;
 }
 
@@ -225,9 +225,14 @@ background: #333
 }
 
 .sb:hover{
-    box-shadow: 0px 13px 20px rgba(0,0,0,0.20);
-    padding: 17px;
-    margin: -2px;
+  color: #7795f8;
+  transform: translateY(-2px);
+  box-shadow: 0 10px 18px rgba(50, 50, 93, 0.25), 0 3px 6px rgba(0, 0, 0, 0.08);
+}
+
+.sb:active{
+  transform: translateY(1px);
+  box-shadow: 0 4px 7px rgba(50, 50, 93, 0.2), 0 3px 6px rgba(0, 0, 0, 0.08);
 }
 
 .dribbble{