@import"https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Reddit+Mono:wght@200..900&family=Ubuntu+Sans+Mono:ital,wght@0,400..700;1,400..700&display=swap";@layer components;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@font-face{font-family:Optimal;src:url(/fonts/Optimal.ttf)}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-lime-100:oklch(96.7% .067 122.328);--color-lime-200:oklch(93.8% .127 124.321);--color-lime-300:oklch(89.7% .196 126.665);--color-lime-800:oklch(45.3% .124 130.933);--color-lime-900:oklch(40.5% .101 131.063);--color-cyan-100:oklch(95.6% .045 203.388);--color-cyan-200:oklch(91.7% .08 205.041);--color-cyan-300:oklch(86.5% .127 207.078);--color-cyan-800:oklch(45% .085 224.283);--color-cyan-900:oklch(39.8% .07 227.392);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--font-weight-light:300;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:.025em;--radius-sm:.25rem;--radius-lg:.5rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-kanit:"Kanit","sans-serif";--font-optimal:"Optimal","sans-serif";--color-home:#e7e5da}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}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-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);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}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-x-0{inset-inline:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.z-50{z-index:50}.my-\[10vh\]{margin-block:10vh}.ms-2{margin-inline-start:calc(var(--spacing)*2)}.ml-1\.5{margin-left:calc(var(--spacing)*1.5)}.ml-auto{margin-left:auto}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.h-3{height:calc(var(--spacing)*3)}.h-3\.5{height:calc(var(--spacing)*3.5)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-7{height:calc(var(--spacing)*7)}.h-\[20vh\]{height:20vh}.h-fit{height:fit-content}.h-full{height:100%}.h-screen{height:100vh}.max-h-\[90dvh\]{max-height:90dvh}.min-h-screen{min-height:100vh}.w-3{width:calc(var(--spacing)*3)}.w-3\.5{width:calc(var(--spacing)*3.5)}.w-5{width:calc(var(--spacing)*5)}.w-full{width:100%}.w-screen{width:100vw}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.flex-1{flex:1}.cursor-pointer{cursor:pointer}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-1{gap:calc(var(--spacing)*1)}.gap-3{gap:calc(var(--spacing)*3)}.gap-6{gap:calc(var(--spacing)*6)}.gap-12{gap:calc(var(--spacing)*12)}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))}.self-stretch{align-self:stretch}.overflow-auto{overflow:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm)}.rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.rounded-b{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.border-gray-200{border-color:#e5e7eb}.border-white{border-color:var(--color-white)}.bg-black{background-color:var(--color-black)}.bg-black\/90{background-color:#000000e6}@supports (color:color-mix(in lab,red,red)){.bg-black\/90{background-color:color-mix(in oklab,var(--color-black)90%,transparent)}}.bg-blue-100{background-color:#e1effe}.bg-cyan-100{background-color:var(--color-cyan-100)}.bg-gray-100{background-color:#f3f4f6}.bg-gray-200{background-color:#e5e7eb}.bg-gray-600{background-color:#4b5563}.bg-gray-900\/50{background-color:#11182780}.bg-green-100{background-color:#def7ec}.bg-home{background-color:var(--color-home)}.bg-indigo-100{background-color:#e5edff}.bg-lime-100{background-color:var(--color-lime-100)}.bg-pink-100{background-color:#fce8f3}.bg-purple-100{background-color:#edebfe}.bg-red-100{background-color:#fde8e8}.bg-teal-100{background-color:#d5f5f6}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-yellow-100{background-color:#fdf6b2}.p-1{padding:calc(var(--spacing)*1)}.p-1\.5{padding:calc(var(--spacing)*1.5)}.p-2{padding:calc(var(--spacing)*2)}.p-4{padding:calc(var(--spacing)*4)}.p-5{padding:calc(var(--spacing)*5)}.p-6{padding:calc(var(--spacing)*6)}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.px-10{padding-inline:calc(var(--spacing)*10)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-5{padding-block:calc(var(--spacing)*5)}.pt-0{padding-top:calc(var(--spacing)*0)}.text-center{text-align:center}.font-kanit{font-family:var(--font-kanit)}.font-optimal{font-family:var(--font-optimal)}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-\[125\%\]{--tw-leading:125%;line-height:125%}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.text-blue-800{color:#1e429f}.text-cyan-800{color:var(--color-cyan-800)}.text-gray-100{color:#f3f4f6}.text-gray-400{color:#9ca3af}.text-gray-800{color:#1f2937}.text-gray-900{color:#111827}.text-green-800{color:#03543f}.text-indigo-800{color:#42389d}.text-lime-800{color:var(--color-lime-800)}.text-pink-800{color:#99154b}.text-purple-800{color:#5521b5}.text-red-800{color:#9b1c1c}.text-teal-800{color:#05505c}.text-white{color:var(--color-white)}.text-yellow-800{color:#723b13}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.filter-\[invert\(100\%\)\]{filter:invert()}@media(hover:hover){.hover\:bg-blue-200:hover{background-color:#c3ddfd}.hover\:bg-cyan-200:hover{background-color:var(--color-cyan-200)}.hover\:bg-gray-200:hover{background-color:#e5e7eb}.hover\:bg-gray-300:hover{background-color:#d1d5db}.hover\:bg-gray-500:hover{background-color:#6b7280}.hover\:bg-gray-900:hover{background-color:#111827}.hover\:bg-green-200:hover{background-color:#bcf0da}.hover\:bg-indigo-200:hover{background-color:#cddbfe}.hover\:bg-lime-200:hover{background-color:var(--color-lime-200)}.hover\:bg-pink-200:hover{background-color:#fad1e8}.hover\:bg-purple-200:hover{background-color:#dcd7fe}.hover\:bg-red-200:hover{background-color:#fbd5d5}.hover\:bg-teal-200:hover{background-color:#afecef}.hover\:bg-yellow-200:hover{background-color:#fce96a}.hover\:text-gray-900:hover{color:#111827}}@media(min-width:40rem){.sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}@media(min-width:48rem){.md\:inset-0{inset:calc(var(--spacing)*0)}.md\:h-auto{height:auto}.md\:h-full{height:100%}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}}@media(prefers-color-scheme:dark){.dark\:border-gray-600{border-color:#4b5563}.dark\:bg-black\/90{background-color:#000000e6}@supports (color:color-mix(in lab,red,red)){.dark\:bg-black\/90{background-color:color-mix(in oklab,var(--color-black)90%,transparent)}}.dark\:bg-blue-200{background-color:#c3ddfd}.dark\:bg-cyan-200{background-color:var(--color-cyan-200)}.dark\:bg-gray-400{background-color:#9ca3af}.dark\:bg-gray-700{background-color:#374151}.dark\:bg-gray-900{background-color:#111827}.dark\:bg-gray-900\/80{background-color:#111827cc}.dark\:bg-green-200{background-color:#bcf0da}.dark\:bg-indigo-200{background-color:#cddbfe}.dark\:bg-lime-200{background-color:var(--color-lime-200)}.dark\:bg-pink-200{background-color:#fad1e8}.dark\:bg-purple-200{background-color:#dcd7fe}.dark\:bg-red-200{background-color:#fbd5d5}.dark\:bg-teal-200{background-color:#afecef}.dark\:bg-yellow-200{background-color:#fce96a}.dark\:text-blue-900{color:#233876}.dark\:text-cyan-800{color:var(--color-cyan-800)}.dark\:text-cyan-900{color:var(--color-cyan-900)}.dark\:text-gray-200{color:#e5e7eb}.dark\:text-gray-300{color:#d1d5db}.dark\:text-gray-900{color:#111827}.dark\:text-green-900{color:#014737}.dark\:text-indigo-900{color:#362f78}.dark\:text-lime-900{color:var(--color-lime-900)}.dark\:text-pink-900{color:#751a3d}.dark\:text-purple-900{color:#4a1d96}.dark\:text-red-900{color:#771d1d}.dark\:text-teal-900{color:#014451}.dark\:text-white{color:var(--color-white)}.dark\:text-yellow-900{color:#633112}@media(hover:hover){.dark\:hover\:bg-blue-300:hover{background-color:#a4cafe}.dark\:hover\:bg-cyan-300:hover{background-color:var(--color-cyan-300)}.dark\:hover\:bg-gray-500:hover{background-color:#6b7280}.dark\:hover\:bg-gray-600:hover{background-color:#4b5563}.dark\:hover\:bg-gray-700:hover{background-color:#374151}.dark\:hover\:bg-green-300:hover{background-color:#84e1bc}.dark\:hover\:bg-indigo-300:hover{background-color:#b4c6fc}.dark\:hover\:bg-lime-300:hover{background-color:var(--color-lime-300)}.dark\:hover\:bg-pink-300:hover{background-color:#f8b4d9}.dark\:hover\:bg-purple-300:hover{background-color:#cabffd}.dark\:hover\:bg-red-300:hover{background-color:#f8b4b4}.dark\:hover\:bg-teal-300:hover{background-color:#7edce2}.dark\:hover\:bg-yellow-300:hover{background-color:#faca15}.dark\:hover\:text-white:hover{color:var(--color-white)}}}}:root{--main-color:#373737}html{scroll-behavior:smooth;height:100%}a{text-decoration:none}a,a:visited{color:inherit}body,#root{width:100vw}p{font-size:1rem}.content{align-items:center;display:flex}.content .picture{flex:2;width:100%;display:block;position:relative}.content .picture img{opacity:0;border-radius:8px;width:100%;animation:42s infinite fade;position:absolute;top:0;left:0}.content .picture :first-child{position:relative}.content .picture img:first-child{animation-delay:0s}.content .picture img:nth-child(2){animation-delay:6s}.content .picture img:nth-child(3){animation-delay:12s}.content .picture img:nth-child(4){animation-delay:18s}.content .picture img:nth-child(5){animation-delay:24s}.content .picture img:nth-child(6){animation-delay:30s}.content .picture img:nth-child(7){animation-delay:36s}.content .text{flex:3;margin-left:5vh}@keyframes fade{0%,to{opacity:0}2.38%{opacity:1}14.29%{opacity:1}16.67%{opacity:0}}.contact,.photo{flex:1;align-self:flex-end;align-items:flex-end;margin-bottom:2vh;font-size:.8rem;display:flex}:is(.contact,.photo) a{text-decoration:none}@media screen and (max-width:800px){.content{flex-direction:column-reverse}.content img{width:100%;margin-top:2vh}.content .text{margin:0}.contact{margin-top:1vh}}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}