.skill-card {
    @apply bg-white rounded-lg shadow-md p-6 text-center text-teal-700 font-semibold
    transform transition-transform duration-300 hover:scale-105;
}

/* 스크롤 시 부드러운 전환 효과 */
html {
    scroll-behavior: smooth;
}

/* 섹션 전환 효과 */
section {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

section.visible {
    opacity: 1;
    transform: translateY(0);
}

/* 반응형 디자인 조정 */
@media (max-width: 768px) {
    nav .space-x-6 {
        @apply space-x-3 text-sm;
    }

    .text-4xl {
        @apply text-3xl;
    }

    .container {
        @apply px-4;
    }
}

/* 호버 효과 */
.project-card {
    @apply transition-all duration-300 hover:shadow-xl;
}

/* 네비게이션 활성 상태 */
.nav-active {
    @apply text-teal-500 font-semibold;
}