feat(frontend): design update

1 files changed, 34 insertions, 0 deletions

diff --git a/frontend/src/index.css b/frontend/src/index.css
index f1d8c73..ffebab9 100644
--- a/frontend/src/index.css
+++ b/frontend/src/index.css
@@ -1 +1,35 @@
 @import "tailwindcss";
+
+@theme {
+	--animate-fade-in: fade-in 0.3s ease-out;
+	--animate-slide-up: slide-up 0.3s ease-out;
+}
+
+@keyframes fade-in {
+	from {
+		opacity: 0;
+	}
+	to {
+		opacity: 1;
+	}
+}
+
+@keyframes slide-up {
+	from {
+		opacity: 0;
+		transform: translateY(8px);
+	}
+	to {
+		opacity: 1;
+		transform: translateY(0);
+	}
+}
+
+html {
+	scroll-behavior: smooth;
+}
+
+:focus-visible {
+	outline: 2px solid var(--color-sky-500);
+	outline-offset: 2px;
+}