| @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap'); | |
| body { | |
| font-family: 'Inter', sans-serif; | |
| } | |
| /* Custom scrollbar */ | |
| ::-webkit-scrollbar { | |
| width: 8px; | |
| height: 8px; | |
| } | |
| ::-webkit-scrollbar-track { | |
| background: #f1f1f1; | |
| } | |
| ::-webkit-scrollbar-thumb { | |
| background: #c1c1c1; | |
| border-radius: 4px; | |
| } | |
| ::-webkit-scrollbar-thumb:hover { | |
| background: #a1a1a1; | |
| } | |
| /* Animation for cards */ | |
| @keyframes fadeIn { | |
| from { opacity: 0; transform: translateY(10px); } | |
| to { opacity: 1; transform: translateY(0); } | |
| } | |
| .test-case-card { | |
| animation: fadeIn 0.3s ease-out forwards; | |
| } | |
| .test-case-card:nth-child(1) { animation-delay: 0.1s; } | |
| .test-case-card:nth-child(2) { animation-delay: 0.2s; } | |
| .test-case-card:nth-child(3) { animation-delay: 0.3s; } | |
| .test-case-card:nth-child(4) { animation-delay: 0.4s; } | |
| .test-case-card:nth-child(5) { animation-delay: 0.5s; } | |
| .test-case-card:nth-child(6) { animation-delay: 0.6s; } |