@import url(https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,500;1,500&display=swap);.first-page-component{-webkit-text-size-adjust:100%;align-items:center;display:flex;flex-direction:column;font-size:100%;height:100vh;justify-content:center;width:100vw}.name-section{font-size:7em;font-weight:1000}.desc-section,.name-section{-webkit-text-size-adjust:100%;align-items:center;display:flex;font-family:var(--prim-font);padding-left:150px;width:100%}.desc-section{flex-direction:row;font-size:5em;height:10%}@media screen and (min-width:1025px) and (max-width:1440px){.name-section{font-size:4em}.desc-section{font-size:3em}}@media screen and (max-width:1024px){.name-section{font-size:3em;padding-left:50px}.desc-section{font-size:2em;padding-left:50px}}@media screen and (max-width:768px){.name-section{font-size:1.8em;padding-left:20px}.desc-section{font-size:1.3em;padding-left:20px}}.exp-component{align-items:center;display:flex;height:100vh;justify-content:center;position:relative;transition:.5s;width:100vw}.exp-container{height:90%;padding:10px;position:relative;width:80%}.exp-sub{margin-bottom:40px}.exp-body{display:flex;height:75%;width:100%}.exp-nav{height:100%;width:15%}.exp-nav-btn{background-color:initial;border:none;border-right:2px solid rgba(10,139,139,.1);color:#000;cursor:pointer;font-family:var(--prim-font);font-size:25px;font-weight:600;height:12%;text-align:left;width:100%}.exp-nav-btn-active{background-color:rgba(8,131,131,.1);border-right:2px solid #175d8d;color:#000}@media screen and (min-width:1025px) and (max-width:1440px){.exp-nav-btn{font-size:18px;height:14%}.exp-nav{width:17%}}@media screen and (max-width:1024px){.exp-component{align-items:flex-start;height:auto;min-height:100vh;padding:40px 0}.exp-container{height:auto;width:88%}.exp-body{height:auto}.exp-nav{width:20%}.exp-nav-btn{font-size:15px;height:auto;padding:10px 0}}@media screen and (max-width:768px){.exp-sub{margin-bottom:20px}.exp-body{flex-direction:column;gap:16px}.exp-nav{display:flex;flex-direction:row;overflow-x:auto;padding-bottom:2px;width:100%}.exp-nav,.exp-nav-btn{border-right:none;height:auto}.exp-nav-btn{border-bottom:2px solid rgba(10,139,139,.1);font-size:13px;padding:8px 14px;white-space:nowrap;width:auto}.exp-nav-btn-active{border-bottom:2px solid #175d8d;border-right:none}}.exp-desc-component{height:auto;margin-left:auto;margin-right:0;position:relative;transition:.5s;width:80%}.exp-desc-header{height:auto;margin-bottom:3%;width:100%}.exp-desc-headerSec1{display:flex;font-family:var(--prim-font);gap:10px;height:auto;width:100%}.exp-desc-title{font-size:40px;margin-left:auto;padding-right:1%}.expDescCompany{color:#000;font-size:40px;font-weight:1000;-webkit-text-decoration:underline .15em var(--std-bg-color);text-decoration:underline .15em var(--std-bg-color);transition:-webkit-text-decoration-color .3s;transition:text-decoration-color .3s;transition:text-decoration-color .3s,-webkit-text-decoration-color .3s}.expDescCompany:hover{cursor:pointer;-webkit-text-decoration-color:var(--quat-bg-color);text-decoration-color:var(--quat-bg-color)}.exp-desc-headerSec2{display:flex;font-family:var(--prim-font);font-size:25px;width:100%}.exp-desc-location{margin-left:auto;padding-right:1%}.exp-desc-body{font-size:22px;height:auto;width:100%}.exp-desc-unordered-list{padding-left:30px}.exp-desc-list{font-family:var(--prim-font);padding-bottom:40px;padding-left:10px}@media screen and (min-width:1025px) and (max-width:1440px){.exp-desc-title,.expDescCompany{font-size:24px}.exp-desc-headerSec2{font-size:15px}.exp-desc-body{font-size:18px}}@media screen and (max-width:768px){.exp-desc-component{margin-left:0;width:100%}.exp-desc-header{margin-bottom:16px}.exp-desc-headerSec1{flex-direction:column;gap:0;padding-bottom:12px}.exp-desc-title{font-size:18px;margin-left:0;padding-right:0}.expDescCompany{font-size:26px;-webkit-text-decoration:underline .15em #f8f4ee;text-decoration:underline .15em #f8f4ee}.exp-desc-headerSec2{flex-direction:column;font-size:14px}.exp-desc-location{margin-left:0;padding-right:0}.exp-desc-body{font-size:13px}.exp-desc-unordered-list{padding-left:15px}.exp-desc-list{padding-bottom:16px;padding-left:10px}}.proj-component{align-items:center;display:flex;height:auto;justify-content:center;transition:.5s;width:100vw}.proj-container{flex-direction:column;height:80%;justify-content:flex-start;width:80%}.proj-body,.proj-container{display:flex;position:relative}.proj-body{align-items:center;flex-direction:row;flex-wrap:wrap;height:auto;justify-content:center}.proj-body:hover>*{opacity:.3}.proj-body{pointer-events:none}.proj-body>*{pointer-events:auto}.proj-body:hover>:hover{background-color:rgba(8,131,131,.1);opacity:1}@media screen and (max-width:768px){.proj-container{width:92%}}.project-card-component{border:3px solid #000;border-radius:9px;display:flex;flex-direction:column;height:350px;margin:50px;position:relative;text-decoration:none;transition:.2s;width:330px}.project-card-header{display:flex;margin:30px 40px 0}.project-card-body{display:flex;height:auto;margin:0 40px}.project-card-footer{margin:auto 40px 30px}.project-card-body-sect,.project-card-footer-sect,.project-card-header-sect{display:flex;justify-content:center}.project-card-title{align-self:center;font-size:20px;font-weight:700}.project-card-desc,.project-card-title{color:#000;font-family:var(--prim-font)}.project-card-desc{font-size:15px;position:relative;top:20px}.project-card-tech{color:#000;display:flex;font-family:var(--prim-font);font-size:14px;font-weight:600;gap:12px}@media screen and (min-width:1025px) and (max-width:1440px){.project-card-component{border-radius:10px;height:300px;margin:30px;position:relative;width:265px}.project-card-title{font-size:15px}.project-card-desc{font-size:12px}.project-card-tech{font-size:11px}}@media screen and (max-width:500px){.project-card-component{border-radius:10px;height:300px;margin:20px;position:relative;width:100%}.project-card-title{font-size:18px}.project-card-desc{font-size:17px}.project-card-tech{font-size:13px}}.about-component{display:flex;height:100vh;width:100vw}.about-component,.about-container{align-items:center;justify-content:center;position:relative}.about-container{height:80%;text-align:center;width:40%}.highlight{background-color:initial}.nameMark{cursor:pointer}h2,p{font-family:var(--prim-font)}p{font-size:20px}@media screen and (min-width:1025px) and (max-width:1440px){.about-container{width:40%}h2{font-size:18px}p{font-size:15px}}@media screen and (max-width:1024px){.about-component{height:auto;min-height:100vh;padding:60px 0}.about-container{height:auto;width:70%}}@media screen and (max-width:768px){.about-component{padding:40px 0}.about-container{width:88%}h2{font-size:17px}p{font-size:14px}}.navBarComponent{background-color:rgba(7,102,102,.808);height:60px;position:-webkit-sticky;position:sticky;top:0;transition:.5s;width:100%;z-index:1000}.navBarContainer{align-items:center;display:flex;font-family:var(--prim-font);height:60px;justify-content:space-between;padding:0 20px;width:100%}.navNameContainer{display:flex}.firstName{color:#fff}.lastName{color:var(--tert-txt-color)}.firstName,.lastName{font-size:20px;margin-right:5px}.firstNameEng,.lastNameEng{font-family:var(--heading-font)}.firstNameTh,.lastNameTh{font-family:var(--thai-font)}.navName:hover{cursor:pointer;-webkit-user-select:none;user-select:none}.navMenu{display:flex;gap:20px;margin-right:20px}.navBtn{background-color:initial;border:none;color:#fff;font-family:var(--heading-font);font-size:20px;-webkit-text-decoration:underline .15em hsla(0,0%,100%,0);text-decoration:underline .15em hsla(0,0%,100%,0);transition:-webkit-text-decoration-color .3s;transition:text-decoration-color .3s;transition:text-decoration-color .3s,-webkit-text-decoration-color .3s}.navBtn:hover{cursor:pointer;-webkit-text-decoration-color:var(--dm-sec-txt-color);text-decoration-color:var(--dm-sec-txt-color)}.hamburger{background:transparent;border:none;cursor:pointer;display:none;flex-direction:column;gap:5px;justify-content:center;padding:5px}.hamburger-line{background-color:#fff;display:block;height:2px;transition:.3s;width:22px}.mobileMenu{background-color:rgba(7,102,102,.97);display:flex;flex-direction:column;left:0;padding:8px 0;position:absolute;top:60px;width:100%;z-index:999}.mobileMenuBtn{background-color:initial;border:none;color:#fff;cursor:pointer;font-family:var(--prim-font);font-size:17px;padding:12px 24px;text-align:left;width:100%}.mobileMenuBtn:hover{background-color:hsla(0,0%,100%,.1)}@media (max-width:1024px){.navMenu{display:none}.hamburger{display:flex}}:root{--prim-bg-color:#aad4f3;--sec-bg-color:#86b9df;--tert-bg-color:#89b2d1;--quat-bg-color:#175d8d;--quin-bg-color:#104265;--prim-txt-color:#89b2d1;--sec-txt-color:#175d8d;--tert-txt-color:#104265;--quat-txt-color:#fff;--thai-font:"Prompt",sans-serif;--prim-font:"JetBrains Mono",serif;--std-bg-color:#fff}h1{margin-bottom:10px;margin-top:10px}h2{margin-top:0}body{background-color:#fff;margin:0;overflow-x:hidden}.header-txt{font-size:50px;font-weight:700}.header-txt,.sub-txt{color:#000;font-family:JetBrains Mono,serif;font-family:var(--prim-font);height:auto;text-align:center}.sub-txt{font-size:20px;font-weight:300}@media screen and (max-width:1024px){.header-txt{font-size:40px}.sub-txt{font-size:18px}}@media screen and (max-width:768px){.header-txt{font-size:28px}.sub-txt{font-size:15px}}
/*# sourceMappingURL=main.e9812e49.css.map*/