@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.0bjc5tiuqdqro.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.0m6w47a4e5dy9.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.11u06r12fd6v_.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.0wxq9webf.ew4.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.067x_6k0k23tk.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.16ipb6fqu393i.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.0q-301v4kxxnr.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_396b12ce-module__rRjk0G__className{font-family:Inter,Inter Fallback;font-style:normal}
.primary{color:var(--primary-color)}.brightness{transition:all .2s ease-in-out}.brightness:hover{filter:brightness(2)}.emoji{filter:drop-shadow(2px 2px 25px var(--box-shadow-color))!important}
*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--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;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.right-2{right:.5rem}.mx-5{margin-left:1.25rem;margin-right:1.25rem}.mx-auto{margin-left:auto;margin-right:auto}.my-5{margin-top:1.25rem;margin-bottom:1.25rem}.mb-3{margin-bottom:.75rem}.mb-5{margin-bottom:1.25rem}.ml-10{margin-left:2.5rem}.mt-10{margin-top:2.5rem}.mt-3{margin-top:.75rem}.mt-5{margin-top:1.25rem}.mt-8{margin-top:2rem}.flex{display:flex}.h-10{height:2.5rem}.h-full{height:100%}.w-full{width:100%}.transform{transform:translate(var(--tw-translate-x), 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))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-10{gap:2.5rem}.gap-7{gap:1.75rem}.p-5{padding:1.25rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}:root{--text-color:#000;--background-color:#fff;--primary-color:#1c457d;--secondary-color:#f6c580;--accent-color:#f36a36;--background-color-1:#f4ebe2;--background-color-2:#ccb6a8;--background-color-blur-1:#f4ebe240;--box-shadow-color:#00000040;--text-nav-size:1.5em;--text-pretitle-size:2em;--text-title-size:8em;--text-subtitle-size:3em;--image-home-emoji-size:5%;--image-title-emoji-size:170px;--image-emoji-size:25%;--image-emoji-2-size:13%;--image-selfie-width:40%;--image-selfie-height:80vh;--image-selfie-2-width:100%;--image-selfie-2-height:30vh;--text-selfie-left-width:60%;--text-list-size:1.8em;--text-description-size:2em;--text-title-skills-size:1.5em;--text-skills-element-size:.9em;--text-title-project:1.2em;--text-button-contact:1.1em;--blurred-size:blur(6.25px);--icon-nav-size:.7em;--padding-x-form:2em}@media (prefers-color-scheme:dark){:root{--text-color:#fff;--background-color:#1e1e1e;--primary-color:#f4ebe2;--secondary-color:#f36a36;--accent-color:#f6c580;--background-color-1:#1c457d;--background-color-2:#ccb6a8;--background-color-blur-1:#1c457d40;--box-shadow-color:#fff3}}:root[data-theme=light]{--text-color:#000;--background-color:#fff;--primary-color:#1c457d;--secondary-color:#f6c580;--accent-color:#f36a36;--background-color-1:#f4ebe2;--background-color-2:#ccb6a8;--background-color-blur-1:#f4ebe240;--box-shadow-color:#00000040}:root[data-theme=dark]{--text-color:#fff;--background-color:#1e1e1e;--primary-color:#f4ebe2;--secondary-color:#f36a36;--accent-color:#f6c580;--background-color-1:#1c457d;--background-color-2:#ccb6a8;--background-color-blur-1:#1c457d40;--box-shadow-color:#fff3}@font-face{font-family:soraRegular;src:url(../media/Sora-Regular.0hc2my5o9zjwt.ttf)}@font-face{font-family:soraBold;src:url(../media/Sora-Bold.07qs5n9d5l7zl.ttf)}@font-face{font-family:soraExtraBold;src:url(../media/Sora-ExtraBold.0_i-y5g4sded_.ttf)}@font-face{font-family:sarabunRegular;src:url(../media/Sarabun-Regular.0s2bxxaoz.6e6.ttf)}@font-face{font-family:sarabunBold;src:url(../media/Sarabun-Bold.0g1qkk5x1_n8d.ttf)}body{background:var(--background-color);color:var(--text-color);overflow-x:hidden}html,body{max-width:100%}h1,h2,h3,h4,h5,h6,.active{font-family:soraExtraBold}span{font-family:sarabunRegular}.container-page{width:100%;margin-bottom:150px;padding:50px}.container-page h1{font-size:var(--text-title-size);color:var(--accent-color);text-shadow:5px 2.5px 50px var(--box-shadow-color)}.container-nav{left:0;right:0;bottom:calc(env(safe-area-inset-bottom,0px) + 1.25rem);z-index:999;margin-bottom:2rem;position:fixed}.theme-toggle{z-index:20;border:1px solid var(--background-color-2);background:var(--background-color-blur-1);width:44px;height:44px;color:var(--text-color);box-shadow:2px 2px 20px var(--box-shadow-color);-webkit-backdrop-filter:var(--blurred-size);backdrop-filter:var(--blurred-size);border-radius:9999px;justify-content:center;align-items:center;display:flex;position:fixed;top:20px;right:20px}.theme-toggle:hover{opacity:.85}.container-nav nav{background:var(--background-color-blur-1);box-sizing:border-box;box-shadow:2px 2px 25px var(--box-shadow-color);-webkit-backdrop-filter:var(--blurred-size);backdrop-filter:var(--blurred-size);color:var(--primary-color);width:90%}.container-nav nav ul{flex-wrap:nowrap}.container-nav .icon-nav{display:none}.container-nav nav li{font-size:var(--text-nav-size)}.container-nav nav span{font-size:var(--icon-nav-size)}.icon-selector{display:none;position:absolute;top:-30px}.icon-selector.active{display:block}.container-home span.pretitle{font-size:var(--text-pretitle-size)}.container-home div.aka{font-size:var(--text-subtitle-size);flex-direction:row;display:flex}.container-home ul{font-family:sarabunRegular;font-size:var(--text-list-size)}.container-home .emoji{width:var(--image-home-emoji-size);display:inline}.triangles{z-index:-1;pointer-events:none;width:40%;height:100%;position:absolute;top:0;bottom:0;right:0}.triangle{z-index:-1;height:100%;position:absolute;top:0;bottom:0;right:0}.triangle-1{background-color:var(--primary-color);clip-path:polygon(100% 0,0% 0,100% 100%);width:90%}.triangle-2{background-color:var(--background-color-1);clip-path:polygon(100% 0,0% 0,100% 100%);width:60%}.triangle-3{background-color:var(--secondary-color);clip-path:polygon(100% 0,0% 0,100% 100%);width:30%}.words{text-indent:10px;display:inline}.words span{opacity:0;font-weight:700;position:absolute;overflow:hidden}.rotate span{animation:7.5s linear infinite rotateWord}.words span:nth-child(2){animation-delay:1.5s}.words span:nth-child(3){animation-delay:3s}.words span:nth-child(4){animation-delay:4.5s}.words span:nth-child(5){animation-delay:6s}@keyframes rotateWord{0%{opacity:0}2%{opacity:0;transform:translateY(-30px)}5%{opacity:1;transform:translateY(0)}17%{opacity:1;transform:translateY(0)}20%{opacity:0;transform:translateY(30px)}80%{opacity:0}to{opacity:0}}@media screen and (max-width:420px){.words{text-indent:0;display:block}}.container-who{justify-content:space-evenly;gap:25px;display:flex}.container-who .left{width:var(--text-selfie-left-width)}.container-who .right{width:var(--image-selfie-width);height:var(--image-selfie-height);z-index:-1;background:url(../media/MacSelfie.13nxs_n~ugx_8.jpg) 0/cover no-repeat;position:relative}.container-who .right .emoji{width:var(--image-emoji-size);position:absolute}.container-who .right .selfie-basketball{bottom:-50px;right:25px;transform:rotate(30deg)}.container-who .right .selfie-fire{bottom:15px;left:-90px;transform:rotate(-20deg)}.container-who .right .selfie-surfing{top:-50px;right:-50px}.container-who .right-2{width:var(--image-selfie-2-width);height:var(--image-selfie-2-height);z-index:-1;background:url(../media/MacSelfie.13nxs_n~ugx_8.jpg) 50%/cover no-repeat;display:none;position:relative}.container-who .right-2 .emoji{width:var(--image-emoji-2-size);position:absolute}.container-who .right-2 .selfie-basketball{bottom:-50px;right:200px;transform:rotate(30deg)}.container-who .right-2 .selfie-fire{bottom:15px;left:-50px;transform:rotate(-20deg)}.container-who .right-2 .selfie-surfing{top:-50px;right:-50px}.container-who div.adjectives{font-size:var(--text-subtitle-size)}.container-who .short-description{font-size:var(--text-description-size);margin-top:90px}.container-who .skills{margin-top:25px}.container-who .skills h3{font-size:var(--text-title-skills-size)}.container-skills{font-size:var(--text-skills-element-size);flex-wrap:wrap;gap:25px;margin-top:10px;display:flex}.mac-chip{background-color:var(--background-color-1);color:var(--primary-color);padding:10px 25px;font-family:soraBold}.container-work .emoji{width:var(--image-title-emoji-size)}.container-projects{flex-flow:wrap;gap:25px;display:flex}.container-projects .project{background-color:var(--background-color-1);flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:20px;display:flex;position:relative}.container-projects .project .project-title{font-size:var(--text-title-project)}.container-contact .emoji{width:var(--image-title-emoji-size)}.container-contact .container-form,.container-contact .container-mac-links{padding-left:var(--padding-x-form);padding-right:var(--padding-x-form)}.container-contact .container-form input,.container-contact .container-form textarea{border:1px solid var(--background-color-2);background-color:var(--background-color);width:100%;color:var(--text-color);caret-color:var(--text-color);padding:10px 20px;font-family:sarabunRegular}.container-contact .container-form input::-moz-placeholder{color:var(--text-color);opacity:.55}.container-contact .container-form textarea::-moz-placeholder{color:var(--text-color);opacity:.55}.container-contact .container-form input::placeholder,.container-contact .container-form textarea::placeholder{color:var(--text-color);opacity:.55}.container-contact .container-form input:focus,.container-contact .container-form textarea:focus{background-color:var(--background-color-1)}.container-contact .container-form input{height:50px}.container-contact .container-form textarea{min-height:50px;max-height:250px}.container-contact .container-form button{background-color:var(--accent-color);width:100%;height:60px;color:var(--background-color);font-family:sarabunBold;font-size:var(--text-button-contact)}@media (min-width:1900px){:root{--text-pretitle-size:3em;--text-title-size:9em;--image-home-emoji-size:5%;--text-subtitle-size:3em}}@media (min-width:1500px){:root{--text-nav-size:2em;--text-pretitle-size:2.5em;--text-title-size:8em;--image-home-emoji-size:4.5%;--text-subtitle-size:2.5em;--image-selfie-width:40%;--image-selfie-height:80vh;--text-selfie-left-width:60%;--text-list-size:2em;--text-description-size:2em;--text-title-skills-size:2em;--text-skills-element-size:1.1em;--text-title-project:2em;--text-button-contact:1.5em;--icon-nav-size:3em;--padding-x-form:15em}.container-nav nav{width:50%}}@media (max-width:1500px){:root{--image-selfie-width:35%;--image-selfie-height:65vh;--text-selfie-left-width:65%;--image-title-emoji-size:150px}}@media (max-width:1400px){:root{--text-nav-size:1.5em;--text-pretitle-size:3em;--text-title-size:7em;--text-subtitle-size:2.5em;--text-description-size:1.8em;--image-home-emoji-size:7%;--image-title-emoji-size:130px}}@media (max-width:1300px){:root{--image-emoji-size:40%;--image-home-emoji-size:8%;--image-title-emoji-size:120px}}@media (max-width:1250px){:root{--text-nav-size:1.5em;--text-pretitle-size:3em;--text-title-size:6.5em;--text-subtitle-size:2.5em;--text-description-size:1.8em;--image-selfie-width:30%;--image-selfie-height:70vh;--text-selfie-left-width:70%;--image-home-emoji-size:9%}.container-skills{gap:15px}}@media (max-width:1100px){:root{--text-selfie-left-width:100%;--image-home-emoji-size:10%}.container-page{padding:25px}.container-who .right{display:none}.container-who .right-2{display:block}}@media (max-width:800px){:root{--text-nav-size:1.3em;--text-pretitle-size:2em;--text-title-size:5em;--text-subtitle-size:2.5em;--text-list-size:2.1em;--image-home-emoji-size:12%;--image-title-emoji-size:90px}.container-nav{bottom:calc(env(safe-area-inset-bottom,0px) + 1.75em);z-index:999;margin-bottom:0;padding-left:.5rem;padding-right:.5rem}.container-nav nav{width:65%;height:auto;padding:.85rem}.container-nav nav ul{justify-content:center;gap:2rem}.container-nav nav li+li{margin-left:1.5rem}.container-nav nav li a{padding-left:.35rem;padding-right:.35rem}}@media (max-width:900px){.container-nav .text-nav{display:none}.container-nav .icon-nav{display:block}}@media (max-width:700px){:root{--image-emoji-2-size:20%}.container-who .right-2 .selfie-basketball{bottom:-25px;right:70px}.container-who .right-2 .selfie-fire{bottom:7px;left:-30px}.container-who .right-2 .selfie-surfing{top:-25px;right:-25px}}@media (max-width:600px){:root{--text-pretitle-size:1.7em;--text-title-size:4em;--text-subtitle-size:1.6em;--text-description-size:1.6em;--text-list-size:1.7em;--image-home-emoji-size:10%;--image-selfie-2-height:25vh}.container-nav .text-nav{display:none}.container-nav .icon-nav{display:block}.container-who div.adjectives{margin-bottom:-20px}}@media (max-width:500px){:root{--text-pretitle-size:1.4em;--text-title-size:3.7em;--text-subtitle-size:1.3em;--text-description-size:1.3em;--text-list-size:1.4em;--image-home-emoji-size:9%}.akas-home{margin-left:10px}.container-nav nav ul{gap:.35rem}}@media (max-width:400px){:root{--text-pretitle-size:1.2em;--text-title-size:2.8em;--text-subtitle-size:1.1em;--text-description-size:1.1em;--text-list-size:1.2em;--image-home-emoji-size:9%}}