@tailwind base; @tailwind components; @tailwind utilities; /* #root { max-width: 1280px; margin: 0 auto; padding: 2rem; text-align: center; } */ *{ scroll-behavior: smooth; } .logo { height: 6em; padding: 1.5em; will-change: filter; transition: filter 300ms; } .logo:hover { filter: drop-shadow(0 0 2em #646cffaa); } .logo.react:hover { filter: drop-shadow(0 0 2em #61dafbaa); } @keyframes logo-spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @media (prefers-reduced-motion: no-preference) { a:nth-of-type(2) .logo { animation: logo-spin infinite 20s linear; } } .card { padding: 2em; } .read-the-docs { color: #888; } /* AgentGallery styles */ .perspective { perspective: 2000px; } .preserve-3d { transform-style: preserve-3d; } .backface-hidden { backface-visibility: hidden; } .rotate-y-180 { transform: rotateY(180deg); } /* Custom scrollbar for webkit browsers */ ::-webkit-scrollbar { width: 6px; } ::-webkit-scrollbar-track { background: rgba(128, 90, 213, 0.1); border-radius: 3px; } ::-webkit-scrollbar-thumb { background: rgba(128, 90, 213, 0.3); border-radius: 3px; } ::-webkit-scrollbar-thumb:hover { background: rgba(128, 90, 213, 0.5); }