camelDeep/codecraft-junior-adventure

1/* Custom styles */2body {3    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;4    scroll-behavior: smooth;5}6 7/* Hero section adjustments */8#hero {9    background: linear-gradient(135deg, #6366F1 0%, #8B5CF6 100%);10}11 12/* Portfolio item hover effect */13.portfolio-item {14    transition: transform 0.3s ease;15}16 17.portfolio-item:hover {18    transform: translateY(-5px);19}20 21/* Custom scrollbar */22::-webkit-scrollbar {23    width: 8px;24}25 26::-webkit-scrollbar-track {27    background: #f1f1f1;28}29 30::-webkit-scrollbar-thumb {31    background: #6366F1;32    border-radius: 4px;33}34 35::-webkit-scrollbar-thumb:hover {36    background: #4F46E5;37}38/* Animation for sections - Version améliorée avec delay */39section {40    opacity: 0;41    transform: translateY(20px);42    transition: opacity 0.6s ease-out, transform 0.6s ease-out;43}44 45section.visible {46    opacity: 1;47    transform: translateY(0);48}49 50/* Debug mode - Ajouter class="debug" au body pour voir */51body.debug section {52    outline: 2px dashed rgba(255, 0, 0, 0.3);53}54 55body.debug section.visible {56    outline: 2px dashed rgba(0, 255, 0, 0.3);57}58