body {
    font-family: Microsoft JhengHei;

    height:  100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}


#banner {
    background-position: center center;
    background-size: cover;
    height: 1px;

}
.happy{

    border:solid 2px;
    overflow: hidden; /* 避免長方框下面顯示不正常 */
  }

.name{
  font-size: 40pt;
  text-align: center;
}

.people{
      background-color: white;
    margin:100px auto;

}
  .col{
    display: flex; 
    overflow: hidden; /* 避免長方框下面顯示不正常 */
    padding: 3px ;
    justify-content: center;/*水平置中*/
    height: 600px;

  }

  .col img{
     width: 50%;
      border:solid 6px rgba(35, 183, 228, 0.623);
      background-color: rgba(113, 179, 218, 0.438);
      padding: 10px; /* 內間距*/
      border-radius: 25px; /*外框四角圓弧*/
  }

  .coltext{
    width: 50%;
    background: radial-gradient(#90c8fc83, #86d3f1d7,  #0050fc9c); /*圓形外到內背景漸成*/
    display: flex;  /*各種排列*/
    flex-direction: column; /*欄排列*/
    align-items: center;  /*垂直置中*/
    justify-content: center;/*水平置中*/
    border-radius: 20px; /*外框四角圓弧*/
    margin:  15px 15px 10px 15px; 
    font-size: 50px;
    
  }

footer{
    background: linear-gradient(#3869dd1c, #86d3f157,  #79ebd27e); /*背景漸成*/
    color: black; 
    height: 60px;  /*區塊高度*/
    font-size: 20px; /*字體大小*/
    display: flex; 
    justify-content: center;
    
    align-items: center;
    /*position: fixed;*/ 
    /*bottom: 0;         */     /* 固定在視窗底部 */
    /*width: 100%; */          /* 寬度設為100% */
}