.header{left:0;padding:20px 0;position:fixed;top:10px;width:100%}.header .link-contain{display:flex;margin:0 auto;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;text-align:center}.header .link-contain .link-item{display:block;font-size:1.05rem;opacity:.65;position:relative;transition-duration:.5s}.header .link-contain .link-item a{color:#000;transition-duration:.5s}.header .link-contain .link-item+.link-item{margin-left:5vw}.header .link-contain .link-item .underline-text{background-color:#000;bottom:-2px;height:1px;left:50%;margin:0 auto;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition-duration:.25s;width:0}.header .link-contain .link-item:hover .underline-text{width:100%}.header .link-contain .link-item:active,.header .link-contain .link-item:hover{opacity:1}.header .link-contain .link-item:active{opacity:1;-webkit-transform:scale(.9)!important;transform:scale(.9)!important}.header .link-contain .link-item.active{opacity:1;-webkit-transform:scale(1.3)!important;transform:scale(1.3)!important}.small-nav{left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:2}.small-nav .siteName{left:20px}.small-nav .pageName,.small-nav .siteName{margin:0;position:fixed;top:20px;transition-duration:.5s;white-space:nowrap}.small-nav .pageName{right:20px}.socialLink{left:50%;position:fixed;top:90px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.socialLink .sub{display:flex}.socialLink a{color:#fff;display:block;font-size:1.5rem;transition-duration:.25s}.socialLink a:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.socialLink a:active{-webkit-transform:scale(1.1);transform:scale(1.1)}.socialLink a+a{margin-left:20px}@media screen and (max-width:768px){.small-nav .siteName{display:none}.small-nav .pageName{left:20px;right:auto}}.loading-icon{border:7px solid #fff;height:50px;margin:0 auto;width:50px}.about-page{background:#4a4692;background:linear-gradient(158deg,#4a4692,#090979 35%,#930101);color:#fff;min-height:100vh;width:100vw}.PageContainer{min-height:100vh;overflow:hidden;position:fixed;-webkit-transform-origin:top;transform-origin:top;width:100%}.PageContainer .content-overflow,.sub{position:relative}.sub{height:100%;width:100%}.btnTopCenter{background-color:transparent;border:none;cursor:pointer;font-size:2rem;height:57px;left:50%;outline:0;position:fixed;top:0;-webkit-transform:translateX(-50%)!important;transform:translateX(-50%)!important;transition-duration:.5s;width:65px;z-index:20}.btnTopCenter svg{-webkit-text-fill-color:transparent;-webkit-background-clip:text;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition-delay:.35s;transition-duration:.3s}.btnTopCenter .bgPullMenu{height:0;left:0;position:absolute;top:0;transition-delay:.35s;transition-duration:.25s;width:100%}.btnTopCenter:hover svg{-webkit-filter:invert(1);filter:invert(1);transition-delay:0s}.btnTopCenter:hover .bgPullMenu{height:100%;transition-delay:0s}.btnTopCenter.active svg,.btnTopCenter:active svg{-webkit-filter:invert(1);filter:invert(1);transition-delay:0s}.btnTopCenter.active .bgPullMenu,.btnTopCenter:active .bgPullMenu{height:100%;opacity:.75;transition-delay:0s}.dimPullMenu{background-color:rgba(0,0,0,.5);height:100%;position:fixed;width:100vw;z-index:15}.scroll-container{left:0;overflow:hidden;position:fixed;top:0;width:100%;will-change:transform}.resume-page{background-color:#06243c;color:#fff;min-height:100vh;width:100vw}.parallaxHero{background-image:url(/static/media/bg-blur.2d504864c8eacb841fa6.jpg);background-position-y:0;background-repeat:no-repeat;background-size:cover;height:100vh;opacity:1;position:absolute;top:0;-webkit-transform:none;transform:none;width:100%}.parallaxHero .sub{overflow:hidden}.parallaxHero .gradient{background-image:linear-gradient(rgba(6,36,60,0),#06243c);height:100%;left:0;position:absolute;top:0;width:100%}.infoTitle{color:#fff;margin:50px 0}.understandCSS{margin:50px auto;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.understandCSS .frame{border:3px solid #fff;font-size:15px;margin:auto;padding:10px;position:relative;text-align:left;white-space:nowrap;width:200px}.harfShade{display:grid;grid-template-columns:50% 50%;position:relative}.harfShade:after{background-image:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.75),hsla(0,0%,100%,0));bottom:0;content:"";display:block;height:1px;left:0;position:absolute;width:100%}.harfShade .topic{border-right:1px solid hsla(0,0%,100%,.1);padding-right:50px;padding-top:50px;text-align:right;width:100%}.harfShade .topic .navContainer{position:-webkit-sticky;position:sticky;top:30px}.harfShade .topic .navContainer h2{color:#fff;font-weight:600}.harfShade .topic .navContainer a{color:hsla(0,0%,100%,.75)}.harfShade .topic .navContainer svg{color:#fff}.harfShade .detail{overflow:hidden;padding-left:50px;padding-top:50px;width:calc(100% - 50px)}.modal{background-color:rgba(0,0,0,.75);color:#fff;height:100%;left:0;position:fixed;top:0;width:100%;z-index:10009}.modal .btn{background-color:hsla(0,0%,100%,.2);border:initial;border-radius:5px;color:#fff;cursor:pointer;font-family:inherit;font-size:18px;margin:5px 10px 10px 5px;min-width:146px;outline:0;padding:5px 15px;transition-duration:.15s;white-space:nowrap}.modal .btn:hover{background-color:hsla(0,0%,100%,.3)}.modal .btn:active{background-color:hsla(0,0%,100%,.4);transition-duration:.1s}.modal .modalContainer{border-radius:10px;left:50%;max-height:95vh;max-width:95vw;overflow:hidden;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.modal .modalContainer .sub{background-color:#313131}.modal .modalContainer .xButton{background-color:rgba(0,0,0,.25);cursor:pointer;font-family:inherit;font-weight:100;padding:0 10px;position:absolute;right:0;text-align:right;top:0;transition-duration:.25s}.modal .modalContainer .xButton:hover{background-color:rgba(255,0,0,.4)}.modal .modalContainer .xButton:active{background-color:rgba(255,0,0,.5);transition-duration:.1s}.brinessDown{-webkit-filter:brightness(.5);filter:brightness(.5);transition-duration:1s}.credit{background-color:#041b2d;color:hsla(0,0%,100%,.75);font-size:15px;padding:10px;text-align:right;text-align:center;width:100%}.credit p{display:inline}@media screen and (max-width:768px){.harfShade{grid-template-columns:40% 60%}.harfShade .topic{padding-right:20px}.harfShade .detail{padding-left:20px;width:calc(100% - 20px)}}.styles_nameCard__IiLlK{color:#fff;margin:0 auto;padding:20px;width:100vw}.styles_nameCard__IiLlK .styles_circlePic__8\+C5A{border:3px solid #1d8cc1;border-radius:50%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:20px auto;overflow:hidden;padding:5px;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.styles_nameCard__IiLlK .styles_circlePic__8\+C5A .styles_img__MvaTm{background-position:50%;background-size:cover;border-radius:50%;height:100%;height:175px;overflow:hidden;width:100%;width:175px}.styles_nameCard__IiLlK .styles_identity__taDs1{margin-top:20px}.styles_nameCard__IiLlK .styles_identity__taDs1 .styles_name__FNVSd{font-size:25px;margin-top:5px}.styles_nameCard__IiLlK .styles_identity__taDs1 .styles_subName__Kz71i{color:#b8b8b8}.styles_nameCard__IiLlK .styles_statusQuote__eeSoq{color:#dbdbdb;font-size:18px;margin-top:5px}.styles_nameCard__IiLlK .styles_statusQuote__eeSoq span{font-size:23px}.styles_nameCard__IiLlK .styles_buttonPanel__J8BWA{margin:8vh 0 20px}.styles_btn__KREHD{background-color:hsla(0,0%,100%,.2);border:initial;border-radius:5px;color:#fff;font-family:inherit;font-size:16px;margin:5px 10px 10px 5px;min-width:146px;outline:0;padding:8px 15px;transition-duration:.15s;white-space:nowrap}.styles_btn__KREHD:hover{background-color:hsla(0,0%,100%,.3)}.styles_btn__KREHD:active{background-color:hsla(0,0%,100%,.4);transition-duration:.1s}.styles_btn__KREHD.styles_facebook__5fq1Y{background-color:#006aff}.styles_btn__KREHD.styles_facebook__5fq1Y:hover{background-color:#1576ff}.styles_btn__KREHD.styles_facebook__5fq1Y:active{background-color:#005fe4}.styles_btn__KREHD.styles_github__BRbGx{background-color:#fff;color:#333}.styles_btn__KREHD.styles_github__BRbGx:hover{background-color:#e6e6e6}.styles_btn__KREHD.styles_github__BRbGx:active{background-color:#c5c5c5}.styles_btn__KREHD:disabled{background-color:hsla(0,0%,100%,.1)}.styles_btn__KREHD>svg+span{margin-left:5px}@media only screen and (max-width:500px){.styles_nameCard__IiLlK{-webkit-backdrop-filter:initial;backdrop-filter:none;background:transparent;border:initial;box-shadow:none}.styles_cardMobile__CSbQd{top:calc(50% - 43px)}}.styles_container__H\+q-f{padding-bottom:20px;width:100%;word-break:normal}.styles_container__H\+q-f+.styles_container__H\+q-f:before{background-image:linear-gradient(90deg,hsla(0,0%,100%,.75),hsla(0,0%,100%,0));content:"";display:block;height:1px;margin-bottom:20px;width:100%}.styles_container__H\+q-f .styles_date__lPYu5{border:1px solid var(--primary-color);border-radius:5px;color:var(--primary-color);padding:3px 10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.styles_infoZone__0MA6H{margin-top:10px}.styles_container__H\+q-f .styles_title__8op0N{color:#fff;font-size:25px;font-weight:600}.styles_container__H\+q-f .styles_org__wW5Go{color:#c7c7c7;font-size:18px}.styles_container__H\+q-f .styles_detail__YSy98{color:#c7c7c7;margin-top:20px}.styles_container__H\+q-f .styles_link__vS91f{background-color:hsla(0,0%,100%,.15);display:block;margin-top:20px;overflow:hidden;padding:0 5px;text-overflow:ellipsis;white-space:nowrap;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;word-break:normal}.styles_container__H\+q-f .styles_link__vS91f:hover{background-color:hsla(0,0%,100%,.2)}.styles_container__H\+q-f .styles_link__vS91f+.styles_link__vS91f{margin-top:5px}@media only screen and (max-width:500px){.styles_container__H\+q-f .styles_link__vS91f{max-width:100%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}.styles_container__-net1{display:grid;grid-template-columns:33.33% 33.33% 33.33%;margin-bottom:100px;min-height:500px;width:100%}.styles_container__-net1 .styles_item__yj4yX{padding:20px;width:100%}.styles_container__-net1>.styles_item__yj4yX+.styles_item__yj4yX{border-left:1px solid hsla(0,0%,100%,.1)}.styles_container__-net1 .styles_item__yj4yX .styles_headInfo__EV4TO{color:#c7cbcf;text-align:center}.styles_container__-net1 .styles_item__yj4yX .styles_headInfo__EV4TO svg{color:var(--primary-color)}.styles_container__-net1 .styles_item__yj4yX .styles_headInfo__EV4TO .styles_title__fFXQS{color:#fff;font-size:25px;font-weight:600;margin:10px 0}.styles_container__-net1 .styles_item__yj4yX .styles_info__cHPYs{color:#c7cbcf;font-size:18px;margin:80px 0}.styles_container__-net1 .styles_item__yj4yX .styles_info__cHPYs .styles_topic__S5Ayp{color:var(--primary-color);font-size:17px;margin:5px 0}.styles_container__-net1.styles_singleItem__Du7rc{display:block;margin:auto;width:33.33%}.styles_hr__NruXe{border-top:1px solid hsla(0,0%,100%,.2);margin:30px auto 0}@media only screen and (max-width:500px){.styles_container__-net1{display:block;margin-bottom:0}.styles_container__-net1>.styles_item__yj4yX+.styles_item__yj4yX{border-left:initial;border-top:1px solid hsla(0,0%,100%,.2)}.styles_container__-net1 .styles_item__yj4yX .styles_info__cHPYs{margin:40px 0}}.styles_container__ReTRd{margin:20px auto;text-align:center}.styles_container__ReTRd .styles_item__HSMeN{display:inline-block;margin:20px;max-width:calc(100% - 40px);text-align:center;width:250px}.styles_container__ReTRd .styles_item__HSMeN .styles_imgContain__8W05p{background-color:#313131;border-radius:10px;height:150px;margin-bottom:5px;overflow:hidden;width:100%}.styles_container__ReTRd .styles_item__HSMeN .styles_imgContain__8W05p .styles_img__22Wgz{background-position:50%;background-repeat:no-repeat;background-size:contain;height:100%;width:100%}.styles_container__ReTRd .styles_item__HSMeN .styles_title__887Du{font-size:19px;font-weight:700}.styles_modal__wc6Q1{text-align:center;width:100%}.styles_modal__wc6Q1 .styles_logo__DNhnW{background-color:rgba(0,0,0,.5);background-position:50%;background-repeat:no-repeat;background-size:auto;height:150px;width:100%}.styles_modal__wc6Q1 .styles_content__lSt\+m{max-height:600px;overflow:hidden auto;padding:10px 20px}.styles_ImageSlider-container__D7gFj{align-items:center;display:flex;justify-content:center;margin:20px 0;min-height:264px;position:relative;text-align:center;width:100%}.styles_slideContainer__1Dyg9{background-color:#727272;border-radius:10px;cursor:pointer;height:100%;left:0;overflow:hidden;width:100%}.styles_slider-next__c2Pz\+,.styles_slider-prev__dT4de{align-items:center;background:#fff;border-radius:50%;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:30px;justify-content:center;opacity:.5;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition-duration:.25s;-webkit-user-select:none;user-select:none;width:30px;z-index:2}.styles_ImageSlider-container__D7gFj:hover .styles_slider-next__c2Pz\+,.styles_ImageSlider-container__D7gFj:hover .styles_slider-prev__dT4de{opacity:1}.styles_slider-next__c2Pz\+:hover,.styles_slider-prev__dT4de:hover{background:#ddd}.styles_ImageSlider-container__D7gFj>.styles_slider-next__c2Pz\+:active,.styles_slider-prev__dT4de:active{background:#c4c4c4;transition-duration:.1s}.styles_slider-next__c2Pz\+,.styles_slider-prev__dT4de{background:#858585;color:#000}.styles_slider-next__c2Pz\+{right:5px}.styles_slider-prev__dT4de{left:5px}.styles_ImageSlider-container__D7gFj .styles_slider-next__c2Pz\+{right:-15px}.styles_ImageSlider-container__D7gFj .styles_slider-prev__dT4de{left:-15px}.styles_ImageSlider-container__D7gFj .styles_slider-next__c2Pz\+,.styles_ImageSlider-container__D7gFj .styles_slider-prev__dT4de{background:#ddd}.styles_ImageSlider-container__D7gFj img{left:0;max-height:100%;max-width:100%;min-height:264px}.styles_slider-refresh__HZ9KQ{align-items:center;background:rgba(0,0,0,.4);border-radius:10px;cursor:pointer;display:flex;height:20px;justify-content:center;padding:10px;position:absolute;right:10px;top:10px;width:20px}@media only screen and (max-width:500px){.styles_ImageSlider-container__D7gFj,.styles_ImageSlider-container__D7gFj img{min-height:184px}}@font-face{font-display:swap;font-family:Anuphan;font-style:normal;font-weight:100;src:local("Anuphan Thin"),local("Anuphan-Thin"),url(/static/media/Anuphan-Thin.d1df424cfa13414e25a3.ttf) format("truetype")}@font-face{font-display:swap;font-family:Anuphan;font-style:normal;font-weight:200;src:local("Anuphan ExtraLight"),local("Anuphan-ExtraLight"),url(/static/media/Anuphan-ExtraLight.4452812ae2a2d6a6e10a.ttf) format("truetype")}@font-face{font-display:swap;font-family:Anuphan;font-style:normal;font-weight:300;src:local("Anuphan Light"),local("Anuphan-Light"),url(/static/media/Anuphan-Light.a7e081bec59d9f1be012.ttf) format("truetype")}@font-face{font-display:swap;font-family:Anuphan;font-style:normal;font-weight:400;src:local("Anuphan Regular"),local("Anuphan-Regular"),url(/static/media/Anuphan-Regular.8b28bf34d5d7d5bcc7c4.ttf) format("truetype")}@font-face{font-display:swap;font-family:Anuphan;font-style:normal;font-weight:500;src:local("Anuphan Medium"),local("Anuphan-Medium"),url(/static/media/Anuphan-Medium.1a2bf6abb49ebe3db01f.ttf) format("truetype")}@font-face{font-display:swap;font-family:Anuphan;font-style:normal;font-weight:600;src:local("Anuphan SemiBold"),local("Anuphan-SemiBold"),url(/static/media/Anuphan-SemiBold.02712483448e40a0ba9b.ttf) format("truetype")}@font-face{font-display:swap;font-family:Anuphan;font-style:normal;font-weight:700;src:local("Anuphan Bold"),local("Anuphan-Bold"),url(/static/media/Anuphan-Bold.c3aeb7d1cee9e8952d10.ttf) format("truetype")}:root{--primary-color:#1ba3e4}*{box-sizing:border-box;margin:0;padding:0}body,html{background-color:#000;font-family:Anuphan,sans-serif;margin:0;scroll-behavior:smooth}body{overflow-x:hidden;overflow-y:scroll}h1,h2,h3,h4,h5,h6,p{margin:0}a{color:#fff;outline:0;text-decoration:none}img{pointer-events:none}.centerContain,.loadingCenter{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.centerContain{text-align:center}.notfound-page{background:#4a4692;background:linear-gradient(158deg,#4a4692,#090979 35%,#930101);color:#fff;min-height:100vh;width:100vw}
/*# sourceMappingURL=main.23b4166f.css.map*/