Spaces:
Running
Running
| /* Custom styles that extend Tailwind */ | |
| @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap'); | |
| body { | |
| font-family: 'Inter', sans-serif; | |
| } | |
| /* Drag and drop active state */ | |
| .drag-active { | |
| border-color: #6366f1 ; | |
| background-color: #eef2ff; | |
| } | |
| /* Animation for success message */ | |
| @keyframes fadeIn { | |
| from { opacity: 0; transform: translateY(10px); } | |
| to { opacity: 1; transform: translateY(0); } | |
| } | |
| .success-message { | |
| animation: fadeIn 0.3s ease-out; | |
| } | |
| /* Smooth transitions for interactive elements */ | |
| button, input, select { | |
| transition: all 0.2s ease; | |
| } | |
| /* Custom focus styles */ | |
| input:focus, select:focus { | |
| outline: none; | |
| box-shadow: 0 0 0 2px rgba(99, 102, 241, 0.3); | |
| } | |
| /* Responsive adjustments for mobile */ | |
| @media (max-width: 640px) { | |
| .container { | |
| padding-left: 1rem; | |
| padding-right: 1rem; | |
| } | |
| } |