Notification UI and house invitation

src/styles.css

@@ -5,6 +5,22 @@
 
 @custom-variant dark (&:is(.dark *));
 
+@theme {
+  --animate-bell-ring: bell-ring 4s .7s ease-in-out infinite;
+
+  @keyframes bell-ring {
+    0% { transform: rotate(0deg); }
+    10% { transform: rotate(15deg); }
+    20% { transform: rotate(-15deg); }
+    30% { transform: rotate(10deg); }
+    40% { transform: rotate(-10deg); }
+    50% { transform: rotate(5deg); }
+    60% { transform: rotate(-5deg); }
+    70% { transform: rotate(0deg); }
+    100% { transform: rotate(0deg); }
+  }
+}
+
 body {
   @apply m-0;
   font-family: var(--font-sans);