body{
    font-family: 'Noto Sans SC', sans-serif;
    position: relative;
    font-size: 16px;
    background-color: var(--body);
    color: var(--darkGray);
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

@media screen and (max-width:1200px){
    html{
        font-size: 14px;
    }

    body{
        background-color:var(--light)
    }
}

body.hidden{
    height:100dvh;
    overflow-y:hidden
}

header{
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 11;
    background-color:var(--light);
}
main{
    /* min-height: 100dvh; */
    margin-top: 154px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 2rem;
}

@media screen and (max-width:1200px){
    main{
        margin-top:100px
    }
}

footer{
    width: 100%;
    height: 60px;
    background-color: var(--dark);
    text-align: center;
    color:var(--light);
    line-height: 60px;
}

@font-face {
    font-family: Noto Sans TC;
    src: url(../fonts/NotoSansTC-Regular.woff2) format("woff2")
  }