Arlonar/codesky-programming-challenges-in-the-clouds

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: #c5c5c5;19    border-radius: 4px;20}21 22::-webkit-scrollbar-thumb:hover {23    background: #a8a8a8;24}25 26/* Smooth transitions */27a, button, input, select, textarea {28    transition: all 0.2s ease;29}30 31/* Custom focus styles */32input:focus, select:focus, textarea:focus {33    outline: none;34    box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.2);35}36 37/* Card hover effect */38.bg-white {39    transition: transform 0.2s ease, box-shadow 0.2s ease;40}41 42.bg-white:hover {43    transform: translateY(-2px);44    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);45}