body{
    font-family: Microsoft JhengHei;
    background-image: url("../images/picture.jpg");
    height:  100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;

    
}


.col-lg-5{
    background: linear-gradient(#6592fa, #86d3f1,  #79ebd2); /*背景漸成*/
      width: 300px; /* 設定寬度 */
      height: 300px; /* 設定高度 */
      border-radius: 50%; /* 使外框呈現圓形 */

      overflow: hid den; /* 防止文字溢出，可選 */
}

.col-lg-5 h1{       
    
    margin: 100px 10px 10px 10px;

    font-size: 35px; /*字體大小*/
    text-align: center; /* 文字置中 */
    align-items: center;  
     justify-content: center;
      color: #003ab6;
}
.text {
    height: 93vh;   

}
.col-lg-5 p{    
    font-size: 25px; /*字體大小*/
    text-align: center; /* 文字置中 */
    justify-content: center;
      color: #0e11f3;
}

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% */
}