dilon656/problemsolver-hub

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  margin: 0;6  padding: 0;7}8 9/* Custom scrollbar */10::-webkit-scrollbar {11  width: 8px;12}13 14::-webkit-scrollbar-track {15  background: #1f2937;16}17 18::-webkit-scrollbar-thumb {19  background: #3B82F6;20  border-radius: 4px;21}22 23::-webkit-scrollbar-thumb:hover {24  background: #2563eb;25}26 27/* Animation for cards */28.card-hover {29  transition: transform 0.2s ease-in-out;30}31 32.card-hover:hover {33  transform: translateY(-4px);34}35 36/* Button styles */37.btn-primary {38  @apply bg-blue-500 hover:bg-blue-600 text-white font-bold py-3 px-8 rounded-full inline-flex items-center transition-colors;39}40 41.btn-secondary {42  @apply bg-gray-700 hover:bg-gray-600 text-white font-bold py-3 px-8 rounded-full inline-flex items-center transition-colors;43}44 45/* Form styles */46.form-input {47  @apply w-full px-4 py-3 bg-gray-800 border border-gray-700 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500;48}49 50.form-label {51  @apply block text-gray-300 mb-2;52}53 54/* Problem card */55.problem-card {56  @apply bg-gray-800 rounded-lg overflow-hidden shadow-lg hover:shadow-xl transition-shadow card-hover;57}