body{
    font-family: Arial, 'fantasy','Times New Roman', Times, serif ;
       background-color: rgb(201, 201, 201);
}
.nav-itema{
   font-size: 25px;
    
}
.name  img{
    margin-top: 20px;
    height: 300px;
    width: 300px;
    border-radius: 50%;
}
.name{
    font-size: 80px;
    text-align:center;
    color: rgb(0, 0, 0);
}

.name p{
    
   justify-content: center;
   align-content: center;
}
.col{
    display: flex;
    justify-content: center;/*水平置中*/
    align-items: start;
    margin-top: 20px;
}
.col2{
    width: 620px;
    flex-direction: column;

}

.abouttext{
    background-color: rgb(216, 216, 216);
    border-radius: 20px; /*外框四角圓弧*/
    margin:  13px 15px 13px 15px; 
    font-size: 20px;
    padding: 10px 15px 2px 18px; /* 內間距*/
}
.abouttext2,.abouttext3{
    
    background-color: rgb(205, 218, 218);

    border-radius: 20px; /*外框四角圓弧*/
    margin:  13px 15px 13px 15px; 
    font-size: 20px;
    padding: 10px 15px 2px 15px; /* 內間距*/
}
.abouttext4,.abouttext5,.abouttext6{
    
    background-color: rgb(231, 226, 226);

    border-radius: 20px; /*外框四角圓弧*/
    margin:  13px 15px 13px 15px; 
    font-size: 20px;
    padding: 10px 15px 2px 15px; /* 內間距*/
}

.col3{
    width: 700px;
    flex-direction: column;

}

.worktext{
    background-color: beige;
    border-radius: 20px; /*外框四角圓弧*/
    margin:  15px 15px 10px 20px; 
    font-size: 20px;
    display: flex;  /*各種排列*/
    flex-direction: column; /*欄排列*/
     padding: 10px; /* 內間距*/
}
.worktext2{
    
    background-color: rgb(205, 228, 255);

    border-radius: 20px; /*外框四角圓弧*/
    margin:  13px 15px 13px 15px; 
    font-size: 20px;
    padding: 10px 15px 2px 15px; /* 內間距*/
}
.worktext2 h6{
    text-align: right;
}
.worktext2 li{
   overflow: hidden;
}
.picture{
    
    background-color: rgb(174, 195, 219);
    border-radius: 20px; /*外框四角圓弧*/
    margin:  13px 15px 13px 15px; 
    font-size: 30px;
    padding: 13px 15px 5px 15px; /* 內間距*/
    height: 70px;
}
.picture a{
    display: flex;  /*各種排列*/
    align-items: center;
    text-decoration: none;/* 移除網址底線 */
}


footer{
   background: linear-gradient(#3869dd1c, #86d3f157,  #79ebd27e); /*背景漸成*/
   /* color: black;*/ 
    height: 60px;  /*區塊高度*/
    font-size: 20px; /*字體大小*/
    display: flex; 
    justify-content: center;
    align-items: center;

}