body {
    /* 기본 폰트 설정 */
    font-family: Arial, sans-serif;
    background-color: #f0f2f5;
    color: #333;
    margin: 0;
    padding: 20px;
    text-align: center;
}

header {
    margin-bottom: 30px;
}

.profile-section img {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    object-fit: cover;
    margin-bottom: 10px;
    border: 4px solid #fff;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

#links-container {
    max-width: 600px;
    /* 블록 해제된 버튼들이 중앙에 오도록 text-align을 center로 유지합니다. */
    margin: 0 auto 30px auto;
    padding-top: 10px; /* 버튼이 너무 상단에 붙지 않도록 간격 추가 */
}

.link-button {
    /* 주아 폰트 적용: 링크 버튼에만 적용됩니다. */
    font-family: 'Jua', Arial, sans-serif;

    /* 🔴 블록 해제: display: block; 대신 inline-block 적용 */
    /* inline-block으로 설정하여 한 줄에 나열되게 하고, width/height/padding 적용 가능하게 유지 */
    display: inline-block;

    /* 🔴 width: 100%; 삭제: 인라인 요소는 부모 너비를 가득 채울 수 없습니다. */
    width: auto;

    /* 버튼 사이의 오른쪽 간격 추가 */
    margin: 15px 10px; /* 상하 15px, 좌우 10px 간격 */

    padding: 10px 20px; /* 블록일 때보다 세로 패딩을 줄여서 작아 보이게 조정 */
    text-decoration: none;
    color: white;
    background-color: #007bff; /* 기본 버튼 색상 */
    border: none;
    border-radius: 10px;
    font-size: 18px;
    font-weight: bold;
    transition: background-color 0.3s, transform 0.1s;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.link-button:hover {
    background-color: #0056b3;
    transform: translateY(-2px);
}

#footer-contact {
    color: #6c757d;
    font-size: 14px;
}