starinfolab/codecraft-conductor-wizard

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    min-height: 100vh;6    display: flex;7    flex-direction: column;8}9 10/* Animations */11@keyframes fadeIn {12    from { opacity: 0; transform: translateY(20px); }13    to { opacity: 1; transform: translateY(0); }14}15 16.animate-fadeIn {17    animation: fadeIn 1s ease-out forwards;18}19 20/* Project card hover effect */21.project-card:hover img {22    transform: scale(1.05);23}24 25/* Skill card hover effect */26.skill-card:hover i {27    transform: translateY(-5px);28    transition: transform 0.3s ease;29}30 31/* Dark mode transition */32html {33    scroll-behavior: smooth;34}35section {36    scroll-margin-top: 100px;37}38 39/* Admin button */40.fixed {41    position: fixed;42    z-index: 1000;43}44 45.bottom-4 {46    bottom: 1rem;47}48 49.right-4 {50    right: 1rem;51}52 53.bg-teal-600 {54    background-color: #0d9488;55}56 57.hover\:bg-teal-700:hover {58    background-color: #0f766e;59}60 61.p-3 {62    padding: 0.75rem;63}64 65.rounded-full {66    border-radius: 9999px;67}68 69.shadow-lg {70    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);71}72 73.transition {74    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;75    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);76    transition-duration: 150ms;77}78