@import "https://fonts.googleapis.com/css2?family=Kanit:wght@100;300;400;500;600;700&display=swap";
html,body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}a{color:#307987;font-weight:400;text-decoration:none}*{box-sizing:border-box}
:root{--line-light:#c5c5c5;--line-dark:#616161}p{margin-top:0;margin-bottom:0;font-family:Kanit}a{color:#6495ed;margin-bottom:0;font-family:Kanit}a:hover{color:#517dce}.Container--space-between{flex-direction:row;justify-content:space-between;align-items:center;width:100%;display:flex}.Container--row{flex-direction:row;width:100%;display:flex}.Contianer--column{flex-direction:column;width:100%;display:flex}.Container--navbar{z-index:5;background-color:#fff;flex-direction:column;justify-content:center;width:100%;height:60px;display:flex;position:fixed;top:0;box-shadow:0 0 5px #ddd}.Container--content{margin-top:60px}.Article{flex-direction:row;display:flex}@media (max-width:1200px){.ArticleNavPosition{display:none}}.ArticleNavPosition{width:400px}.ArticleNav{width:300px;height:calc(100vh - 60px);padding:40px;position:fixed;overflow-y:auto;box-shadow:0 0 1px #888}.ArticleContent{max-width:900px;margin-top:50px;margin-bottom:50px}.Text--header{font-size:35px;font-weight:500}.Text--subheader{font-size:20px;font-weight:500}.Text--paragraph{font-size:17px;font-weight:300;line-height:1.7}.Image--app-icon{border-style:solid;border-width:.5px;border-color:var(--line-light);border-radius:5px;margin-bottom:10px;margin-right:10px}.Toggle--content{aspect-ratio:14/9}.Toggle--content:hover{opacity:.1;cursor:pointer}.FAB{color:#fff;cursor:pointer;z-index:1000;background-color:#fea617;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;width:50px;height:50px;display:flex;position:fixed;bottom:20px;right:20px}.FAB:hover{background-color:#517dce}.Toggle{cursor:pointer;-webkit-user-select:none;user-select:none}.Toggle:hover{opacity:.9}@media (min-width:1201px){.ArticleBackToggle{display:none}}.Line--horizontal{background-color:var(--line-light);width:100%;height:.1px}.Buffer--20px{width:20px;height:20px}.Buffer--50px{width:50px;height:50px}.ClearInput{background:0 0;border:none;padding:0}.ClearInput:focus{outline:none!important}