header, section form, footer {
  filter: grayscale(100%);
}


html, body {
  font-family: "Nunito","微軟正黑體","Microsoft JhengHei",sans-serif;
  /*font-family: "Noto Sans HK", "Noto Sans SC", "Noto Sans", sans-serif;*/
  -webkit-font-smoothing: antialiased;
  color: var(--custom-blue-900);
  scroll-behavior: auto !important; /* for smooth scrolling */
}

header {
  background: linear-gradient(to right, var(--custom-deep-purple-100), var(--custom-indigo-100), var(--custom-blue-100));
}

/* language */
@media(min-width: 768px)
{
  .languages {
    position: absolute;
    right: 0;
    bottom: .2rem;
  }
}
.languages a {
  width: 2rem;
  height: 2rem;
  border: .1rem solid var(--custom-indigo-700);
  border-radius: 50%;
  text-align: center;
  line-height: 1.8rem;
  vertical-align: middle;
  display: inline-block;
  color: var(--custom-indigo-700);
  transition: .5s all;
  margin-left: .8rem;
}
.languages a:hover, .languages a.active {
  background-color: var(--custom-indigo-700);
  color: var(--custom-white);
}
/* language */


/* font-bolder */
.font-bolder {
  text-shadow: 1px 0 0 var(--mdb-danger);
}
/* font-bolder */


/* footer */
footer a {
  color: var(--custom-white);
}
footer a:hover {
  color: var(--custom-white);
  text-decoration: underline;
}