/*! tailwindcss v2.2.4 | MIT License | https://tailwindcss.com */

/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */html{-moz-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.15;-webkit-text-size-adjust:100%}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji}hr{height:0;color:inherit}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}button{-webkit-appearance:button}legend{padding:0}progress{vertical-align:baseline}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}button{background-color:transparent;background-image:none}fieldset,ol,ul{margin:0;padding:0}ol,ul{list-style:none}html{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{font-family:inherit;line-height:inherit}*,:after,:before{box-sizing:border-box;border:0 solid}hr{border-top-width:1px}img{border-style:solid}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#a1a1aa}input:-ms-input-placeholder,textarea:-ms-input-placeholder{opacity:1;color:#a1a1aa}input::placeholder,textarea::placeholder{opacity:1;color:#a1a1aa}button{cursor:pointer}table{border-collapse:collapse}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}button,input,optgroup,select,textarea{padding:0;line-height:inherit;color:inherit}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}*,:after,:before{--tw-border-opacity:1;border-color:rgba(228,228,231,var(--tw-border-opacity))}.absolute{position:absolute}.sticky{position:sticky}.top-0{top:0}.z-10{z-index:10}.col-start-1{grid-column-start:1}.col-start-3{grid-column-start:3}.col-start-5{grid-column-start:5}.col-end-5{grid-column-end:5}.col-end-6{grid-column-end:6}.col-end-7{grid-column-end:7}.mx-5{margin-left:1.25rem;margin-right:1.25rem}.mx-16{margin-left:4rem;margin-right:4rem}.mx-auto{margin-left:auto;margin-right:auto}.mt-3{margin-top:.75rem}.mt-5{margin-top:1.25rem}.mt-7{margin-top:1.75rem}.mt-8{margin-top:2rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-16{margin-top:4rem}.mt-24{margin-top:6rem}.mt-48{margin-top:12rem}.mr-10{margin-right:2.5rem}.mb-3{margin-bottom:.75rem}.mb-5{margin-bottom:1.25rem}.mb-10{margin-bottom:2.5rem}.ml-3{margin-left:.75rem}.ml-6{margin-left:1.5rem}.block{display:block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-most{height:80vh}.w-auto{width:auto}.w-5\/6{width:83.333333%}.w-full{width:100%}.flex-initial{flex:0 1 auto}.flex-none{flex:none}.transform{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(1turn)}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}.cursor-pointer{cursor:pointer}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.flex-row-reverse{flex-direction:row-reverse}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.gap-4{gap:1rem}.overflow-clip{text-overflow:clip}.rounded-full{border-radius:9999px}.border-b{border-bottom-width:1px}.bg-white{--tw-bg-opacity:1;background-color:rgba(242,242,242,var(--tw-bg-opacity))}.bg-plain-white{--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.p-2{padding:.5rem}.p-7{padding:1.75rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-44{padding-top:11rem;padding-bottom:11rem}.pt-4{padding-top:1rem}.pt-10{padding-top:2.5rem}.pt-12{padding-top:3rem}.pt-16{padding-top:4rem}.pt-24{padding-top:6rem}.pr-4{padding-right:1rem}.pb-2{padding-bottom:.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-cousine{font-family:Cousine,sans-serif}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem}.text-lg,.text-xl{line-height:1.75rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.font-thin{font-weight:100}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-black{font-weight:900}.tracking-widest{letter-spacing:.1em}.text-black{--tw-text-opacity:1;color:rgba(38,38,38,var(--tw-text-opacity))}.text-green{--tw-text-opacity:1;color:rgba(33,191,101,var(--tw-text-opacity))}.hover\:underline:hover{text-decoration:underline}*,:after,:before{--tw-shadow:0 0 transparent;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,0.5);--tw-ring-offset-shadow:0 0 transparent;--tw-ring-shadow:0 0 transparent}.drop-shadow-xl{--tw-drop-shadow:drop-shadow(0 20px 13px rgba(0,0,0,0.03)) drop-shadow(0 8px 5px rgba(0,0,0,0.08))}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition{transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}body{background-color:"#F2EDEB";padding:0;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.hl{display:inline-block;position:relative;text-decoration:none;transition:.3s;z-index:2}.hl:after{left:50%}.hl:after,.hl:before{background:#39bf81;opacity:.5;transform:translate(10%,70%);height:60%;bottom:5%;content:"";position:absolute;top:5%;transition:.3s;width:50%;z-index:-1}.light-hl{display:inline-block;position:relative;text-decoration:none;transition:.3s;z-index:2}.light-hl:after{left:50%}.light-hl:after,.light-hl:before{background:#39bf81;transform:translate(10%,70%);height:60%;bottom:5%;content:"";position:absolute;top:5%;transition:.3s;width:50%;opacity:.3;z-index:-1}.gradient-text{background:linear-gradient(90deg,#0e98b7,#0378a6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.bg-img{background-image:url(/globe.png);background-repeat:no-repeat;background-position:100%;background-size:contain}.main-container{height:100%}.curved-end{display:block}.titleItem{height:30px;font-size:24px}.titleItem:hover{font-size:25px}@font-face{font-family:Cousine;src:url(/fonts/Cousine-Regular.ttf);font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Cousine;src:url(/fonts/Cousine-Bold.ttf);font-style:bold;font-weight:500;font-display:swap}@media (min-width:768px){.leftcol{border-right:.1px grey;border-style:solid}}.animation-rotate{animation:rotation 25s linear infinite}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}.header-line{margin-top:-5px;margin-right:10px;background-color:#39bf81;color:#39bf81;padding-top:5px;padding-bottom:5px}.glitch{color:#fff;font-size:100px;position:relative;width:400px;margin:0 auto}@keyframes noise-anim{0%{clip:rect(9px,9999px,11px,0)}5%{clip:rect(46px,9999px,73px,0)}10%{clip:rect(39px,9999px,5px,0)}15%{clip:rect(69px,9999px,17px,0)}20%{clip:rect(16px,9999px,8px,0)}25%{clip:rect(65px,9999px,1px,0)}30%{clip:rect(57px,9999px,18px,0)}35%{clip:rect(73px,9999px,73px,0)}40%{clip:rect(6px,9999px,76px,0)}45%{clip:rect(58px,9999px,97px,0)}50%{clip:rect(83px,9999px,82px,0)}55%{clip:rect(1px,9999px,21px,0)}60%{clip:rect(70px,9999px,1px,0)}65%{clip:rect(49px,9999px,79px,0)}70%{clip:rect(50px,9999px,48px,0)}75%{clip:rect(30px,9999px,8px,0)}80%{clip:rect(59px,9999px,26px,0)}85%{clip:rect(74px,9999px,92px,0)}90%{clip:rect(34px,9999px,29px,0)}95%{clip:rect(6px,9999px,60px,0)}to{clip:rect(76px,9999px,96px,0)}}.glitch:after{content:"GAN MONGKLAKORN";position:absolute;left:2px;text-shadow:-1px 0 #0378a6;top:0;color:#fff;overflow:hidden;clip:rect(0,900px,0,0);animation:noise-anim 30s linear infinite alternate-reverse}@keyframes noise-anim-2{0%{clip:rect(55px,9999px,55px,0)}5%{clip:rect(3px,9999px,16px,0)}10%{clip:rect(54px,9999px,53px,0)}15%{clip:rect(40px,9999px,35px,0)}20%{clip:rect(64px,9999px,32px,0)}25%{clip:rect(31px,9999px,78px,0)}30%{clip:rect(25px,9999px,76px,0)}35%{clip:rect(24px,9999px,60px,0)}40%{clip:rect(41px,9999px,47px,0)}45%{clip:rect(68px,9999px,84px,0)}50%{clip:rect(82px,9999px,62px,0)}55%{clip:rect(82px,9999px,77px,0)}60%{clip:rect(46px,9999px,97px,0)}65%{clip:rect(54px,9999px,57px,0)}70%{clip:rect(66px,9999px,63px,0)}75%{clip:rect(79px,9999px,50px,0)}80%{clip:rect(41px,9999px,78px,0)}85%{clip:rect(2px,9999px,58px,0)}90%{clip:rect(41px,9999px,72px,0)}95%{clip:rect(49px,9999px,93px,0)}to{clip:rect(77px,9999px,42px,0)}}.glitch:before{content:"GAN MONGKLAKORN";position:absolute;left:-2px;text-shadow:1px 0 #00f;top:0;color:#fff;overflow:hidden;clip:rect(0,900px,0,0);animation:noise-anim-2 30s linear infinite alternate-reverse}.image-container{width:50vw;height:50vh;position:relative}.image-container .image{width:100%;position:relative!important;-o-object-fit:cover;object-fit:cover;height:unset!important}a.hoverable:hover{text-decoration:underline}li{line-height:2}#projects{scroll-margin-top:700px}@media (min-width:768px){.md\:mx-16{margin-left:4rem;margin-right:4rem}.md\:mt-0{margin-top:0}.md\:grid{display:grid}.md\:flex-grow{flex-grow:1}.md\:p-4{padding:1rem}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:px-20{padding-left:5rem;padding-right:5rem}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}}@media (min-width:1024px){.lg\:col-start-4{grid-column-start:4}.lg\:col-end-3{grid-column-end:3}.lg\:flex{display:flex}.lg\:grid{display:grid}}@media (min-width:1280px){.xl\:mt-0{margin-top:0}.xl\:inline{display:inline}.xl\:flex{display:flex}.xl\:w-5\/6{width:83.333333%}.xl\:text-6xl{font-size:3.75rem;line-height:1}}