.dropdown{background-color:#fff;border-radius:.5rem;box-shadow:0 10px 15px -3px rgba(46,41,51,.08),0 4px 6px -2px rgba(71,63,79,.16);display:none;font-size:.875rem;left:auto;list-style:none;min-width:10rem;padding:.5rem 0;position:absolute;z-index:9999}.dropdown.show{display:block}.dropdown .dropdown-submenu{left:100%;position:absolute;top:-7px}.menu-items{color:#000;font-size:.1vw;list-style-type:none;padding:.7rem 1rem;text-decoration:none}.menu-items a{display:block;font-size:15px;padding:0;text-decoration:none}.menu-items a,.menu-items button{align-items:center;background-color:initial;border:none;color:inherit;cursor:pointer;width:100%}.menu-items button{display:flex;font-size:1vw}.menu-items button,.menu-items>a{text-align:left}.menu-items a:hover,.menu-items button:hover{background-color:#f2f2f2}.menus{flex-wrap:wrap;list-style:none}.header,.menus{align-items:center;display:flex;justify-content:center}.header{height:7vh;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:100}.header-bar{align-items:center;background-color:#e0e0e0;border-bottom-left-radius:25px;border-bottom-right-radius:25px;display:flex;flex-direction:row;height:100%;justify-content:space-between;padding-left:1vw;padding-right:1vw;width:70vw}.name{color:#000;cursor:pointer;font-style:italic}.name,.navbar{font-family:Kanit,sans-serif;font-weight:400}.navbar{display:flex;flex-direction:row}.home{text-decoration:none}.home,.home-act{color:#000;padding-right:1vw}.home-act{-webkit-text-decoration-line:underline;text-decoration-line:underline}.projects{text-decoration:none}.projects,.projects-act{color:#000;padding-right:1vw}.projects-act{text-decoration:underline}.about{text-decoration:none}.about,.about-act{color:#000;padding-right:1vw}.about-act{text-decoration:underline}.resume{text-decoration:none}.resume,.resume-act{color:#000;padding-right:1vw}.resume-act{text-decoration:underline}.chat{color:#000;text-decoration:none}.chat-act{color:#000;text-decoration:underline}.foot{align-items:center;display:flex;flex-direction:column;height:10vh;justify-content:center;width:100%}.foot-wrapper{display:flex;flex-direction:row}.signature{color:#000;font-family:Kanit,sans-serif;font-size:12px;font-weight:400;padding-top:1vh;text-align:center}.i{border-color:#e0e0e0;border-radius:25px;border-style:solid;flex-direction:row;font-family:Kanit,sans-serif;height:80vh;margin:2vh auto 0;width:90vw}.i,.i-left{display:flex;justify-content:center}.i-left,.i-right{align-items:center;flex:1 1}.i-right{display:flex;justify-content:center}.i-left-wrapper{display:flex;flex-direction:column;height:50%;justify-content:space-between;padding:50px}.i-intro{font-size:30px;font-weight:300}.i-name{font-size:60px}.i-title{height:50px;overflow:hidden}.i-title-wrapper{-webkit-animation:move 15s ease-in-out infinite alternate;animation:move 15s ease-in-out infinite alternate;height:100%}@-webkit-keyframes move{20%{-webkit-transform:translateY(-50px);transform:translateY(-50px)}40%{-webkit-transform:translateY(-100px);transform:translateY(-100px)}60%{-webkit-transform:translateY(-150px);transform:translateY(-150px)}80%{-webkit-transform:translateY(-200px);transform:translateY(-200px)}to{-webkit-transform:translateY(-250px);transform:translateY(-250px)}}@keyframes move{20%{-webkit-transform:translateY(-50px);transform:translateY(-50px)}40%{-webkit-transform:translateY(-100px);transform:translateY(-100px)}60%{-webkit-transform:translateY(-150px);transform:translateY(-150px)}80%{-webkit-transform:translateY(-200px);transform:translateY(-200px)}to{-webkit-transform:translateY(-250px);transform:translateY(-250px)}}.i-title-item{align-items:center;background-color:#fff;color:green;display:flex;font-size:30px;font-weight:700;height:50px}.i-img{height:90%;object-fit:contain;padding-top:2%;width:90%}.about-container{align-items:center;display:flex;flex-direction:column;font-family:Kanit,sans-serif;width:100%}.about-header{color:#000;font-style:italic;font-weight:600;padding-top:1vh}.about-gallery{height:auto;margin-top:.2vh;width:70vw}.about-paragraphs{margin-bottom:4vh;margin-top:2vh;text-align:center;width:70vw}.image-gallery-icon{-webkit-appearance:none;appearance:none;background-color:initial;border:0;color:#fff;cursor:pointer;-webkit-filter:drop-shadow(0 2px 2px #1a1a1a);filter:drop-shadow(0 2px 2px #1a1a1a);outline:none;position:absolute;transition:all .3s ease-out;z-index:4}@media(hover:hover)and (pointer:fine){.image-gallery-icon:hover{color:#337ab7}.image-gallery-icon:hover .image-gallery-svg{-webkit-transform:scale(1.1);transform:scale(1.1)}}.image-gallery-icon:focus{outline:2px solid #337ab7}.image-gallery-using-mouse .image-gallery-icon:focus{outline:none}.image-gallery-fullscreen-button,.image-gallery-play-button{bottom:0;padding:20px}.image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{height:28px;width:28px}@media(max-width:768px){.image-gallery-fullscreen-button,.image-gallery-play-button{padding:15px}.image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{height:24px;width:24px}}@media(max-width:480px){.image-gallery-fullscreen-button,.image-gallery-play-button{padding:10px}.image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{height:16px;width:16px}}.image-gallery-fullscreen-button{right:0}.image-gallery-play-button{left:0}.image-gallery-left-nav,.image-gallery-right-nav{padding:50px 10px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{height:120px;width:60px}@media(max-width:768px){.image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{height:72px;width:36px}}@media(max-width:480px){.image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{height:48px;width:24px}}.image-gallery-left-nav[disabled],.image-gallery-right-nav[disabled]{cursor:disabled;opacity:.6;pointer-events:none}.image-gallery-left-nav{left:0}.image-gallery-right-nav{right:0}.image-gallery{-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;-webkit-user-select:none;-o-user-select:none;user-select:none}.image-gallery.fullscreen-modal{background:#000;bottom:0;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:5}.image-gallery.fullscreen-modal .image-gallery-content{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.image-gallery-content{line-height:0;position:relative;top:0}.image-gallery-content.fullscreen{background:#000}.image-gallery-content .image-gallery-slide .image-gallery-image{max-height:calc(100vh - 80px)}.image-gallery-content.left .image-gallery-slide .image-gallery-image,.image-gallery-content.right .image-gallery-slide .image-gallery-image{max-height:100vh}.image-gallery-slide-wrapper{position:relative}.image-gallery-slide-wrapper.left,.image-gallery-slide-wrapper.right{display:inline-block;width:calc(100% - 110px)}@media(max-width:768px){.image-gallery-slide-wrapper.left,.image-gallery-slide-wrapper.right{width:calc(100% - 87px)}}.image-gallery-slide-wrapper.image-gallery-rtl{direction:rtl}.image-gallery-slides{line-height:0;overflow:hidden;position:relative;text-align:center;white-space:nowrap}.image-gallery-slide{left:0;position:absolute;top:0;width:100%}.image-gallery-slide.center{position:relative}.image-gallery-slide .image-gallery-image{object-fit:contain;width:100%}.image-gallery-slide .image-gallery-description{background:rgba(0,0,0,.4);bottom:70px;color:#fff;left:0;line-height:1;padding:10px 20px;position:absolute;white-space:normal}@media(max-width:768px){.image-gallery-slide .image-gallery-description{bottom:45px;font-size:.8em;padding:8px 15px}}.image-gallery-bullets{bottom:20px;left:0;margin:0 auto;position:absolute;right:0;width:80%;z-index:4}.image-gallery-bullets .image-gallery-bullets-container{margin:0;padding:0;text-align:center}.image-gallery-bullets .image-gallery-bullet{-webkit-appearance:none;appearance:none;background-color:initial;border:1px solid #fff;border-radius:50%;box-shadow:0 2px 2px #1a1a1a;cursor:pointer;display:inline-block;margin:0 5px;outline:none;padding:5px;transition:all .2s ease-out}@media(max-width:768px){.image-gallery-bullets .image-gallery-bullet{margin:0 3px;padding:3px}}@media(max-width:480px){.image-gallery-bullets .image-gallery-bullet{padding:2.7px}}.image-gallery-bullets .image-gallery-bullet:focus{background:#337ab7;border:1px solid #337ab7;-webkit-transform:scale(1.2);transform:scale(1.2)}.image-gallery-bullets .image-gallery-bullet.active{background:#fff;border:1px solid #fff;-webkit-transform:scale(1.2);transform:scale(1.2)}@media(hover:hover)and (pointer:fine){.image-gallery-bullets .image-gallery-bullet:hover{background:#337ab7;border:1px solid #337ab7}.image-gallery-bullets .image-gallery-bullet.active:hover{background:#337ab7}}.image-gallery-thumbnails-wrapper{position:relative}.image-gallery-thumbnails-wrapper.thumbnails-swipe-horizontal{touch-action:pan-y}.image-gallery-thumbnails-wrapper.thumbnails-swipe-vertical{touch-action:pan-x}.image-gallery-thumbnails-wrapper.thumbnails-wrapper-rtl{direction:rtl}.image-gallery-thumbnails-wrapper.left,.image-gallery-thumbnails-wrapper.right{display:inline-block;vertical-align:top;width:100px}@media(max-width:768px){.image-gallery-thumbnails-wrapper.left,.image-gallery-thumbnails-wrapper.right{width:81px}}.image-gallery-thumbnails-wrapper.left .image-gallery-thumbnails,.image-gallery-thumbnails-wrapper.right .image-gallery-thumbnails{height:100%;left:0;padding:0;position:absolute;top:0;width:100%}.image-gallery-thumbnails-wrapper.left .image-gallery-thumbnails .image-gallery-thumbnail,.image-gallery-thumbnails-wrapper.right .image-gallery-thumbnails .image-gallery-thumbnail{display:block;margin-right:0;padding:0}.image-gallery-thumbnails-wrapper.left .image-gallery-thumbnails .image-gallery-thumbnail+.image-gallery-thumbnail,.image-gallery-thumbnails-wrapper.right .image-gallery-thumbnails .image-gallery-thumbnail+.image-gallery-thumbnail{margin-left:0;margin-top:2px}.image-gallery-thumbnails-wrapper.left,.image-gallery-thumbnails-wrapper.right{margin:0 5px}@media(max-width:768px){.image-gallery-thumbnails-wrapper.left,.image-gallery-thumbnails-wrapper.right{margin:0 3px}}.image-gallery-thumbnails{overflow:hidden;padding:5px 0}@media(max-width:768px){.image-gallery-thumbnails{padding:3px 0}}.image-gallery-thumbnails .image-gallery-thumbnails-container{cursor:pointer;text-align:center;white-space:nowrap}.image-gallery-thumbnail{background:transparent;border:4px solid transparent;display:inline-block;padding:0;transition:border .3s ease-out;width:100px}@media(max-width:768px){.image-gallery-thumbnail{border:3px solid transparent;width:81px}}.image-gallery-thumbnail+.image-gallery-thumbnail{margin-left:2px}.image-gallery-thumbnail .image-gallery-thumbnail-inner{display:block;position:relative}.image-gallery-thumbnail .image-gallery-thumbnail-image{line-height:0;vertical-align:middle;width:100%}.image-gallery-thumbnail.active,.image-gallery-thumbnail:focus{border:4px solid #337ab7;outline:none}@media(max-width:768px){.image-gallery-thumbnail.active,.image-gallery-thumbnail:focus{border:3px solid #337ab7}}@media(hover:hover)and (pointer:fine){.image-gallery-thumbnail:hover{border:4px solid #337ab7;outline:none}}@media(hover:hover)and (pointer:fine)and (max-width:768px){.image-gallery-thumbnail:hover{border:3px solid #337ab7}}.image-gallery-thumbnail-label{box-sizing:border-box;color:#fff;font-size:1em;left:0;line-height:1em;padding:5%;position:absolute;text-shadow:0 2px 2px #1a1a1a;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);white-space:normal;width:100%}@media(max-width:768px){.image-gallery-thumbnail-label{font-size:.8em;line-height:.8em}}.image-gallery-index{background:rgba(0,0,0,.4);color:#fff;line-height:1;padding:10px 20px;position:absolute;right:0;top:0;z-index:4}@media(max-width:768px){.image-gallery-index{font-size:.8em;padding:5px 10px}}html{margin-left:calc(100vw - 100%);margin-right:0}.proj-container{align-items:center;display:flex;flex-direction:column;font-family:Kanit,sans-serif;margin:0}.proj-header{color:#000;font-style:italic;font-weight:600;padding-top:1vh}.p1{border-color:#e0e0e0;border-radius:25px;border-style:solid;flex-direction:row;font-family:Kanit,sans-serif;height:80vh;margin:2vh 0;width:90vw}.p1,.p1-left{display:flex;justify-content:center}.p1-left{flex:1 1;flex-direction:column}.p1-left-wrapper{align-items:center;display:flex;flex-direction:column;height:100%;padding:3vh}.p1-fan-wrapper{align-items:center;display:flex;flex-direction:row}.p1-fanIcon{border:1px solid #000;border-radius:10px;height:5vh;object-fit:contain;padding:2px;width:5vh}.p1-fanalyze{color:green;font-size:2.1vw;font-weight:600;padding-left:1vw}.p1-date{font-size:1.05vw;padding-top:1vh}.p1-stack{font-size:.782vw;padding-top:1vh}.p1-desc{font-size:.782vw;padding-top:2vh}.p1-ios-link{margin-top:auto}.p1-android-link{padding-top:1vh}.p1-right{align-items:center;display:flex;flex:1 1;justify-content:center}.image-gallery{height:auto;width:100%}.image-gallery-image{height:60vh;object-fit:contain;object-position:center center;overflow:hidden;width:100%}.fullscreen .image-gallery-slide img{height:100vh;justify-content:center}.p2{border-color:#e0e0e0;border-radius:25px;border-style:solid;flex-direction:row;font-family:Kanit,sans-serif;height:80vh;margin:2vh 0;width:90vw}.p2,.p2-left{display:flex;justify-content:center}.p2-left{flex:1 1;flex-direction:column}.p2-left-wrapper{align-items:center;display:flex;flex-direction:column;height:100%;padding:3vh}.p2-school-wrapper{align-items:center;display:flex;flex-direction:row}.p2-davisIcon{border:1px solid #000;border-radius:10px;height:5vh;object-fit:contain;padding:2px;width:5vh}.p2-school{color:#002855;font-size:2.1vw;font-weight:600;padding-left:1vw}.p2-date{font-size:1.05vw;padding-top:1vh}.p2-classes{font-size:.782vw;padding-top:1vh}.p2-desc{font-size:.782vw;padding-top:2vh}.p2-right{align-items:center;flex:1 1}.p2-right,.snake{display:flex;justify-content:center}.snake{border-color:#e0e0e0;border-radius:25px;border-style:solid;flex-direction:row;font-family:Kanit,sans-serif;height:80vh;margin:2vh 0;width:90vw}.snake-left{flex:1 1;justify-content:center}.snake-left,.snake-left-wrapper{display:flex;flex-direction:column}.snake-left-wrapper{align-items:center;height:100%;padding:3vh}.snake-title{color:#000;font-size:4.2vh;font-weight:600}.snake-desc{font-size:15px;padding-top:2vh}.source-git-link{margin-top:2vh}.snake-right{align-items:center;display:flex;flex:1 1;justify-content:center}.snake-link{padding-top:2vh}.snake-img{height:90%;object-fit:contain;padding-top:2%;width:90%}.res-page{align-items:center;display:flex;flex-direction:column;font-family:Kanit,sans-serif;width:100vw}.res-header{color:#000;font-style:italic;font-weight:600;padding-top:1vh}.pdf-wrapper{height:70vh;width:80vw}.nothing-container,.pdf-wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center}.nothing-container{padding-top:4vh}.chat-container{align-items:center;display:flex;flex-direction:column;font-family:Kanit,sans-serif;width:100vw}.chat-header{color:#000;font-style:italic;font-weight:600;padding-top:1vh}.snake-container{align-items:center;display:flex;flex-direction:row;font-family:Courier New,Courier,monospace;height:82vh;justify-content:center;margin:0;max-height:100%;max-width:100%;text-align:center;width:100vw}.snake-left-container{align-items:center;display:flex;flex:1 1;flex-direction:column}.snake-info-wrapper{align-self:flex-end;margin-right:3vw}.snake-name{font-size:3.7vw;font-weight:700;margin-bottom:2vh}.snake-keys{font-size:.8vw;font-style:italic}.grid-wrapper{display:flex;flex:1 1;flex-direction:row;justify-content:center}.snake-button{align-self:center;border-radius:15px;color:#000;cursor:pointer;font-size:1.5vw;height:10vh;position:absolute;width:13vw}.snake-button:hover{opacity:60%}.snake-right-container{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center}.snake-right-wrapper{align-self:flex-start;margin-left:3vw}.snake-score-wrapper{display:flex;flex-direction:column}.snake-score-text{font-size:3vw}.snake-bord{align-items:center;background-color:#000;border:4px solid #000;border-radius:20px;color:#fff;display:flex;height:10vh;justify-content:center;width:15vw}.snake-score{font-size:8vh;font-weight:600}.snake-start{color:#000;font-size:1.5vw;height:10vh;width:13vw}.apps-container{align-items:center;display:flex;flex-direction:column;font-family:Kanit,sans-serif;width:100vw}.apps-icons-container{align-items:center;display:flex;flex-direction:row;justify-content:center;margin-top:2vh}.apps-header{color:#000;font-style:italic;font-weight:600;padding-top:1vh}.snake-app-container{flex-direction:column;margin-right:3vw}.snake-app-container,.snake-icon{align-items:center;display:flex;justify-content:center}.snake-icon{background-color:#cab07f;border:2px solid #000;border-radius:15px;cursor:pointer;flex-direction:row;height:150px;width:150px}.snake-app-name{font-family:Kanit,sans-serif;font-size:20px;font-style:italic;font-weight:800}.snake-icon:hover{opacity:60%}.snake-img{height:100%;width:100%}.chat-app-container{flex-direction:column}.chat-app-container,.chat-icon{align-items:center;display:flex;justify-content:center}.chat-icon{background-color:#fff;border:2px solid #000;border-radius:15px;cursor:pointer;flex-direction:row;height:150px;width:150px}.chat-icon:hover{opacity:60%}.chat-app-name{font-family:Kanit,sans-serif;font-size:20px;font-style:italic;font-weight:800}.chat-app:hover{opacity:60%}.chat-img{height:100%;width:100%}*{margin:0;padding:0}.arrow:after{border-left:.32em solid transparent;border-right:.32em solid transparent;border-top:.42em solid;content:"";display:inline-block;margin-left:.28em;vertical-align:.09em}.content{margin:0 auto;max-width:1200px;padding:3rem 20px}.content h2{margin-bottom:1rem}.content a{color:#cc3852;margin-right:10px}
/*# sourceMappingURL=main.0e24b849.css.map*/