@import "https://fonts.googleapis.com/css2?family=Kanit:wght@100;200;300;400;500;600;700;800&display=swap";
@import "https://fonts.googleapis.com/css2?family=Charm:wght@400;700&family=Charmonman:wght@400;700&display=swap";
@font-face{font-family:geistSans;src:url(../media/GeistVF-s.p.4c3c0b96.woff)format("woff");font-display:swap;font-weight:100 900}@font-face{font-family:geistSans Fallback;src:local(Arial);ascent-override:85.83%;descent-override:20.52%;line-gap-override:9.33%;size-adjust:107.19%}.geistsans_8bb8481-module__df2AcW__className{font-family:geistSans,geistSans Fallback}.geistsans_8bb8481-module__df2AcW__variable{--font-geist-sans:"geistSans","geistSans Fallback"}
@font-face{font-family:geistMono;src:url(../media/GeistMonoVF-s.p.2cee7d16.woff)format("woff");font-display:swap;font-weight:100 900}@font-face{font-family:geistMono Fallback;src:local(Arial);ascent-override:69.97%;descent-override:16.73%;line-gap-override:7.61%;size-adjust:131.49%}.geistmono_569f450f-module__ZaK3oW__className{font-family:geistMono,geistMono Fallback}.geistmono_569f450f-module__ZaK3oW__variable{--font-geist-mono:"geistMono","geistMono Fallback"}
:root{--navy:#16325b;--blue:#3894ff;--dark-blue:#1b77ee;--yellow:#ffdc50;--off-white:#faf3f1;--red:#dc4a44;--gray:#323232;--dark-gray:#111;--light-gray:#646464;--blue-transparent:#7f7f7f80;font-size:clamp(1.5rem,2vw,3rem)}*{box-sizing:border-box;margin:0;padding:0;font-family:Noto Sans Thai,sans-serif}body{background-color:var(--off-white)}@media (prefers-color-scheme:dark){body{background-color:var(--off-white)}}p{font-size:.7rem;font-weight:400}h1{font-weight:700}h2,h3{font-weight:600}h4{font-weight:500}h5{font-weight:400}h6{font-weight:100}.app{scroll-snap-type:y mandatory;color:var(--dark-gray);justify-content:center;align-items:center}.flex{align-items:center;display:flex}.icon-img{width:1rem;height:auto}.blue{color:var(--blue)}.red{color:var(--red)}.navy{color:var(--navy)}.off-white{color:var(--off-white)}.gray{color:var(--gray)}html{scroll-snap-type:y mandatory;scroll-behavior:smooth}@keyframes fadeIn{0%{opacity:0;transform:translateY(-30px)scale(1)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes scaleIn{0%{opacity:0;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes opacityIn{0%{opacity:0}to{opacity:1}}