*{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}.active{color:#fff}main{width:100%;display:flex}section.container{display:flex;flex-wrap:wrap}section.left{padding:2rem}section.left img{width:15rem;border-radius:10rem}section.right{display:flex;padding:2rem;flex-direction:column;flex:1 1 400px}p{display:block;margin-block-start:1rem;margin-block-end:2rem}section h3{display:block;font-size:1.5em;font-weight:700}@media screen and (max-width:625px){nav ul{flex-direction:column}}