mikemichez/codegenius-explorer
0
1@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');2 3body {4 font-family: 'Inter', sans-serif;5}6 7/* Custom scrollbar */8::-webkit-scrollbar {9 width: 8px;10}11 12::-webkit-scrollbar-track {13 background: #1f2937;14}15 16::-webkit-scrollbar-thumb {17 background: #4b5563;18 border-radius: 4px;19}20 21::-webkit-scrollbar-thumb:hover {22 background: #6b7280;23}24 25/* Animation for cards */26@keyframes fadeIn {27 from { opacity: 0; transform: translateY(20px); }28 to { opacity: 1; transform: translateY(0); }29}30 31.bg-card {32 animation: fadeIn 0.5s ease-out forwards;33}34 35/* Gradient text */36.gradient-text {37 background-clip: text;38 -webkit-background-clip: text;39 color: transparent;40}41/* Pulse animation for loading */42@keyframes pulse {43 0%, 100% { opacity: 1; }44 50% { opacity: 0.5; }45}46 47.animate-pulse {48 animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;49}50 51/* Modal styles */52pre {53 background: #1f2937;54 padding: 1rem;55 border-radius: 0.5rem;56 overflow-x: auto;57}58 59pre code {60 font-family: 'Fira Code', monospace;61 font-size: 0.9rem;62 line-height: 1.5;63}64 