@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap);@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);*{box-sizing:border-box;color-scheme:dark;font-family:Poppins,sans-serif;font-weight:500;margin:0;padding:0;scroll-behavior:smooth}a{color:inherit!important;cursor:pointer!important;text-decoration:none!important}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.text-4xl{font-size:2.25rem!important;line-height:2.25rem}.text-5xl{font-size:3rem;line-height:3.5rem}.text-3xl{font-size:1.875rem!important;font-weight:400;line-height:2.25rem}.text-1xl{font-size:1rem!important;font-weight:500;line-height:1rem}.text-2xl{font-size:1.5rem!important;font-weight:400;line-height:2rem}@media (min-width:768px)and (max-width:1000px){.text-4xl,.text-5xl{font-size:2.1rem;line-height:2.2rem}.text-3xl{font-size:1.7rem;line-height:2rem}}@media (max-width:767px){.text-4xl,.text-5xl{font-size:1.8rem;line-height:2rem}.text-3xl{font-size:1.2rem;line-height:1.2rem}.text-1xl{font-size:.8rem;font-weight:300;line-height:.8rem}.text-2xl{font-size:1.2rem;font-weight:300;line-height:1.8rem}}.paddingX{padding-left:6px;padding-right:16px}.paddingY{padding-bottom:16px;padding-top:6px}.padding{padding:10px 16px 16px 6px}.heroHeadText{color:#fff;font-size:40px;font-weight:900;line-height:98px;margin-top:2px}.heroSubText{color:#dfd9ff;font-size:16px;font-weight:500;line-height:40px}@media (min-width:640px){.heroHeadText{font-size:60px}.heroSubText{font-size:26px}}@media (min-width:768px){.heroHeadText{font-size:80px}.heroSubText{font-size:30px}}@media (max-width:639px){.heroHeadText{font-size:50px}.heroSubText{font-size:20px}}.sectionHeadText{color:#fff;font-size:30px;font-weight:900;text-align:center}.sectionSubText{--tw-text-opacity:1;color:rgb(170 166 195/var(--tw-text-opacity));font-size:14px;letter-spacing:.1em;text-align:center;text-transform:uppercase}@media (min-width:640px){.sectionHeadText{font-size:50px}.sectionSubText{font-size:18px}}@media (min-width:768px){.sectionHeadText{font-size:60px}}.sectionClass{margin-left:auto;margin-right:auto;margin-top:30vh;max-width:7xl;padding:16px 6px 10px 16px;position:relative;z-index:1}@media only screen and (max-width:768px){.sectionClass{margin-top:60vh}}.hash-span{display:block}.kanit-thin{font-weight:100}.kanit-extralight,.kanit-thin{font-family:Kanit,serif;font-style:normal}.kanit-extralight{font-weight:200}.kanit-light{font-weight:300}.kanit-light,.kanit-regular{font-family:Kanit,serif;font-style:normal}.kanit-regular{font-weight:400}.kanit-medium{font-weight:500}.kanit-medium,.kanit-semibold{font-family:Kanit,serif;font-style:normal}.kanit-semibold{font-weight:600}.kanit-bold{font-weight:700}.kanit-bold,.kanit-extrabold{font-family:Kanit,serif;font-style:normal}.kanit-extrabold{font-weight:800}.kanit-black{font-family:Kanit,serif;font-style:normal;font-weight:900}.kanit-thin-italic{font-family:Kanit,serif;font-style:italic;font-weight:100}.kanit-extralight-italic{font-family:Kanit,serif;font-style:italic;font-weight:200}.kanit-light-italic{font-family:Kanit,serif;font-style:italic;font-weight:300}.kanit-regular-italic{font-family:Kanit,serif;font-style:italic;font-weight:400}.kanit-medium-italic{font-family:Kanit,serif;font-style:italic;font-weight:500}.kanit-semibold-italic{font-family:Kanit,serif;font-style:italic;font-weight:600}.kanit-bold-italic{font-family:Kanit,serif;font-style:italic;font-weight:700}.kanit-extrabold-italic{font-family:Kanit,serif;font-style:italic;font-weight:800}.kanit-black-italic{font-family:Kanit,serif;font-style:italic;font-weight:900}.line-height-6{font-size:20px!important;line-height:1.6}.Container{background-color:#151030}.header{align-items:center;display:flex;justify-content:space-between;padding-left:3rem;padding-right:4rem;width:100%;z-index:20}.header,.progress-bar{left:0;position:fixed;top:0}.progress-bar{background:#fff;border-radius:2px;height:3px;right:0;transform-origin:0;z-index:25}@media (max-width:768px){.header{padding-left:5vw;padding-right:5vw}}@media (max-width:480px){.header{padding-left:4vw;padding-right:4vw}}.center-align{display:flex;justify-content:space-between;padding-left:4rem;padding-right:4rem}img{display:block;margin:0;padding:0}@media (max-width:768px){.center-align{padding-left:2rem;padding-right:3rem}}@media (max-width:480px){.center-align{padding-left:2rem;padding-right:2rem}}.black-gradient{background:#000;background:linear-gradient(90deg,#434343,#000)}.violet-gradient{background:#804dee;background:linear-gradient(-90deg,#804dee,#3c335000);background:-webkit-linear-gradient(-90deg,#804dee,#3c335000)}.section-container{padding-bottom:24px;padding-top:40px;position:relative;-webkit-user-select:none;user-select:none;width:100%}@media (min-height:800px){.section-container{padding-bottom:16px;padding-top:20px}}.heading{display:inline-block;font-size:2rem;font-weight:500;line-height:1.3;padding:0 3rem}@media (min-width:640px){.heading{font-size:2.2rem;padding:0 4rem}}@media (min-width:768px){.heading{font-size:3.8rem;padding:0 4rem}}.about-1,.about-2{display:inline-block;margin-right:.5rem}.container-card{align-items:center;border-radius:30px;display:flex;height:400px;justify-content:center;margin-left:50px;overflow:hidden;position:relative;width:600px}.shadow{border-radius:30px;box-shadow:inset 3px 3px 10px 0 #000;box-shadow:inset 0 30px 25px 0 #0006,inset 0 -20px 25px 0 #0006,inset 0 36px 30px 0 #0000002e,inset 0 -36px 40px 0 #00000026,0 2px 1px #0000000f,0 4px 2px #00000017,0 8px 4px #00000017,0 16px 8px #00000017,0 32px 16px #00000017;height:100%;left:0;position:absolute;top:0}.scale-svg,.shadow{width:100%}.icon-grid{grid-gap:10px;display:grid;grid-template-columns:repeat(3,1fr);left:20px;padding:16px;position:absolute;top:30%;z-index:20}.icon-item{align-items:center;border-radius:8px;display:flex;justify-content:center}.icon-image{user-drag:none;-webkit-user-drag:none;cursor:grab;max-height:50px;max-width:50px;object-fit:contain;transition:transform .3s ease-in-out}.icon-image:active{cursor:grabbing}.tall-outer-container{position:relative;width:100%}.sticky-inner-container{height:90vh;overflow:hidden;position:-webkit-sticky;position:sticky;top:15vh;width:100%}.horizontal-translate-container{display:flex;height:100%;position:absolute;transition:transform .3s ease;will-change:transform}h2{font-size:2em;margin:0}p{font-size:1.2em;margin:10px 0}.about-my-work{display:inline-block;max-width:900px;padding-left:4rem;padding-right:4rem}@media (max-width:768px){.about-my-work{padding-left:3rem;padding-right:3rem}}.modal-background{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0006;height:100%;left:0;position:fixed;top:0;width:100%}.modal-background,.modal-content{align-items:center;display:flex;justify-content:center;z-index:10}.modal-content{border-radius:8px;flex-direction:column;height:60%;overflow:auto;padding:20px;position:relative;width:80%}.modal-body{color:#fff}.hero{align-items:flex-start;display:flex;height:100%;justify-content:space-between;padding-left:5rem;padding-right:5rem;padding-top:3rem;position:relative;width:100%}.section-left{display:flex;flex:3 1;flex-direction:column}.section-right{flex:4 1;max-width:100%;width:100%}.section_hi{align-items:center;display:flex;gap:10px;margin-top:5rem}.section_pratik_jha{margin-bottom:1rem}.section_developer{display:flex;flex-wrap:wrap;gap:5px;height:8rem;margin-top:0}@media (max-width:767px){.hero{align-items:center;flex-direction:column;padding-left:1rem;padding-right:1rem}.section-left,.section-right{padding:0 1rem;width:100%}.section-right{font-size:.8rem}.section_developer,.section_hi,.section_pratik_jha{width:100%}.section_hi h2{font-size:2.25rem!important;line-height:2.25rem!important}.section_developer{justify-content:center;margin-top:1rem}}.cursor-blinker{background-color:#fff;display:inline-block;height:2.1rem;transform:translateY(1px);width:3px}.social-media{display:flex;gap:1.2rem;margin-top:4rem}.border-button{align-items:center;background-color:initial;border:2px solid #fff;border-radius:3px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:10px 20px;transition:background-color .6s,color .6s}.border-button:hover{background-color:#fff;color:#151030}.btn-gradient{align-items:center;background:linear-gradient(253.58deg,#ffe066 1.55%,#ffc300 66.84%);border-radius:3px;color:#151030;cursor:pointer;display:flex;justify-content:center;padding:10px 20px;position:relative;text-decoration:none;z-index:0}.btn-gradient:after{background:linear-gradient(253.58deg,#ffc300 1.55%,#ffe066 66.84%);border-radius:8px;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .5s;width:100%;z-index:-10}.btn-gradient:hover:after{opacity:1}.attention{align-items:center;display:flex;justify-content:center;margin-top:50vh;opacity:.5;transition:opacity .5s ease-in-out}.skill-container{display:inline-block;margin-top:30vh}.front-label{margin-top:5vh}.frontend-icons{display:flex;flex-wrap:wrap;gap:15px;margin-top:5px}.logo-wrapper{align-items:center;border-radius:5px;display:flex;height:50px;justify-content:center;overflow:hidden;width:50px}.logo-wrapper img{height:40px;object-fit:contain;width:40px}.centerClass{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.containClass{height:90%;object-fit:contain;width:70%}.listClass{gap:.5rem;list-style-type:disc;margin-top:1.25rem}.vertical-timeline *{-webkit-box-sizing:border-box;box-sizing:border-box}.vertical-timeline{margin:0 auto;max-width:1170px;padding:2em 0;position:relative;width:95%}.vertical-timeline:after{clear:both;content:"";display:table}.vertical-timeline:before{background:var(--line-color);content:"";height:100%;left:18px;position:absolute;top:0;width:4px}.vertical-timeline.vertical-timeline--one-column-right:before{left:auto;right:18px}@media only screen and (min-width:1170px){.vertical-timeline.vertical-timeline--two-columns{width:90%}.vertical-timeline.vertical-timeline--two-columns:before{left:50%;margin-left:-2px}}.vertical-timeline-element{margin:2em 0;position:relative}.vertical-timeline-element>div{min-height:1px}.vertical-timeline-element:after{clear:both;content:"";display:table}.vertical-timeline-element:first-child{margin-top:0}.vertical-timeline-element:last-child{margin-bottom:0}@media only screen and (min-width:1170px){.vertical-timeline-element{margin:4em 0}.vertical-timeline-element:first-child{margin-top:0}.vertical-timeline-element:last-child{margin-bottom:0}}.vertical-timeline-element-icon{border-radius:50%;height:40px;left:0;position:absolute;top:0;width:40px}.vertical-timeline-element-icon.shadow-size-small{-webkit-box-shadow:0 0 0 2px #fff,inset 0 1px 0 #00000014,0 2px 0 4px #0000000d;box-shadow:0 0 0 2px #fff,inset 0 1px 0 #00000014,0 2px 0 4px #0000000d}.vertical-timeline-element-icon.shadow-size-medium{-webkit-box-shadow:0 0 0 3px #fff,inset 0 2px 0 #00000014,0 3px 0 5px #0000000d;box-shadow:0 0 0 3px #fff,inset 0 2px 0 #00000014,0 3px 0 5px #0000000d}.vertical-timeline-element-icon.shadow-size-large{-webkit-box-shadow:0 0 0 4px #fff,inset 0 2px 0 #00000014,0 4px 0 6px #0000000d;box-shadow:0 0 0 4px #fff,inset 0 2px 0 #00000014,0 4px 0 6px #0000000d}.vertical-timeline--one-column-right .vertical-timeline-element-icon{left:auto;right:0}.vertical-timeline-element-icon svg{display:block;height:24px;left:50%;margin-left:-12px;margin-top:-12px;position:relative;top:50%;width:24px}@media only screen and (min-width:1170px){.vertical-timeline--two-columns .vertical-timeline-element-icon{height:60px;left:50%;margin-left:-30px;width:60px}}.vertical-timeline-element-icon{-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0)}.vertical-timeline--animate .vertical-timeline-element-icon.is-hidden{visibility:hidden}.vertical-timeline--animate .vertical-timeline-element-icon.bounce-in{-webkit-animation:cd-bounce-1 .6s;animation:cd-bounce-1 .6s;visibility:visible}@-webkit-keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(.5)}60%{opacity:1;-webkit-transform:scale(1.2)}to{-webkit-transform:scale(1)}}@keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}60%{opacity:1;-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}.vertical-timeline-element-content{background:#fff;border-radius:.25em;-webkit-box-shadow:0 3px 0 #ddd;box-shadow:0 3px 0 #ddd;margin-left:60px;padding:1em;position:relative}.vertical-timeline--one-column-right .vertical-timeline-element-content{margin-left:0;margin-right:60px}.vertical-timeline-element--no-children .vertical-timeline-element-content{background:0 0;-webkit-box-shadow:none;box-shadow:none}.vertical-timeline-element-content:after{clear:both;content:"";display:table}.vertical-timeline-element-content h2{color:#303e49}.vertical-timeline-element-content .vertical-timeline-element-date,.vertical-timeline-element-content p{font-size:13px;font-size:.8125rem;font-weight:500}.vertical-timeline-element-content .vertical-timeline-element-date{display:inline-block}.vertical-timeline-element-content p{line-height:1.6;margin:1em 0 0}.vertical-timeline-element-subtitle,.vertical-timeline-element-title{margin:0}.vertical-timeline-element-content .vertical-timeline-element-date{float:left;opacity:.7;padding:.8em 0}.vertical-timeline-element-content-arrow{border:7px solid #0000;border-right-color:#fff;content:"";height:0;position:absolute;right:100%;top:16px;width:0}.vertical-timeline--one-column-right .vertical-timeline-element-content-arrow{border:7px solid #0000;border-left-color:#fff;content:"";height:0;left:100%;position:absolute;right:auto;top:16px;width:0}.vertical-timeline--one-column-right .vertical-timeline-element-content:before{border-left:7px solid #fff;border-right:initial;left:100%}.vertical-timeline-element--no-children .vertical-timeline-element-content-arrow,.vertical-timeline-element--no-children .vertical-timeline-element-content:before{display:none}@media only screen and (min-width:768px){.vertical-timeline-element-content h2{font-size:20px;font-size:1.25rem}.vertical-timeline-element-content p{font-size:16px;font-size:1rem}.vertical-timeline-element-content .vertical-timeline-element-date{font-size:14px;font-size:.875rem}}@media only screen and (min-width:1170px){.vertical-timeline--two-columns .vertical-timeline-element-content{margin-left:0;padding:1.5em;width:44%}.vertical-timeline--two-columns .vertical-timeline-element-content-arrow{left:100%;top:24px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.vertical-timeline--two-columns .vertical-timeline-element-content .vertical-timeline-element-date{font-size:16px;font-size:1rem;left:124%;position:absolute;top:6px;width:100%}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content{float:right}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content-arrow,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content-arrow{left:auto;right:100%;top:24px;-webkit-transform:rotate(0);transform:rotate(0)}.vertical-timeline--one-column-right .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content-arrow,.vertical-timeline--one-column-right .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content-arrow{left:100%;right:auto;top:24px;-webkit-transform:rotate(0);transform:rotate(0)}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content .vertical-timeline-element-date,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content .vertical-timeline-element-date{left:auto;right:124%;text-align:right}}.vertical-timeline--animate .vertical-timeline-element-content.is-hidden{visibility:hidden}.vertical-timeline--animate .vertical-timeline-element-content.bounce-in{-webkit-animation:cd-bounce-2 .6s;animation:cd-bounce-2 .6s;visibility:visible}@media only screen and (min-width:1170px){.vertical-timeline--two-columns.vertical-timeline--animate .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content.bounce-in,.vertical-timeline--two-columns.vertical-timeline--animate .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content.bounce-in{-webkit-animation:cd-bounce-2-inverse .6s;animation:cd-bounce-2-inverse .6s}}@media only screen and (max-width:1169px){.vertical-timeline--animate .vertical-timeline-element-content.bounce-in{-webkit-animation:cd-bounce-2-inverse .6s;animation:cd-bounce-2-inverse .6s;visibility:visible}}@-webkit-keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translateX(-100px)}60%{opacity:1;-webkit-transform:translateX(20px)}to{-webkit-transform:translateX(0)}}@keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translateX(-100px);transform:translateX(-100px)}60%{opacity:1;-webkit-transform:translateX(20px);transform:translateX(20px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes cd-bounce-2-inverse{0%{opacity:0;-webkit-transform:translateX(100px)}60%{opacity:1;-webkit-transform:translateX(-20px)}to{-webkit-transform:translateX(0)}}@keyframes cd-bounce-2-inverse{0%{opacity:0;-webkit-transform:translateX(100px);transform:translateX(100px)}60%{opacity:1;-webkit-transform:translateX(-20px);transform:translateX(-20px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.progress{background:var(--accent);bottom:100px;height:5px;left:0;position:fixed;right:0}.parallax{display:flex;flex-wrap:nowrap;letter-spacing:-2px;line-height:.8;margin:0;overflow:hidden;white-space:nowrap}.inbetween{align-items:center;display:flex;font-size:2.8em;justify-content:center;margin-bottom:1em;margin-top:1em}@media (max-width:768px){.inbetween{font-size:1.2em}}.parallax .scroller{display:flex;flex-wrap:nowrap;font-size:4.2rem;font-weight:700;opacity:.4;text-transform:uppercase;white-space:nowrap}@media (max-width:768px){.parallax .scroller{font-size:1.8em}}.gradient-text{-webkit-text-fill-color:#0000;text-fill-color:#0000;background:linear-gradient(253.58deg,#ffe066,#ffc300 49%,#fff 50%,#fff);-webkit-background-clip:text;background-clip:text;background-size:250% 100%;transition:background-position-x 0s ease-out}.parallax span{display:block;margin-right:30px}.font-medium{font-weight:500}.footer-text{font-size:2.5rem;line-height:2.5rem;padding-left:3rem;padding-right:3rem}@media (max-width:768px){.footer-text{padding-left:2rem;padding-right:2rem}}.md\:footer-text{font-size:2.5rem;line-height:2.5rem}.text-center{text-align:center}
/*# sourceMappingURL=main.5b0f2b74.css.map*/