/* 1. 웹사이트 전체의 기본 스타일 (배경색, 글꼴) */
body {
    background-color: #121212; /* 짙은 회색/검정 배경 */
    color: #e0e0e0; /* 밝은 회색 글자 */
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    margin: 0;
    display: flex;
    justify-content: center; /* 화면 중앙 정렬 */
}
/* 우측 상단 프로필 정보 디자인 */
.top-right-profile {
    position: absolute; /* 요소를 화면의 절대적인 위치에 고정 */
    top: 20px;          /* 화면 위쪽에서 20px 띄움 */
    right: 30px;        /* 화면 오른쪽에서 30px 띄움 */
    text-align: right;  /* 글자를 오른쪽으로 정렬 */
    font-size: 14px;    /* 글자 크기 */
    color: #a0a0a0;     /* 너무 튀지 않는 밝은 회색 */
}

/* 프로필 안의 p태그(문단) 위아래 여백 없애기 */
.top-right-profile p {
    margin: 3px 0; /* 줄 간격을 촘촘하게 조절 */
}
/* 2. 콘텐츠가 들어갈 중앙 컨테이너 크기 제한 */
.container {
    width: 100%;
    max-width: 800px; /* 화면이 아무리 커도 넓이를 800px로 제한 */
    padding: 50px 20px;
}

/* 3. 메인 제목 디자인 */
h1 {
    color: #4CAF50; /* 포인트 색상 (녹색) */
    border-bottom: 2px solid #333; /* 제목 아래 얇은 선 */
    padding-bottom: 10px;
}

/* 4. 프로젝트 카드 디자인 */
.project-card {
    background-color: #1e1e1e; /* 배경보다 살짝 밝은 상자 색상 */
    padding: 25px;
    border-radius: 10px; /* 모서리를 둥글게 */
    margin-top: 30px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5); /* 상자 그림자 */
    border-left: 5px solid #4CAF50; /* 왼쪽 테두리에 포인트 색상 */
}

.project-card h2 {
    margin-top: 0;
    color: #ffffff;
}
/* ==========================================
   수상 내역 (Awards) 섹션 디자인
   ========================================== */

/* 수상 내역을 감싸는 메인 상자 */
.awards-section {
    background-color: #1e1e1e; /* 프로젝트 카드와 통일감 있는 배경색 */
    padding: 30px;
    border-radius: 10px;
    margin-top: 40px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
    border-left: 5px solid #2dd4bf; /* 청록색 포인트 선으로 신뢰감 부여 */
}

/* 섹션 제목 */
.awards-section h2 {
    margin-top: 0;
    margin-bottom: 20px;
    color: #ffffff;
    font-size: 22px;
    border-bottom: 1px solid #333;
    padding-bottom: 10px;
}

/* 개별 수상 항목 줄 바꿈 및 가로 정렬 */
.award-item {
    display: flex;             /* 날짜와 내용을 가로로 나란히 배치 */
    align-items: center;       /* 세로 축 기준 중앙 정렬 */
    padding: 15px 0;           /* 위아래 여백을 주어 줄 간격 확보 */
    border-bottom: 1px solid #2a2a2a; /* 항목 간의 얇은 구분선 */
}

/* 마지막 항목은 구분선 제거 */
.award-item:last-child {
    border-bottom: none;
}

/* 수상 날짜 스타일 */
.award-date {
    color: #888888;            /* 차분한 회색 */
    font-size: 14px;
    min-width: 110px;          /* 날짜 구역의 최소 너비를 고정하여 줄 맞춤 */
    font-weight: 500;
}

/* 수상 명칭 스타일 */
.award-title {
    color: #e0e0e0;
    font-size: 16px;
    padding-left: 10px;
}

/* 우수상, 최우수상 등 상 종류 강조 */
.award-title strong {
    color: #2dd4bf;            /* 포인트 컬러와 매칭하여 눈에 띄게 설정 */
    margin-left: 5px;
}