/* 전역 스타일 */
html {
    scroll-behavior: smooth;
}

/* 섹션 애니메이션 */
section {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.6s ease-out;
}

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

/* 네비게이션 바 그라데이션 효과 */
nav {
    background: linear-gradient(to right, #2563eb, #1d4ed8);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* 프로젝트 카드 호버 효과 */
.project-card {
    transition: transform 0.3s ease;
}

.project-card:hover {
    transform: translateY(-5px);
}

/* 기술 스택 아이템 스타일 */
.skill-item {
    background: linear-gradient(145deg, #e6f0ff, #ffffff);
    border-radius: 10px;
    padding: 1rem;
    transition: all 0.3s ease;
}

.skill-item:hover {
    transform: scale(1.02);
    box-shadow: 0 4px 6px rgba(37, 99, 235, 0.1);
}

/* 반응형 디자인 조정 */
@media (max-width: 768px) {
    nav .container {
        flex-direction: column;
        text-align: center;
    }

    nav .space-x-4 {
        margin-top: 1rem;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    nav .space-x-4 a {
        margin: 0.5rem;
    }
}