*{padding:0;margin:0;box-sizing:border-box;font-family:'Noto Sans TC',sans-serif}h1,h2,h3,h4,h5,h6{font-weight:400}.headerTitle{font-size:2.5rem}.headerText{font-size:1rem}header{background-color:#c4c4c4;width:100%;padding:1rem}nav{background-color:#312f2f}nav ul{display:flex;padding-left:1rem;list-style:none}nav ul li{padding:.5rem .75rem}nav ul li a{color:#a9a7a7;text-decoration:none;font-size:1rem;transition:all .25s ease}nav ul li a:hover{color:#fff}section.left{padding:1.5rem}.active{color:#fff}div.center{display:flex;margin:2rem}div.center p{padding:1rem}p{display:block;margin-block-start:1rem;margin-block-end:1rem;margin-inline-start:0;margin-inline-end:0}h2{display:block;font-size:1.5em;margin-block-start:0;margin-block-end:0;margin-inline-start:0;margin-inline-end:0;font-weight:700}@media screen and (max-width:625px){nav ul{flex-direction:column}}