@import url(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&display=swap);@tailwind base;@tailwind components;@tailwind utilities;body{background-color:#fff;color:#000;height:100%;margin:0;width:100%}*,p{font-family:Karla,Arial,sans-serif;font-size:17px}.App{text-align:left}.active{background:#fff;position:fixed;top:0;transition:top .3s;z-index:99}.hidden{position:fixed;top:-10rem;transform:translateY(20px)}.navtext{display:inline-block;margin-left:.75rem;margin-right:.75rem;text-align:left}.navbar-wrapper{display:flex;justify-content:space-between;margin-bottom:.5rem;width:100vw}.navbar-items{display:flex;justify-content:center;padding:15px}.navbar-image,.navbar-items{margin:20px 15px}.logo{max-width:50px;width:50px}.home-container{min-height:100vh;width:100%}#home-component{align-items:center;justify-content:space-between;width:100%}#home-component,.home-section{display:flex;min-height:100vh;position:relative}.home-section{color:#000;flex-direction:column;justify-content:center;margin-left:213px;margin-right:5vh;margin-top:50px;max-width:600px;min-width:300px;transition:margin .5s;z-index:2}.home-section p{font-family:Kanit,sans-serif;font-size:25px;font-style:italic;font-weight:400;margin-bottom:10px;margin-top:20px}.home-section h1{font-family:Kanit,sans-serif;font-size:32px;font-style:normal;font-weight:500}@media screen and (min-width:1500px){.home-section{margin-left:20vw;margin-right:10vh}}@media screen and (min-width:1200px){.home-section{margin-right:10vh}}@media screen and (max-width:976px){.home-section{box-sizing:border-box;margin-left:100px;margin-right:50px;max-width:75rem;min-width:300px;padding:10px}}@media screen and (max-width:768px){.home-section{box-sizing:border-box;margin-left:55px;margin-right:20px;max-width:75rem;min-width:200px;padding:10px}.home-section p{font-size:17px}.character{width:40.57vw}}@media screen and (max-width:430px){.home-section{box-sizing:border-box;margin-left:40px;margin-right:0;max-width:75rem;min-width:200px;padding:10px}.home-section p{font-size:16px}}@media screen and (max-width:425px){.character{width:30vw}}.cv-button{background-color:#000;border:1px solid #000;border-radius:10px;color:#fff;min-width:150px;padding:18px 10px;text-align:center;width:20%}.cv-button:hover{background-color:#5d79db;color:#000}.home-img-container{align-items:flex-end;bottom:0;display:flex;justify-content:flex-end;pointer-events:none;position:absolute;right:0;z-index:1}.character{height:auto;max-width:600px;transform:scale(1);width:45vw}.section-heading,h2{font-size:28px;margin:0 0 24px;text-align:center}.section-heading,.subsection-heading,h2,h3{font-family:Kanit,sans-serif;font-style:normal;font-weight:500}.subsection-heading,h3{font-size:18px;margin:0 0 8px}.experience-container h2{font-family:Kanit,sans-serif;font-size:28px;font-style:normal;font-weight:500;text-align:center;width:100%}.section-container{margin:0 auto;max-width:900px;padding:20px}.section-container h2{margin:0 0 24px}.experience-list{display:flex;flex-direction:column;gap:44px}.exp-item{align-items:flex-start;display:flex;gap:28px;justify-content:space-between}.exp-left{flex:1 1;min-width:0}.exp-company{font-family:Kanit,sans-serif;font-size:18px;font-weight:500;letter-spacing:-.02em;margin:0}.exp-role{font-size:18px;line-height:1.35;margin:10px 0 0}.exp-desc{font-size:16px;line-height:1.55;margin:10px 0 0}.exp-link{display:inline-block;font-size:15px;font-style:italic;margin-top:14px;opacity:.75;text-decoration:none}.exp-link:hover{opacity:1;text-decoration:underline}.exp-right{align-items:flex-end;display:flex;flex:0 0 220px;flex-direction:column;width:220px}.exp-date{font-size:18px;margin-bottom:10px;opacity:.75;white-space:nowrap}.exp-doodleWrap{max-width:130%;width:240px}.exp-doodle{display:block;height:auto;object-fit:contain;width:100%}.projects-container h2{font-family:Kanit,sans-serif;font-size:28px;font-style:normal;font-weight:500;text-align:center}.project-tech{font-size:15px;line-height:1.5;margin-top:10px;opacity:.85}.project-tech-label{font-style:italic;opacity:.8}.about-container{width:100%}.about-row{align-items:flex-start;display:flex;gap:100px;justify-content:space-between}.about-left{flex:1 1;min-width:0}.about-text{font-size:18px;line-height:1.6;margin:0;max-width:520px}.about-right{display:flex;flex:0 0 280px;justify-content:flex-end;width:280px}.about-photoWrap{width:100%}.about-photo{display:block;height:auto;object-fit:cover;object-position:50% 30%;width:100%}.about-drawingWrap{display:flex;justify-content:center;margin-top:28px;width:100%}.about-drawing{display:block;height:auto;opacity:.9;width:min(520px,100%)}.inline-link{color:inherit;text-decoration:underline}.inline-link:hover{opacity:.7}@media (max-width:720px){.section-container{padding:20px 16px}.exp-item{flex-direction:row;gap:16px}.exp-right{align-items:flex-end;flex:0 0 120px;width:120px}.exp-doodleWrap{width:100px}.exp-date{font-size:14px}.exp-company{font-size:16px}.exp-desc,.exp-role{font-size:14px}.about-row{flex-direction:row;gap:40px}.about-right{flex:0 0 150px;justify-content:flex-end;width:150px}.about-photoWrap{width:100%}.about-text{font-size:16px}.about-drawing{width:min(400px,100%)}}.projects-section{align-items:center;display:flex;flex-direction:column;width:100%}.projects-container{background-color:#fff;padding-top:80px}.projects-container h2{color:#000}.proj-right{align-items:flex-end;display:flex;flex:0 0 220px;flex-direction:column;width:220px}.proj-date{font-size:18px;margin-bottom:10px;opacity:.75;white-space:nowrap}.proj-doodleWrap{max-width:100%;width:300px}.proj-doodle{display:block;height:auto;width:100%}.projects-redirect{font-size:16px;margin-top:40px;opacity:.85;text-align:center}@media screen and (max-width:720px){.projects-container{padding-top:40px}.proj-right{flex:0 0 120px;width:120px}.proj-doodleWrap{width:100px}.proj-date{font-size:14px}}.gallery-headerRow{align-items:baseline;display:flex;gap:20px;justify-content:space-between}.gallery-note{font-size:14px;font-style:italic;opacity:.65;white-space:nowrap}.gallery-tabs{display:flex;flex-wrap:wrap;gap:16px;margin-top:18px}.gallery-tab{background:#0000;border:none;cursor:pointer;font-size:14px;letter-spacing:.04em;opacity:.6;padding:6px 0;text-transform:uppercase}.gallery-tab.is-active{font-weight:700;opacity:1}.gallery-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(3,1fr);margin-top:18px}.gallery-tile{background:#0000;border:none;cursor:pointer;display:block;padding:0}.gallery-img{aspect-ratio:1/1;border-radius:6px;display:block;object-fit:cover;width:100%}.gallery-tile:hover .gallery-img{opacity:.9}.gallery-modalBackdrop{align-items:center;background:#0000008c;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:9999}.gallery-modal{max-height:90vh;max-width:min(960px,92vw);position:relative}.gallery-modalImg{background:#ffffff08;border-radius:8px;display:block;height:auto;max-height:90vh;object-fit:contain;width:100%}.gallery-caption{background:#fff;border-radius:8px;box-shadow:0 4px 16px #00000040;color:#222;font-family:Kanit,sans-serif;font-size:15px;font-weight:500;letter-spacing:.3px;line-height:1.6;margin-top:16px;padding:14px 20px;text-align:center}.gallery-close{border:none;border-radius:999px;cursor:pointer;font-size:22px;height:34px;line-height:1;position:absolute;right:-10px;top:-10px;width:34px}@media (max-width:720px){.gallery-grid{grid-template-columns:repeat(2,1fr)}}.inline-link{font-weight:1000;text-decoration:none}
/*# sourceMappingURL=main.d0dad232.css.map*/