diff --git a/frontend/tailwind.css b/frontend/tailwind.css
index 828764c..30d94d3 100644
--- a/frontend/tailwind.css
+++ b/frontend/tailwind.css
@@ -1899,17 +1899,33 @@
  * BOX SHADOW
  * --------------------
  * Utilities for controlling the box shadow of an element.
- * 
+ * By default, only responsive, hover and focus variants are generated for box shadow utilities.
  */
- 
- 
+
+.shadow-xs       /* box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); */
+.shadow-sm       /* box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); */
+.shadow          /* box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); */
+.shadow-md       /* box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); */
+.shadow-lg       /* box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); */
+.shadow-xl       /* box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); */
+.shadow-2xl      /* box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); */
+.shadow-inner    /* box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); */
+.shadow-outline  /* box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); */
+.shadow-none     /* box-shadow: none; */
+
 /*
  * OPACITY
  * --------------------
  * Utilities for controlling the opacity of an element.
- * 
+ * By default, only responsive, hover and focus variants are generated for opacity utilities.
  */
- 
+
+.opacity-100  /* opacity: 1; */
+.opacity-75   /* opacity: .75; */
+.opacity-50   /* opacity: .5; */
+.opacity-25   /* opacity: .25; */
+.opacity-0    /* opacity: 0; */
+
 /* *******************************************************************************************
  * TRANSITIONS
  * ******************************************************************************************* */