*{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}main{width:100%;display:flex;flex-wrap:wrap}.active{color:#fff}section.left,section.right{padding:1.5rem}section.right h4{font-size:1.25rem;text-align:center}section.left{flex:4 1 550px}section.right{display:flex;flex-direction:column;align-items:center;flex:1 1 250px}section.right p{margin:1rem 0}section.right iframe{border-radius:2rem}#curve_chart{width:100%;height:80%}@media screen and (max-width:625px){nav ul{flex-direction:column}}@media screen and (max-width:550px){#curve_chart{width:100%;height:40%}}