Spaces:
Running
Running
| @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap'); | |
| :root { | |
| --primary-green: #10b981; | |
| --secondary-orange: #f97316; | |
| --dark-bg: #111827; | |
| --card-bg: #1f2937; | |
| } | |
| body { | |
| font-family: 'Poppins', sans-serif; | |
| background-color: var(--dark-bg); | |
| color: #f9fafb; | |
| } | |
| .feather { | |
| width: 20px; | |
| height: 20px; | |
| } | |
| /* Custom scrollbar */ | |
| ::-webkit-scrollbar { | |
| width: 8px; | |
| } | |
| ::-webkit-scrollbar-track { | |
| background: #1f2937; | |
| } | |
| ::-webkit-scrollbar-thumb { | |
| background: var(--primary-green); | |
| border-radius: 4px; | |
| } | |
| ::-webkit-scrollbar-thumb:hover { | |
| background: var(--secondary-orange); | |
| } | |
| /* Animation for cards */ | |
| @keyframes fadeIn { | |
| from { | |
| opacity: 0; | |
| transform: translateY(20px); | |
| } | |
| to { | |
| opacity: 1; | |
| transform: translateY(0); | |
| } | |
| } | |
| .animate-fade-in { | |
| animation: fadeIn 0.5s ease-out; | |
| } | |
| /* Responsive adjustments */ | |
| @media (max-width: 768px) { | |
| .hero-content { | |
| padding: 2rem 1rem; | |
| } | |
| .grid-cols-3 { | |
| grid-template-columns: repeat(1, minmax(0, 1fr)); | |
| } | |
| } |