/* styles.css */

/* 導覽列樣式 */
.navbar {
    background-color: #f8f9fa;
    padding: 10px;
}

.navbar-brand {
    font-size: 24px;
    font-weight: bold;
    color: #333;
}

.navbar-nav .nav-link {
    font-size: 18px;
    color: #333;
}

.navbar-nav .nav-link:hover {
    color: #007bff;
}

/* 自我介紹區塊樣式 */
.space {
    height: 50px;
    /* 根據需要調整高度 */
}

.bio {
    background-color: #f8f9fa;
    padding: 50px 0;
}

.bio h1 {
    font-size: 32px;
    font-weight: bold;
    color: #333;
    margin-bottom: 20px;
}

.bio p {
    font-size: 18px;
    color: #555;
    margin-bottom: 20px;
}

/* 教育背景區塊樣式 */
.education {
    background-color: #fff;
    padding: 50px 0;
}

.education h1 {
    font-size: 32px;
    font-weight: bold;
    color: #333;
    margin-bottom: 20px;
}

.card-title {
    font-size: 24px;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
}

.card-text {
    font-size: 18px;
    color: #555;
    margin-bottom: 5px;
}

/* 經驗和實習區塊樣式 */
.experience {
    background-color: #f8f9fa;
    padding: 50px 0;
}

.experience h1 {
    font-size: 32px;
    font-weight: bold;
    color: #333;
    margin-bottom: 20px;
}

.card-subtitle {
    font-size: 20px;
    font-weight: bold;
    color: #555;
    margin-bottom: 10px;
}

/* 專業技能區塊樣式 */
.proficiencies {
    background-color: #fff;
    padding: 50px 0;
}

.proficiencies h1 {
    font-size: 32px;
    font-weight: bold;
    color: #333;
    margin-bottom: 20px;
}

.list-group-item {
    font-size: 18px;
    color: #555;
}

/* 專案作品區塊樣式 */
.project {
    background-color: #f8f9fa;
    padding: 50px 0;
}

.project h1 {
    font-size: 32px;
    font-weight: bold;
    color: #333;
    margin-bottom: 20px;
}

.card-title {
    font-size: 24px;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
}

.card-text {
    font-size: 18px;
    color: #555;
    margin-bottom: 5px;
}

/* 獲獎與榮譽區塊樣式 */
.awards {
    background-color: #fff;
    padding: 50px 0;
}

.awards h1 {
    font-size: 32px;
    font-weight: bold;
    color: #333;
    margin-bottom: 20px;
}

.card-title {
    font-size: 24px;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
}

.card-text {
    font-size: 18px;
    color: #555;
    margin-bottom: 5px;
}