body{
    background-color: #202020;
    font-family: 'Roboto','Noto Sans TC', sans-serif;
}
h1{
    color: #fff;
    font-weight: 900;
}
h2{
    color: #fff;
    font-weight: 700;
}
h3{
    color: #fff;
    font-weight: 500;
}
p{
    color: #fff;
    font-weight: 400;
}
.noborder{
    border-color: rgba(255, 255, 255, 0) !important ;
}
.btn{
    font-weight: 500;
}
.content{
    color: rgb(153, 153, 153)
}
.b{
    font-weight: 500;
}
nav{
    background-color: #202020;
}
img{
    max-width: 100%;
    height: auto;
}
#about{
    padding-top: 8%
}
#home{
    padding-top: 5%
}

.tracking-in-contract {
	animation: tracking-in-contract 0.8s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
}
/* ----------------------------------------------
 * Generated by Animista on 2021-12-24 22:49:33
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation tracking-in-contract
 * ----------------------------------------
 */
 @keyframes tracking-in-contract {
    0% {
      letter-spacing: 1em;
      opacity: 0;
    }
    40% {
      opacity: 0.6;
    }
    100% {
      letter-spacing: normal;
      opacity: 1;
    }
  }

.focus-in {
	animation: text-focus-in 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}

.text-focus-in {
	animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2021-12-25 0:58:44
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation text-focus-in
 * ----------------------------------------
 */
 @keyframes text-focus-in {
    0% {
      filter: blur(12px);
      opacity: 0;
    }
    100% {
      filter: blur(0px);
      opacity: 1;
    }
  }