| @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap'); |
|
|
| body { |
| font-family: 'Inter', sans-serif; |
| } |
|
|
| |
| .project-card, .client-card { |
| transition: transform 0.3s ease, box-shadow 0.3s ease; |
| } |
|
|
| .project-card:hover, .client-card:hover { |
| transform: translateY(-5px); |
| box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1); |
| } |
|
|
| |
| ::-webkit-scrollbar { |
| width: 8px; |
| height: 8px; |
| } |
|
|
| ::-webkit-scrollbar-track { |
| background: #f1f1f1; |
| } |
|
|
| ::-webkit-scrollbar-thumb { |
| background: #888; |
| border-radius: 4px; |
| } |
|
|
| ::-webkit-scrollbar-thumb:hover { |
| background: #555; |
| } |
| |
| input[type="file"] { |
| padding: 0.5rem; |
| border: 1px dashed #d1d5db; |
| border-radius: 0.375rem; |
| width: 100%; |
| transition: all 0.3s; |
| } |
|
|
| input[type="file"]:hover { |
| border-color: #6366f1; |
| background-color: #f8fafc; |
| } |
|
|
| input[type="file"]::file-selector-button { |
| background: #f3f4f6; |
| border: 1px solid #d1d5db; |
| border-radius: 0.25rem; |
| padding: 0.5rem 1rem; |
| margin-right: 1rem; |
| cursor: pointer; |
| transition: all 0.3s; |
| } |
|
|
| input[type="file"]::file-selector-button:hover { |
| background: #e5e7eb; |
| border-color: #9ca3af; |
| } |
|
|
| .drag-active { |
| border-color: #6366f1 !important; |
| background-color: #f0f4ff !important; |
| } |
| |
| input:focus, textarea:focus, input[type="file"]:focus { |
| outline: none; |
| ring: 2px; |
| } |
|
|
| |
| @keyframes pulse { |
| 0% { |
| transform: scale(1); |
| } |
| 50% { |
| transform: scale(1.05); |
| } |
| 100% { |
| transform: scale(1); |
| } |
| } |
|
|
| .pulse-animation { |
| animation: pulse 2s infinite; |
| } |
