pixelpulse-reactor / style.css
Agniv1's picture
Can you add react components to this website and make it more responsive.
86a3569 verified
raw
history blame contribute delete
779 Bytes
@tailwind base;
@tailwind components;
@tailwind utilities;
:root {
--primary: #6366f1;
--secondary: #f472b6;
}
/* Custom scrollbar */
::-webkit-scrollbar {
width: 8px;
height: 8px;
}
::-webkit-scrollbar-track {
@apply bg-gray-200 dark:bg-gray-800;
}
::-webkit-scrollbar-thumb {
@apply bg-indigo-500 dark:bg-pink-500 rounded-full;
}
/* Animation classes */
.animate-float {
animation: float 6s ease-in-out infinite;
}
@keyframes float {
0%, 100% {
transform: translateY(0);
}
50% {
transform: translateY(-20px);
}
}
.animate-pulse-slow {
animation: pulse-slow 4s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
@keyframes pulse-slow {
0%, 100% {
opacity: 1;
}
50% {
opacity: 0.5;
}
}