@font-face{font-family:Krungthep;src:url(/assets/Krungthep-DriRYOw_.ttf);font-family:Garamond;src:url(/assets/Garamond-DCNIKhXt.ttf)}:root{--primary-color: #41d6bb;--secondary-color: #2a2a2a;--background-color: #3f3f3f;--text-color: #fff;--nav_background-color: #232323;--nav-button-background-color: #313131;--nav-button-text-color: #fff;--head_background-color: linear-gradient(#0f095d, #5fa3f8);--work-title-color: #41d6bb;--head_wave1: rgba(95, 163, 248, .7);--head_wave2: rgba(95, 163, 248, .5);--head_wave3: rgba(95, 163, 248, .3);--footer-color: #383838;--link-color: #56c3fa;--code-bg: #5d5d5d;--code-color: #ffffff;--border: #ddd;--table-header-bg: #8a8a8a}[data-theme=light]{--primary-color: #41d6bb;--secondary-color: #2a2a2a;--background-color: #fff;--text-color: #313131;--nav_background-color: #484848;--nav-button-background-color: #626262;--nav-button-text-color: #fff;--work-title-color: #6c6c6c;--head_background-color: linear-gradient(#007cd6, #a3d6f1);--head_wave1: rgba(163, 214, 241, .7);--head_wave2: rgba(163, 214, 241, .5);--head_wave3: rgba(163, 214, 241, .3);--footer-color: #41d6bb;--link-color: #5fa3f8;--code-bg: #dadada;--code-color: #333;--border: #ddd;--table-header-bg: #f8f9fa}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.parallax>use{animation:move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite}.parallax>use:nth-child(1){animation-delay:-2s;animation-duration:7s}.parallax>use:nth-child(2){animation-delay:-3s;animation-duration:10s}.parallax>use:nth-child(3){animation-delay:-4s;animation-duration:13s}.parallax>use:nth-child(4){animation-delay:-5s;animation-duration:20s}@keyframes move-forever{0%{transform:translate3d(-90px,0,0)}to{transform:translate3d(85px,0,0)}}@keyframes circlespread{to{width:140%;height:200vh}}@keyframes circlemove{0%{bottom:45px}to{bottom:-5px}}@keyframes cirlemovehide{0%{opacity:0}50%{opacity:1}80%{opacity:.9}to{opacity:0}}@-webkit-keyframes blink{40%{opacity:.85}42%{opacity:.4}43%{opacity:.85}45%{opacity:.4}46%{opacity:.85}}@keyframes blink{40%{opacity:.85}42%{opacity:.4}43%{opacity:.85}45%{opacity:.4}46%{opacity:.85}}@media screen and (max-width: 599px){html{font-size:50%}body{font-size:14px}}