@charset "UTF-8";
/*===返回頂部按鈕===*/
#myBtn {
  display: none;
  position: fixed;
  bottom: 10px;
  right: 10px;
  z-index: 99;
  font-size: 28px;
  border: none;
  outline: none;
  color: black;
  opacity: 0.5;
  background-color: rgb(132, 143, 148);
  border-radius: 25%;
  cursor: pointer;
}

#myBtn .fa.fa-arrow-up {
  padding: 0;
  margin-top: 0px;
  height: 25px !important;
  width: 25px !important;
}

#myBtn:hover {
  color: #555;
}

/*===返回頂部按鈕===*/
/*===通用設定===*/
html {
  scroll-padding-top: 25px;
}

.section-title {
  color: #212529;
}

.section-subtitle {
  color: #777777;
}

/*======*/
/*===導覽列設定===*/
.navbar {
  text-align: center;
  background-color: #2c2c2c;
}

.navbar .nav-item .nav-link {
  color: #fff;
}

.navbar .dropdown-menu .dropdown-item {
  cursor: pointer;
}

.navbar-toggler {
  background: transparent;
}

.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
  outline: none;
  box-shadow: none;
}

.offcanvas-body {
  background-color: #2c2c2c;
}

@media (min-width: 992px) {
  .cool-link::after {
    content: "";
    display: block;
    width: 0;
    height: 2px;
    margin-top: -1px;
    background: #fff;
    transition: width 0.3s;
  }
  .cool-link:hover::after {
    width: 100%;
    transition: width 0.3s;
  }
}
/*===導覽列設定===*/
/*===Carousel 區域 (Section1)===*/
.section1 {
  background-color: #26353b;
}

.section1 .row div {
  /*移除空白區域*/
  border: none;
  outline: none;
  padding: 0px;
}

.simple-intro #card-name {
  color: #fff;
}

.simple-intro .card-text {
  color: #fff;
}

/*大頭貼*/
.image-container {
  width: 140px;
  height: 140px;
  border: none;
  outline: none;
}

/*圖片輪盤標題*/
.carousel-title {
  padding-bottom: 10px;
}

/*設定社交圖示(font awesome icons)*/
.fa {
  padding: 0px 2px 0px 0px;
  font-size: 24px !important;
  width: 32px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
}

#contact .fa {
  /*聯絡我適用*/
  padding: 0px 25px 0px 0px;
  font-size: 36px !important;
  width: 33px;
  text-align: center;
  text-decoration: none;
  margin: 5px 12px;
  color: black;
}

.fa-facebook,
.fa-linkedin,
.fa-github {
  color: #fff;
}

.fa:hover {
  opacity: 0.7;
}

/*===Carousel 區域 (Section1)===*/
/*===Footer 區域===*/
.footer {
  background-color: #2c2c2c;
  color: #fff;
}

/*===Footer 區域===*/
/*===Achievements 區域====*/
#achievements a {
  text-decoration: none;
  color: #212529;
}
#achievements a :hover {
  color: rgb(25, 0, 255) !important;
  opacity: 0.8;
}

/*===Achievements 區域====*//*# sourceMappingURL=style.css.map */