diff --git a/index.html b/index.html
index 5bc1c55b..1b2b7575 100644
--- a/index.html
+++ b/index.html
@@ -27,6 +27,7 @@
+
diff --git a/public/assets/css/skeleton.css b/public/assets/css/skeleton.css
new file mode 100644
index 00000000..2ee909d2
--- /dev/null
+++ b/public/assets/css/skeleton.css
@@ -0,0 +1,32 @@
+/* skeleton.css */
+.skeleton {
+ background-color: #e2e8f0; /* Tailwind's gray-300 */
+ border-radius: 0.25rem; /* Tailwind's rounded */
+ position: relative;
+ overflow: hidden;
+}
+
+.skeleton::after {
+ content: '';
+ display: block;
+ position: absolute;
+ top: 0; left: -150px;
+ height: 100%;
+ width: 150px;
+ background: linear-gradient(
+ 90deg,
+ transparent,
+ rgba(255, 255, 255, 0.4),
+ transparent
+ );
+ animation: pulse 1.5s infinite;
+}
+
+@keyframes pulse {
+ 0% {
+ left: -150px;
+ }
+ 100% {
+ left: 100%;
+ }
+}
\ No newline at end of file