DevlinDecatur/rubric-infographic-wizard

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    height: 8px;11}12 13::-webkit-scrollbar-track {14    background: #f1f1f1;15}16 17::-webkit-scrollbar-thumb {18    background: #888;19    border-radius: 4px;20}21 22::-webkit-scrollbar-thumb:hover {23    background: #555;24}25 26/* Animation classes */27.fade-in {28    animation: fadeIn 0.5s ease-in-out;29}30 31@keyframes fadeIn {32    from { opacity: 0; transform: translateY(10px); }33    to { opacity: 1; transform: translateY(0); }34}35 36/* Responsive tweaks */37@media (max-width: 640px) {38    .infographic-grid {39        grid-template-columns: 1fr !important;40    }41}