Accxffff/biosphere-explorer

1@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');2 3body {4    font-family: 'Montserrat', sans-serif;5    scroll-behavior: smooth;6}7 8/* Custom scrollbar */9::-webkit-scrollbar {10    width: 8px;11}12 13::-webkit-scrollbar-track {14    background: #f1f1f1;15}16 17::-webkit-scrollbar-thumb {18    background: #22c55e;19    border-radius: 4px;20}21 22::-webkit-scrollbar-thumb:hover {23    background: #16a34a;24}25 26/* Animation for cards */27@keyframes fadeIn {28    from { opacity: 0; transform: translateY(20px); }29    to { opacity: 1; transform: translateY(0); }30}31 32.biodiversity-card {33    animation: fadeIn 0.6s ease-out forwards;34}35 36.biodiversity-card:nth-child(1) { animation-delay: 0.1s; }37.biodiversity-card:nth-child(2) { animation-delay: 0.3s; }38.biodiversity-card:nth-child(3) { animation-delay: 0.5s; }