/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */

/* 전체 레이아웃 설정 */
/* 전체 레이아웃 설정 */
body {
    background-color: #dbe0e6; /* 배경색 */
    margin: 0;
    padding: 0;
    font-family: "Apple SD Gothic Neo", "Malgun Gothic", "돋움", sans-serif;
    color: #333; /* 기본 글자색 */
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* 상단 고정 메뉴바 */
header {
    width: 100%;
    height: 35px;
    background-color: darkgrey;
    color: #000;
    border-bottom: 1px solid #dee0e3;
    position: fixed;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    z-index: 1000;
}

/* 중앙 메인 박스 */
main {
    width: 800px;
    background-color: #ffffff;
    margin-top: 300px; /* 상단바 높이만큼 여백 */
    margin-bottom: 50px;
    padding: 40px;
    min-height: 800px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    color:darkgrey;
}

/* 제목 영역 */
h1 {
    font-size: 26px;
    font-weight: bold;
    border-bottom: 2px solid #333;
    padding-bottom: 15px;
    margin-bottom: 30px;
    color: darkgray;
}
    
}

.side-bar {
    flex: 1; /* 사이드바 비중 */
    font-size: 13px;
}

/* 사이드바 안의 프로필 박스 */
.profile-box {
    border: 1px solid #eee;
    padding: 15px;
    background: #fafaf8;
    border-radius: 5px;
}