@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);@import url(https://fonts.googleapis.com/css2?family=Baloo+2:wght@400..800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Comfortaa:wght@300..700&family=Unbounded:wght@200..900&display=swap);::-webkit-scrollbar{display:none}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Comfortaa,sans-serif}#dark{background-color:#331914;color:#f4eee4}#light{background-color:#f4eee4;color:#331914}.jump-container{min-height:100vh}.jump-container,.jumper-svg{align-items:center;display:flex;justify-content:center}.jumper-svg{height:320px;overflow:visible;padding-left:15px;width:320px}.jumper{fill:none;stroke:#fd4659;stroke-width:10px;stroke-dashoffset:0;stroke-dasharray:0,136.7188415527px;animation:animJumper 1.2s linear infinite}.jumper.clone{opacity:.2;transform:translateY(200px) scaleY(-1)}.circleL{animation:animCircle 1.2s infinite;opacity:0;transform-origin:47.2px 95.6px}.circleR{animation:animCircle 1.2s .672s infinite;opacity:0;transform-origin:136.2px 95.6px}@keyframes animJumper{8%{stroke-dasharray:20.5078262329px,136.7188415527px}32%{stroke-dasharray:41.0156524658px,136.7188415527px;stroke-dashoffset:-47.8515945435px}56%{stroke-dasharray:20.5078262329px,136.7188415527px;stroke-dashoffset:-116.2110153198px}64%{stroke-dasharray:0,136.7188415527px;stroke-dashoffset:-136.7188415527px}}@keyframes animCircle{0%{opacity:1}50%{opacity:0;transform:scale(3)}to{opacity:0}}.main{position:relative}.hamburger{cursor:pointer;height:50px;position:fixed;right:10px;top:30px;transition:all .3s ease;width:50px;z-index:7}.hamburger:hover{transform:scale(1.1)}.link-bar{cursor:pointer;margin-bottom:50px}.link-container{align-items:center;display:flex;position:relative;transition:all .3s ease;width:fit-content}.nav-img{height:30px;margin-right:12px;width:30px}#homesvg{transform:translateY(-3px)}#aboutsvg{transform:translateY(-1.5px)}#contactsvg,#projectssvg{transform:translateY(-1px)}.link-container:after{background-color:#fd4659;bottom:-5px;content:"";height:3px;left:0;position:absolute;transition:width .3s ease;width:30px}.link-bar:hover .link-container:after{width:105%}.link-bar:hover .link-container{transform:translateX(10px)}.link-container.active:after{background-color:#fd4659;width:105%}.nav-link{font-size:18px;font-weight:700;position:relative;transition:all .3s ease}.mode-bar{align-items:center;cursor:pointer;display:flex;position:relative;width:fit-content}.mode-bar:after{background-color:#fd4659;bottom:-10px;content:"";height:3px;left:0;position:absolute;transition:width .3s ease;width:0}.mode-bar:hover:after{width:105%}.mode-txt{font-size:18px;font-weight:700;margin-left:16px;transition:all .3s ease}.container{width:1300px}section{background-attachment:fixed;display:flex;justify-content:center;position:relative;width:100%}.custom-shape-divider-bottom-1726045774{bottom:-2px;left:0;line-height:0;overflow:hidden;position:absolute;transform:rotate(180deg);width:100%}.custom-shape-divider-bottom-1726045774 svg{display:block;height:70px;position:relative;width:calc(100% + 1.3px)}.custom-shape-divider-bottom-1726045774 .home-fill{fill:#edd9be;transition:all .3s ease}.custom-shape-divider-bottom-1726045774 .skills-fill{fill:#ebcca3;transition:all .3s ease}.custom-shape-divider-bottom-1726045774 .projects-fill{fill:#eebf83;transition:all .3s ease}#dark #home{background-color:#331914}#dark .home-fill{fill:#23110e}#dark .skills-section{background-color:#23110e}#dark .skills-fill{fill:#190d0c}#dark #projects{background-color:#190d0c}#dark .projects-fill{fill:#0c0605}#dark .footer{background-color:#0c0605}.section-title{border-bottom:5px solid #d2691e;color:#fd4659;font-family:Comfortaa,sans-serif;font-size:36px;margin-bottom:40px;padding-bottom:6px;width:fit-content}#home{background-color:#f4eee4;justify-content:center;min-height:100vh;overflow:hidden;padding:60px 0;position:relative;transition:all .3s ease}#home,.home-content{align-items:center;display:flex}.home-content{flex-direction:row;width:100%}.desk{margin-left:180px;width:160px}.cloud{height:50px;opacity:0;position:absolute;width:70px}#cloud1{animation:cloud1 28s linear 1s infinite;left:0;top:10%}@keyframes cloud1{0%{opacity:.5;transform:translateX(0)}to{opacity:1;transform:translateX(100vw)}}#cloud2{animation:cloud1 30s linear 5s infinite;bottom:12%}#cloud3{animation:cloud1 30s linear infinite;right:20%;top:22%}#cloud4{animation:cloud1 30s linear 8s infinite;left:0}#cloud5{animation:cloud1 30s linear 10s infinite;top:25%}.hero-txt{font-size:80px;font-weight:700}.my-name,.toggle{color:#fd4659}.toggle{--size:1.7rem;-webkit-appearance:none;appearance:none;border-radius:999px;box-shadow:inset calc(var(--size)*.33) calc(var(--size)*-.25) 0;cursor:pointer;height:var(--size);outline:none;transition:all .5s;width:var(--size)}.toggle:checked{--ray-size:calc(var(--size)*-0.4);--offset-orthogonal:calc(var(--size)*0.65);--offset-diagonal:calc(var(--size)*0.45);box-shadow:inset 0 0 0 var(--size),calc(var(--offset-orthogonal)*-1) 0 0 var(--ray-size),var(--offset-orthogonal) 0 0 var(--ray-size),0 calc(var(--offset-orthogonal)*-1) 0 var(--ray-size),0 var(--offset-orthogonal) 0 var(--ray-size),calc(var(--offset-diagonal)*-1) calc(var(--offset-diagonal)*-1) 0 var(--ray-size),var(--offset-diagonal) var(--offset-diagonal) 0 var(--ray-size),calc(var(--offset-diagonal)*-1) var(--offset-diagonal) 0 var(--ray-size),var(--offset-diagonal) calc(var(--offset-diagonal)*-1) 0 var(--ray-size);color:#fd4659;transform:scale(.75)}.toggle:checked~.background{--bg:#fff}.toggle:checked~.title{--color:#f4b73e}.skills-section{background-color:#edd9be;transition:all .3s ease}.skills{display:flex;flex-direction:column;justify-content:center;padding:90px 0 150px;width:100%}.about{line-height:30px;width:75%}.strike{text-decoration:line-through}.padder{border-radius:10px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;margin-top:30px;padding:0 0 20px;width:100%}.grid-toggler{border-bottom:3px solid #d2691e;font-weight:700;margin-bottom:24px;padding-bottom:4px;width:fit-content}.showbox{cursor:pointer;height:60px;overflow:hidden;transition:height .6s ease;width:100%}.showbox.skills-grid-container{height:252px}.skills-grid{flex-wrap:wrap;gap:80px;transition:height .3s ease-in-out}.grid-item,.skills-grid{display:flex;justify-content:center}.grid-item{align-items:center;flex-direction:column;text-align:center}.grid-item img{transition:transform .3s ease}.grid-item:hover img{transform:scale(1.1)}.label{font-size:14px;font-weight:900}.skills-grid.scale{transform:scale(1)}.skill-img{height:50px;margin-bottom:7px;width:50px}.slider{-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);overflow:hidden}.slider .list{display:flex;min-width:900px;position:relative;width:100%}.slider .list .item{animation:autoRun 10s linear infinite;animation-delay:calc(.66667s*(var(--position) - 1) - 10s)!important;height:60px;left:100%;position:absolute;transition:scale .3s ease;transition:filter .5s;width:60px}@keyframes autoRun{0%{left:100%}to{left:-300px}}.slider .item:hover{transform:scale(1.04)}#projects{align-items:center;background-color:#ebcca3;display:flex;flex-direction:column;justify-content:center;padding:90px 0 150px;transition:background-color .3s ease;width:100%}.projects-list{grid-gap:120px;display:grid;gap:120px;grid-template-columns:repeat(1,1fr);margin-top:72px;position:relative;width:100%;z-index:2}.project-item{border-radius:10px;display:flex;flex-direction:row-reverse;text-decoration:none}.project-item.reverse{flex-direction:row}.project-item.is-visible{opacity:1;transform:translateX(0)}.project-item.is-visible-last{opacity:1}.screen{align-items:center;border-top-left-radius:10px;border-top-right-radius:10px;display:flex;justify-content:end;position:relative;width:80%}.screen.reverse{justify-content:start}.project-pic{cursor:pointer;height:230px;overflow:hidden;position:relative;transition:transform .3s ease-in-out;width:420px}.pc{border-radius:inherit;height:100%;width:100%}.tab{height:81%;left:0;width:38%}.mobile,.tab{bottom:0;position:absolute}.mobile{height:68%;right:0;width:20%}.gear{height:30%;left:0;width:20%}.gear,.spanner{position:absolute;top:0;z-index:-1}.spanner{height:68%;right:0;width:18%}.spanner2{bottom:5%;height:30%;left:0;width:20%}.gear2,.spanner2{position:absolute;z-index:-2}.gear2{height:68%;right:0;top:0;width:18%}.project-info{width:100%}.name-line{align-items:center;display:flex;margin-bottom:16px;width:100%}.dash{background-color:#d2691e;height:3px;margin-right:10px;transform:translateY(-1px);width:24px}.project-name{color:#fd4659;font-family:Comfortaa,sans-serif;font-weight:700;letter-spacing:1.4px}.project-details{font-weight:700;line-height:24px;margin-bottom:16px}.info-line{align-items:end;display:flex;justify-content:space-between;width:100%}.with{font-weight:700}.tech-list{border-bottom:3px solid #d2691e;display:flex;padding:10px 0;width:fit-content}.tech-img{height:36px;margin-right:8px;width:36px}.project-link{align-items:center;background-color:#fd4659;border-radius:10px;cursor:pointer;display:flex;font-family:Kanit,sans-serif;height:40px;justify-content:center;padding-bottom:2px;transition:transform .3s ease;width:100px}.project-link:hover{transform:scale(1.1)}.project-link a{color:#f4eee4;text-decoration:none}#dark .project-link a{color:#f4eee4}ul{list-style:none}.footer{background-color:#eebf83;padding:90px 0 130px;transition:background-color .3s ease}.contact-box{display:flex;flex-direction:row-reverse;justify-content:space-between;margin-top:60px;width:100%}.reach-txt{font-weight:700;line-height:24px;margin-bottom:70px;width:85%}.socials{display:flex;margin-top:20px}.soc{height:36px;margin-right:14px;transition:all .3s ease;width:36px}.soc:hover{transform:scale(1.1)}.form-label{margin-bottom:18px}.form-label input:-webkit-autofill{background-color:#f4eee4!important;color:#572c23!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}#email,#message,#name{background-color:#f4eee4;border:none;border-radius:10px;color:#572c23;font-family:Comfortaa,sans-serif;font-size:16px;font-weight:700;height:50px;margin-bottom:4px;padding:0 18px;width:320px}#message{height:100px;padding:16px 18px}#email::placeholder,#name::placeholder{color:#888;font-style:italic;font-weight:500}#message::placeholder{color:#888;font-style:italic;font-weight:600}#email:focus,#message:focus,#name:focus{border:2px solid #fd4659;outline:none}.error{color:#ff5252;font-size:14px;font-weight:700}.btn-line{display:flex;justify-content:end;width:100%}button{background-color:#fd4659;border:none;border-radius:10px;color:#f4eee4;cursor:pointer;font-size:16px;height:40px;letter-spacing:1px;transition:color .3s ease,transform .3s ease;width:150px}button:hover{transform:scale(1.06)}#dark button{color:#f4eee4}.footnote{bottom:40px;position:absolute}.footnote p{font-weight:700}.popup{background-color:#f4eee4}.popup-txt{color:#fd4659;font-weight:700;line-height:24px;text-align:center}@media screen and (max-width:1600px){.container{width:1280px}}@media screen and (max-width:1410px){.container{width:1100px}.showbox.skills-grid-container{height:222px}.skills-grid{gap:50px}}@media screen and (max-width:1120px){.container{width:950px}.showbox.skills-grid-container{height:212px}.skills-grid{gap:40px}.screen{width:100%}}@media screen and (max-width:980px){.custom-shape-divider-bottom-1726045774 svg{height:50px}.container{width:700px}.desk{margin-left:0}.about{font-size:16px;line-height:24px;width:100%}.showbox.skills-grid-container{height:358px}.skills-grid{gap:50px}.projects-list{gap:80px}.project-pic{height:170px;width:300px}}@media screen and (max-width:720px){.container{width:500px}.home-content{align-items:center;flex-direction:column;justify-content:center}.herobox{text-align:center}.desk{margin-top:40px}.showbox.skills-grid-container{height:442px}.skills-grid{gap:33px}.project-item,.project-item.reverse{flex-direction:column}.screen,.screen.reverse{justify-content:center}.projects-list{grid-template-columns:repeat(1,1fr)}.project-pic{height:270px;width:100%}.project-info{padding:24px 0 30px}.contact-box{align-items:start;flex-direction:column-reverse;justify-content:left}.reach-txt{margin-bottom:20px;width:100%}.socials{margin:20px 0 46px}.soc{margin-right:24px}#email,#message,#name{height:60px;width:500px}#message{height:120px}.btn-line{justify-content:start}button{height:50px;width:250px}}@media screen and (max-width:520px){.custom-shape-divider-bottom-1726045774 svg{height:35px}.container{width:356px}.herobox{align-items:center;display:flex;flex-direction:column;justify-content:center}.hero-txt{font-size:60px;margin-bottom:10px}.desc{width:200px}.desk{width:120px}.showbox{height:50px;width:100%}.showbox.skills-grid-container{height:502px}.skills-grid{gap:35px}.skill-img{height:40px;margin-bottom:7px;width:40px}.slider .list{min-width:750px}.slider .list .item{animation-delay:calc(.66667s*(var(--position) - 1) - 10s)!important;height:50px;width:50px}@keyframes autoRun{0%{left:100%}to{left:-250px}}.label{font-size:14px}.project-pic{height:200px}.project-info{padding:24px 0 30px}#email,#message,#name{height:60px;width:356px}#message{height:120px}button{height:45px;width:180px}}@media screen and (max-width:380px){.container{width:320px}.hero-txt{font-size:52px;margin-bottom:10px}.desc{width:200px}.desk{width:100px}.project-pic{height:180px}.project-info{padding:24px 0 30px}#email,#message,#name{height:60px;width:320px}#message{height:120px}button{height:45px;width:160px}}
/*# sourceMappingURL=main.e82a700f.css.map*/