|
|
| |
| @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap'); |
|
|
| body { |
| font-family: 'Inter', sans-serif; |
| line-height: 1.6; |
| } |
|
|
| |
| ::-webkit-scrollbar { |
| width: 8px; |
| } |
|
|
| ::-webkit-scrollbar-track { |
| background: #f1f1f1; |
| } |
|
|
| ::-webkit-scrollbar-thumb { |
| background: linear-gradient(to bottom, #6366f1, #8b5cf6); |
| border-radius: 10px; |
| } |
|
|
| ::-webkit-scrollbar-thumb:hover { |
| background: #6366f1; |
| } |
| |
| .figma-preview { |
| margin: 2rem 0; |
| border: 1px solid #e2e8f0; |
| border-radius: 0.5rem; |
| overflow: hidden; |
| } |
|
|
| .code-preview { |
| background: #1e293b; |
| color: #f8fafc; |
| padding: 1rem; |
| border-radius: 0.5rem; |
| font-family: 'Courier New', monospace; |
| margin: 1rem 0; |
| overflow-x: auto; |
| } |
|
|
| .code-tabs { |
| display: flex; |
| border-bottom: 1px solid #e2e8f0; |
| margin-bottom: 1rem; |
| } |
|
|
| .code-tab { |
| padding: 0.5rem 1rem; |
| cursor: pointer; |
| border-bottom: 2px solid transparent; |
| } |
|
|
| .code-tab.active { |
| border-bottom-color: #6366f1; |
| color: #6366f1; |
| font-weight: 500; |
| } |
|
|
| |
| .animate-float { |
| animation: float 6s ease-in-out infinite; |
| } |
|
|
| @keyframes float { |
| 0% { transform: translateY(0px); } |
| 50% { transform: translateY(-20px); } |
| 100% { transform: translateY(0px); } |
| } |
|
|
| |
| .course-card { |
| transition: all 0.3s ease; |
| } |
|
|
| .course-card:hover { |
| transform: translateY(-5px); |
| } |
|
|
| |
| .hero-overlay { |
| position: absolute; |
| top: 0; |
| left: 0; |
| width: 100%; |
| height: 100%; |
| background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)); |
| } |
