.kanit-thin{font-weight:100}.kanit-extralight,.kanit-thin{font-family:Kanit,sans-serif;font-style:normal}.kanit-extralight{font-weight:200}.kanit-light{font-weight:300}.kanit-light,.kanit-regular{font-family:Kanit,sans-serif;font-style:normal}.kanit-regular{font-weight:400}.kanit-medium{font-weight:500}.kanit-medium,.kanit-semibold{font-family:Kanit,sans-serif;font-style:normal}.kanit-semibold{font-weight:600}.kanit-bold{font-weight:700}.kanit-bold,.kanit-extrabold{font-family:Kanit,sans-serif;font-style:normal}.kanit-extrabold{font-weight:800}.kanit-black{font-family:Kanit,sans-serif;font-style:normal;font-weight:900}.kanit-thin-italic{font-weight:100}.kanit-extralight-italic,.kanit-thin-italic{font-family:Kanit,sans-serif;font-style:italic}.kanit-extralight-italic{font-weight:200}.kanit-light-italic{font-weight:300}.kanit-light-italic,.kanit-regular-italic{font-family:Kanit,sans-serif;font-style:italic}.kanit-regular-italic{font-weight:400}.kanit-medium-italic{font-weight:500}.kanit-medium-italic,.kanit-semibold-italic{font-family:Kanit,sans-serif;font-style:italic}.kanit-semibold-italic{font-weight:600}.kanit-bold-italic{font-weight:700}.kanit-bold-italic,.kanit-extrabold-italic{font-family:Kanit,sans-serif;font-style:italic}.kanit-extrabold-italic{font-weight:800}.kanit-black-italic{font-family:Kanit,sans-serif;font-style:italic;font-weight:900}.home{--layer-intro-page:0;--layer-first-page:1;--layer-second-page:2;--layer-third-page:3;display:grid;grid-template-columns:1fr 1fr;height:100dvh;margin:auto;overflow-y:hidden}.experience-title,.home-name{font-size:60px}.home-connect{background-color:var(--third-color)}.name-wrapper{position:relative}.icons{display:flex;gap:10px;justify-content:center;margin:10px 0}.icons img{height:40px}.icons a:hover{cursor:pointer}.right-columns{position:relative}#about-me,#experience,#projects,.right-column{height:100vh;position:absolute;right:0;width:50vw}#about-me,#experience,#projects{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:absolute;transition:bottom 1s ease;width:100%}#experience{flex-direction:column}.experience-icons{margin-top:20px}#intro,#welcome{background-image:radial-gradient(circle,#000 1px,#0000 0);background-position:50%;background-size:25px 25px;display:flex;object-fit:cover}#intro,#welcome{align-items:center;justify-content:center}#intro{background-color:#0000;display:none;height:100vh;position:relative;z-index:0}#about-me{bottom:var(--layer-intro-page);z-index:1}#experience{z-index:var(--layer-third-page)}#projects{z-index:var(--layer-second-page)}#about-me.hidden,#experience.hidden,#projects.hidden{bottom:-100%}.hidden{transition:bottom 1s ease}@media only screen and (max-width:600px){#about-me{bottom:0}.home{grid-template-columns:1fr}#intro{display:flex}#welcome{display:none}}@tailwind base;@tailwind components;@tailwind utilities;:root{--primary-color:#e6bebe;--secondary-color:#d48fe6;--third-color:#ffffd1}#root,body,html{font-family:var(--font-family);height:100vh;margin:auto;overflow-x:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}h2{font-size:60px;line-height:1em;text-align:center}.text-effect-light{color:#fff;text-shadow:0 1px 0 #a352b8,0 2px 0 #9f4bb5,0 3px 0 #9947ae,0 4px 0 #9244a7,0 5px 0 #8c42a0,0 6px 0 #863f99,0 7px 0 #7f3c91,0 8px 0 #79398a,0 0 5px #ad31cf0d,0 -1px 3px #ad31cf33,0 9px 9px #ad31cf4d,0 12px 12px #ad31cf4d,0 15px 15px #ad31cf4d}.text-effect-dark{color:#b26fc4;text-shadow:0 1px 0 #b06bc3,0 0 5px #ad31cf0d,0 -1px 3px #ad31cf33,0 9px 9px #ad31cf1a,0 12px 12px #ad31cf1a,0 15px 15px #ad31cf1a}.center-text{text-align:center}.yellow-background{background-color:#ffffd1;background-color:var(--third-color)}.purple-background{background-color:#d48fe6;background-color:var(--secondary-color)}#projects{flex-direction:column;justify-content:flex-start}#projects h2{margin-bottom:20px}#behavior-span{height:50px;width:90%}#dunder-mifflin{object-fit:cover;top:50%;width:100%}.project{align-items:center;display:flex;height:15vw;justify-content:center;min-height:150px;opacity:.9;padding:10px}.project-grids{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;grid-template-rows:auto;margin:30px 0;padding:0 10px;width:100%}.project-grids a{flex-grow:1}.project img{height:20px}.project-name{font-size:28px;font-weight:800}.project-desc,.project-name{color:#e6bebe;color:var(--primary-color)}.project-desc{font-size:20px;padding:10px;transform:rotateY(180deg)}.flip-card-inner{background-color:#ffffd1;background-color:var(--third-color);box-shadow:0 4px 8px 0 #0003;height:100%;position:relative;text-align:center;transform-style:preserve-3d;transition:transform .6s;width:100%}.flip-card:hover .flip-card-inner{transform:rotateY(180deg)}.flip-card-front{left:50%;top:50%;transform:translate(-50%,-50%);width:100%}.flip-card-back,.flip-card-front{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.mobile-desc{bottom:0;color:#e6bebe;color:var(--primary-color);display:none;font-size:20px;padding:10px;position:absolute}@media only screen and (max-width:600px){.flip-card-front{top:30%}#dunder-mifflin{width:50%}.project{min-height:130px;padding:4px}.project-grids{gap:2px;grid-template-columns:1fr;margin:0}.mobile-desc{display:block;top:30px}}
/*# sourceMappingURL=main.76498468.css.map*/