acs-dev/codecrafted-ios-portfolio

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}6 7.skill-card {8    background: white;9    border-radius: 1rem;10    padding: 2rem;11    text-align: center;12    transition: transform 0.3s ease, box-shadow 0.3s ease;13    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);14}15 16.dark .skill-card {17    background: #1f2937;18}19 20.skill-card:hover {21    transform: translateY(-5px);22    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);23}24 25.project-card {26    background: white;27    border-radius: 1rem;28    overflow: hidden;29    transition: transform 0.3s ease, box-shadow 0.3s ease;30    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);31}32 33.dark .project-card {34    background: #1f2937;35}36 37.project-card:hover {38    transform: translateY(-5px);39    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);40}41 42.project-image {43    height: 200px;44    overflow: hidden;45}46 47.project-image img {48    width: 100%;49    height: 100%;50    object-fit: cover;51    transition: transform 0.5s ease;52}53 54.project-card:hover .project-image img {55    transform: scale(1.05);56}57 58.project-content {59    padding: 1.5rem;60}61 62.tech-tag {63    background: #e0e7ff;64    color: #6366f1;65    padding: 0.25rem 0.75rem;66    border-radius: 9999px;67    font-size: 0.875rem;68    font-weight: 500;69}70 71.dark .tech-tag {72    background: #3730a3;73    color: #a5b4fc;74}75 76/* Animation for hero section */77@keyframes float {78    0% { transform: translateY(0px); }79    50% { transform: translateY(-10px); }80    100% { transform: translateY(0px); }81}82 83.hero-image-container {84    animation: float 6s ease-in-out infinite;85}