@charset "utf-8";

/* 整體頁面設定 */
body{
    background-color:#f0f8ff;
    font-family:Arial, 微軟正黑體;
    margin:0;
}

/* header 區塊 */
header{
    background-color:#4CAF50;
    color:white;
    text-align:center;
    padding:20px;
}

/* nav 導覽列 */
nav{
    background-color:#333;
    padding:10px;
}

/* class 選擇器 */
.menu a{
    color:white;
    text-decoration:none;
    margin-right:20px;
}

/* pseudo-class */
.menu a:hover{
    color:yellow;
}

/* main 區域 */
main{
    padding:20px;
}

/* section 區塊 */
section{
    background-color:white;
    margin-bottom:20px;
    padding:15px;
    border-radius:10px;
}

/* id 選擇器 */
#about-me{
    border-left:5px solid #4CAF50;
}

/* 興趣列表 */
.hobby-list li{
    font-size:18px;
    color:#444;
}

/* pseudo-element */
p::first-letter{
    font-size:24px;
    color:red;
    font-weight:bold;
}

/* 圖片樣式 */
.photo{
    width:200px;
    border-radius:10px;
}

/* footer */
footer{
    background-color:#333;
    color:white;
    text-align:center;
    padding:10px;
}