diff --git a/assets/css/tailwind.css b/assets/css/tailwind.css
index ecad776..6c5d240 100644
--- a/assets/css/tailwind.css
+++ b/assets/css/tailwind.css
@@ -60,3 +60,27 @@
  * @import "utilities/background-patterns";
  * @import "utilities/skew-transforms";
  */
+
+ .neumorphic-shadow,
+ .hover\:neumorphic-shadow:hover {
+    /* box-shadow: -0.25rem -0.25rem 0.5rem rgba(255, 255, 255, 0.07); */
+    box-shadow:
+        -0.25rem -0.25rem 0.5rem rgba(255, 255, 255, 0.07),
+        0.25rem 0.25rem 0.5rem rgba(0, 0, 0, 0.12),
+        -.75rem -.75rem 1.75rem rgba(255, 255, 255, 0.07),
+        0.75rem 0.75rem 1.75rem rgba(0, 0, 0, 0.12),
+        inset 8rem 8rem 8rem rgba(0, 0, 0, 0.05),
+        inset -8rem -8rem 8rem rgba(255, 255, 255, 0.05);
+}
+
+.neumorphic-shadow-inner,
+.hover\:neumorphic-shadow-inner:hover {
+   /* box-shadow: -0.25rem -0.25rem 0.5rem rgba(255, 255, 255, 0.07); */
+   box-shadow:
+        inset -0.25rem -0.25rem 0.5rem rgba(255, 255, 255, 0.07),
+        inset 0.25rem 0.25rem 0.5rem rgba(0, 0, 0, 0.12),
+        inset -.75rem -.75rem 1.75rem rgba(255, 255, 255, 0.07),
+        inset 0.75rem 0.75rem 1.75rem rgba(0, 0, 0, 0.12);
+        /* inset 8rem 8rem 8rem rgba(0, 0, 0, 0.05),
+        inset -8rem -8rem 8rem rgba(255, 255, 255, 0.05); */
+}