@import "https://fonts.googleapis.com/css2?family=Heebo:wght@300&family=Roboto:wght@500&display=swap";::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background-color:#f1f1f1}::-webkit-scrollbar-thumb{background-color:#383636;border-radius:5px}::-webkit-scrollbar-thumb:hover{background-color:#000}.page-content{background-color:#fff;position:relative}.page-content:before,.page-content:after{content:"";background-color:#fafafa;border:1px solid #f4f4f5;width:calc(50% - 600px);position:absolute;top:0;bottom:0}.page-content:before{z-index:1;left:0}.page-content:after{z-index:1;right:0}.content-wrapper{max-width:1000px;margin:0 auto}.title{color:var(--primary-color);font-family:var(--secondary-font);width:70%;font-size:45px;font-weight:700}.subtitle{color:var(--secondary-color);width:70%;margin-top:25px;padding-top:10px;font-size:16px;line-height:28px}.page-footer{position:block}.page-footer:before{content:"";border-top:2px solid var(--tertiary-color);position:absolute;left:0;right:0}@media (width<=1270px){.page-content:before,.page-content:after{width:5%}.content-wrapper{max-width:90%;padding-left:10%;padding-right:10%}}@media (width<=1024px){.page-content:before,.page-content:after{width:calc(50% - 475px)}.content-wrapper{max-width:980px}}@media (width<=800px){.content-wrapper{max-width:90%;padding:0 10px}.page-content:before,.page-content:after{display:none}.title,.subtitle{width:100%}}:root{--primary-color:#27272a;--secondary-color:#65656d;--tertiary-color:#acacb4;--quaternary-color:#e4e4e7;--link-color:#14b8a6;--primary-font:"Heebo", "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", "Heiti TC", sans-serif;--secondary-font:"Roboto", "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", "Heiti TC", sans-serif}body{font-family:var(--primary-font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;max-width:100%;margin:0;overflow:hidden scroll}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}