.header {
    margin-bottom:80px; /* 下方外距 */
}

.header img{
    width:100%; /*圖片寬度*/
}
.slogan{
    margin:50px 0;/*上下外距,左右外距為0*/
    height:80px; 
}
.box-content{
    padding:20px;
    border: 1px solid rgba(0,0,0,0.5);
    box-shadow: 0 3px 9px rgba(0,0,0,0.15);
}
.footer-content{
    height:60px;
    line-height:60px;
}

aside {
    margin: 1em;
    border: solid 2px lightgray;
    border-radius: 10px;
    padding: 0.5em 1em;
}



#slogan strong{
    font-family: 'Volkhov', serif; /*改變產品類別的slogan字型*/
}

/*Change arrow colors in Bootstraps carousel*/
/* https://stackoverflow.com/questions/46249541/change-arrow-colors-in-bootstraps-carousel*/
.carousel-control-next,s
.carousel-control-prev /*, .carousel-indicators */ {
    filter: invert(50%);
}

 /*Hind the items to make the website for CV only / Start*/
 #nav-link-hind{
    display: none;
  }
 
   /*Hind the items to make the website for CV only / End*/

   /*Reference */
   /* Here's an Interactive Scrim Showing How to Center Anything with CSS*/
/* https://www.freecodecamp.org/news/how-to-center-anything-with-css-align-a-div-text-and-more/*/