@import url(https://fonts.googleapis.com/css2?family=Poppins: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);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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{font-family:Poppins,sans-serif;font-style:normal;font-weight:400}.section1-p{font-size:clamp(14px,1.2vw,18px);font-weight:600}.mainlogo{margin:clamp(20px,5vw,50px);width:clamp(300px,40vw,650px)}.intro-flex{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:clamp(10px,2vw,20px);justify-content:flex-start}.me{width:clamp(150px,20vw,260px)}.myname,.section2-p{font-size:clamp(30px,6vw,65px);font-weight:600;margin:0}.myname{color:#4077de}.section2-footer{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;justify-content:space-between}.section2-footerp{font-size:clamp(14px,1.5vw,18px);font-weight:500}.section3-boxheader{background-color:#4077de;border-radius:8px;color:#fff;margin-bottom:5px;max-width:84%;padding:clamp(5px,1vw,10px) clamp(15px,4vw,30px);text-align:left;width:100%}.section3-headertext{color:#fff;font-size:clamp(16px,2vw,20px);margin:0}.section3-boxheader h3{font-size:clamp(24px,5vw,40px);font-weight:600;margin:-10px 0}.section3-grid{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:20px;max-width:560px;width:100%}.section3-box,.section3-grid div{background-color:#e0e0e0;border:1px solid #ddd;border-radius:4px;height:clamp(120px,20vw,180px)}.section3-box{cursor:pointer;position:relative;transition:transform .2s ease}.section3-box.selected{transform:scale(.95)}.section3-box .checkmark{align-items:center;background-color:#1fd860;border-radius:50%;bottom:10px;color:#fff;display:flex;font-size:clamp(12px,2vw,16px);font-weight:700;height:clamp(20px,4vw,28px);justify-content:center;position:absolute;right:10px;width:clamp(20px,4vw,28px)}.section3-wrapper{align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:wrap;gap:clamp(10px,2vw,20px);justify-content:space-between;padding:0 clamp(10px,5vw,30px);width:90%}.left-caption,.right-caption{color:#000;flex:1 1;font-size:clamp(12px,1.5vw,14px);font-weight:600;max-width:300px}.right-caption{margin-top:clamp(100px,25vw,200px)}.left-caption{margin-top:clamp(200px,60vw,500px)}.section3-row{align-items:center;display:flex;flex:2 1;flex-direction:column;max-width:600px;width:100%}.viewall-style{background-color:initial;border:1px solid #000;border-radius:15px;cursor:pointer;font-size:clamp(14px,2vw,18px);font-weight:500;padding:clamp(6px,1vw,8px) clamp(10px,3vw,15px);transition:background-color .3s ease,color .3s ease;width:clamp(300px,90vw,555px)}.viewall-style:hover{background-color:#000;color:#fff}.contacts-logo{width:clamp(150px,30vw,275px)}.section4-container{align-items:center;align-self:center;color:#000;display:flex;flex-direction:row;gap:30px;justify-content:space-between;padding:clamp(40px,8vw,80px);width:85%}.section4-left{flex:2 1}.section4-left h3{font-size:3rem;font-weight:700;margin-bottom:-10px}.section4-p{font-size:1.1rem;line-height:1.6}.section4-techstack{display:flex;flex:5 1;flex-wrap:wrap;gap:8px;height:500px;overflow:visible;position:relative;width:100%}.tech-pill{align-items:center;background-color:#fff;border-radius:40px;box-shadow:0 6px 12px #00000026;color:#333;cursor:grab;display:flex;font-size:50px;font-weight:600;gap:10px;margin:5px;padding:12px 30px;width:-webkit-fit-content;width:fit-content}.tech-pill:active{cursor:grabbing}.tech-icon{font-size:2rem}@keyframes dropIn{to{opacity:1;transform:translateY(0)}}.section5-container{height:100%;margin:0 auto;overflow:hidden;position:relative;text-align:center;width:100%}.section5-bg{border-radius:20px;bottom:0;height:100%;opacity:.97;position:absolute;right:0;transform:translate(20%,10%);width:100%;z-index:-1}.section5-card{border-radius:20px;color:#fff;display:flex;flex-direction:column;margin-left:clamp(200px,30vw,600px);padding:clamp(20px,5vw,40px) clamp(15px,4vw,30px);text-align:left}.section5-heading{color:#fff;font-size:clamp(40px,10vw,96px);font-weight:600;margin-bottom:20px;margin-top:clamp(100px,25vw,200px);text-shadow:2px 4px 10px #0009;transform:rotate(6.27deg)}.section5-icons{display:flex;flex-direction:row;flex-wrap:wrap;gap:clamp(20px,5vw,40px);justify-content:center;margin-bottom:40px}.section5-icons a{transition:transform .3s ease}.section5-icons a:first-child{transform:translateY(-20px)}.section5-icons a:nth-child(2){transform:translateY(10px)}.section5-icons a:nth-child(3){transform:translateY(45px)}.section5-icons a:nth-child(4){transform:translateY(75px)}.section5-icons a:first-child:hover{transform:translateY(-20px) scale(1.1)}.section5-icons a:nth-child(2):hover{transform:translateY(10px) scale(1.1)}.section5-icons a:nth-child(3):hover{transform:translateY(45px) scale(1.1)}.section5-icons a:nth-child(4):hover{transform:translateY(75px) scale(1.1)}.section5-text{color:#fff;font-size:clamp(16px,2vw,20px);font-weight:500;line-height:1.5;margin-left:clamp(-30px,-5vw,-50px);margin-top:clamp(30px,5vw,50px);text-shadow:2px 4px 10px #0009;transform:rotate(6.27deg)}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlideLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeSlideRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}.container{align-items:center;animation:fadeSlideUp 1s ease forwards;display:flex;flex-direction:column;height:100vh;justify-content:center;scroll-snap-align:start;width:100%}.scroll-container{-ms-overflow-style:none;height:100vh;overflow-y:scroll;scroll-snap-type:y mandatory;scrollbar-width:none}.scroll-indicator{display:flex;flex-direction:column;gap:clamp(10px,1.5vw,15px);left:clamp(20px,4vw,40px);position:fixed;top:90%;transform:translateY(-50%);z-index:1001}.scroll-indicator .dot{background-color:grey;border-radius:50%;height:clamp(8px,1vw,10px);transition:background-color .3s;width:clamp(8px,1vw,10px)}.scroll-indicator .dot.active{background-color:#000}.button-style{background-color:initial;border:1px solid #000;border-radius:clamp(15px,4vw,20px);cursor:pointer;font-size:clamp(14px,2vw,18px);font-weight:500;padding:clamp(6px,1.5vw,8px) clamp(10px,3vw,15px);transition:background-color .3s ease,color .3s ease}.button-style:hover{background-color:#000;color:#fff}.modal-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;transition:background-color .3s ease;width:100%;z-index:999}.modal-content{animation:fadeIn .3s ease;background:#fff;border-radius:10px;max-width:600px;padding:clamp(15px,4vw,25px);position:relative;transition:transform .3s ease,opacity .3s ease;width:90%}.modal-border{border:1px dashed #000;border-radius:10px;padding:clamp(20px,6vw,40px);transition:border-color .3s ease}.modal-logo{display:block;margin:clamp(10px,3vw,20px) auto clamp(20px,6vw,40px);transition:transform .3s ease;width:clamp(120px,25vw,200px)}.modal-logo:hover{transform:scale(1.05)}.modal-question{font-size:clamp(18px,3vw,24px);font-weight:600;text-align:center;transition:color .3s ease}.modal-answer{font-size:clamp(12px,2vw,16px);text-align:justify;transition:color .3s ease}.pointer-gradient{background:radial-gradient(circle,#4077de66 0,#0000 60%);border-radius:50%;height:clamp(200px,40vw,300px);pointer-events:none;position:absolute;transform:translate(-50%,-50%);transition:left .05s linear,top .05s linear;width:clamp(200px,40vw,300px);z-index:1}.section1-heading{font-size:clamp(80px,10vw,150px);font-weight:800;margin:clamp(-40px,-5vw,-60px) 0 0}.igpost-box{background-color:initial;border:1px solid #000;border-radius:clamp(20px,4vw,30px);box-shadow:1px 2px 8px #0000001a;padding:clamp(15px,3vw,20px) clamp(20px,5vw,30px);position:relative;width:clamp(300px,40vw,430px)}.igpost-header{align-items:center;display:flex;flex-direction:row;gap:clamp(10px,2vw,20px)}.igpfp{border-radius:50%;height:clamp(40px,6vw,60px);width:clamp(40px,6vw,60px)}.ig-uname{font-size:clamp(14px,2.5vw,18px);font-weight:600;margin-bottom:clamp(-10px,-1.5vw,-15px)}.ig-location{font-size:clamp(9px,1.5vw,11px);font-weight:500}.igpost-p{font-size:clamp(14px,2.5vw,18px);width:95%}.ig-camera{margin-left:clamp(-180px,-9.4vw,-120px);margin-top:clamp(25px,4vw,20px);position:relative;width:clamp(500px,70vw,900px);z-index:1}.ig-photo{background-color:#000;border-radius:clamp(8px,2vw,10px);height:clamp(200px,35vw,352px);left:clamp(-2px,-.5vw,-4px);overflow:hidden;position:absolute;top:clamp(150px,25vw,210px);width:clamp(300px,50vw,490px);z-index:10000}.ig-photo-img{display:block;height:100%;object-fit:cover;width:100%}.ig-photo-img.left{animation:swipeLeft .5s forwards}.ig-photo-img.right{animation:swipeRight .5s forwards}@keyframes swipeLeft{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes swipeRight{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}.ig-next-button,.ig-previous-button{background-color:#c8c8c84d;border:none;border-radius:50%;cursor:pointer;font-size:clamp(12px,2.5vw,16px);padding:clamp(12px,3vw,20px);position:absolute;top:clamp(300px,50vw,413px);transition:background-color .2s,transform .2s;z-index:20000}.ig-previous-button{right:clamp(-98px,-7vw,-60px)}.ig-next-button{right:clamp(-170px,-12vw,-140px)}.ig-next-button:hover,.ig-previous-button:hover{background-color:#c8c8c880;transform:scale(1.05)}.section3-albumtitle{font-size:clamp(30px,8vw,60px);font-weight:700;margin-top:clamp(-10px,-3vw,-20px)}.section3-albumtracks{font-size:clamp(12px,2.5vw,16px);margin-top:clamp(30px,6vw,50px);text-align:center;width:40%}.starterpack-container{height:clamp(300px,40vw,500px);margin:0 auto;position:relative;width:clamp(600px,90vw,1200px)}.starterpack{position:absolute;width:clamp(100px,16vw,200px)}.starterpack-wrapper:first-child{left:clamp(5px,1vw,10px);top:clamp(10px,2vw,20px)}.starterpack-wrapper:nth-child(2){left:clamp(150px,25vw,300px);top:clamp(-5px,-1vw,-10px)}.starterpack-wrapper:nth-child(3){left:clamp(75px,12vw,150px);top:clamp(125px,20vw,250px)}.starterpack-wrapper:nth-child(4){left:clamp(230px,38vw,460px);top:clamp(125px,20vw,250px)}.starterpack-wrapper:nth-child(5){left:clamp(300px,50vw,600px);top:clamp(40px,6vw,80px)}.starterpack-wrapper:nth-child(6){left:clamp(400px,67vw,800px);top:clamp(125px,20vw,250px)}.starterpack-wrapper:nth-child(7){left:clamp(475px,80vw,950px);top:clamp(0px,0vw,0px)}.starterpack-wrapper:nth-child(2) .starterpack{width:clamp(100px,12vw,150px)}.starterpack-wrapper:nth-child(3) .starterpack,.starterpack-wrapper:nth-child(5) .starterpack,.starterpack-wrapper:nth-child(6) .starterpack,.starterpack-wrapper:nth-child(7) .starterpack{height:clamp(125px,17vw,200px);object-fit:cover;width:clamp(150px,20vw,240px)}.starterpack-wrapper{position:absolute}.starterpack-number{color:#000;font-size:clamp(14px,2.5vw,20px);font-weight:500;left:clamp(-12px,-2vw,-20px);position:absolute;text-shadow:1px 1px 2px #fff}.works-heading{font-size:clamp(64px,6vw,96px);font-weight:800;margin:clamp(-40px,-3vw,-50px) 0 0}.section1-oneline{display:flex;flex-direction:row;justify-content:space-between;width:88%}.works-container{-ms-overflow-style:none;display:flex;gap:clamp(20px,3vw,40px);overflow-x:auto;padding-bottom:clamp(10px,1.5vw,20px);scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none}.works-container::-webkit-scrollbar{display:none}.work{border:1px solid #ddd;border-radius:clamp(15px,2vw,20px);box-shadow:0 8px 20px #0000001a;cursor:pointer;display:flex;flex:0 0 auto;flex-direction:column;height:clamp(400px,45vw,520px);justify-content:space-between;max-width:clamp(200px,25vw,300px);min-width:clamp(200px,25vw,300px);padding:clamp(15px,2vw,20px) clamp(25px,4vw,40px);position:relative;scroll-snap-align:start;transition:all .4s ease}.work.expanded{background-color:#e0e0e0;max-width:clamp(600px,50vw,800px);min-width:clamp(600px,50vw,910px)}.work-duration{background-color:#fff;border:1px solid #000;border-radius:clamp(15px,2vw,20px);font-size:clamp(14px,1.5vw,18px);font-weight:700;padding:clamp(4px,.6vw,5px) clamp(10px,1.2vw,15px);position:absolute;right:clamp(20px,2vw,30px);top:clamp(8px,1vw,10px)}.work-bottominfo{margin-top:auto}.hidden{display:none}.work-name{font-size:clamp(18px,2.5vw,24px);font-weight:700;margin-bottom:clamp(8px,1vw,10px);margin-top:clamp(30px,5vw,50px)}.work-tech{font-size:clamp(14px,1.8vw,18px);margin-top:clamp(4px,.5vw,6px)}.works-scroll-wrapper{align-items:center;display:flex;overflow-x:scroll;position:relative;width:90%}.scroll-icon{background:#0000;border:none;color:#000;cursor:pointer;padding:clamp(8px,1vw,10px);transition:color .3s ease;z-index:10}.scroll-icon:hover{color:#555}.scroll-icon.left{margin-right:clamp(8px,1vw,10px)}.scroll-icon.right{margin-left:clamp(8px,1vw,10px)}.section2-headingtypo{border-bottom:1px solid #000;font-size:clamp(40px,4.5vw,64px);font-weight:600;margin-top:clamp(-10px,-5vw,-20px);padding-bottom:clamp(10px,1.5vw,20px)}.section2-oneline{align-items:center;display:flex;flex-direction:row;gap:clamp(80px,10vw,150px);justify-content:center;margin-bottom:clamp(-250px,-18vw,-300px);margin-top:clamp(-150px,-10vw,-130px)}.section2-fontnamemain{background-color:#e1f1ff;border-right:5px solid #4077de;width:clamp(400px,40vw,600px)}.section2-fontname,.section2-fontnamemain{font-size:clamp(100px,12vw,150px);font-weight:400}.section2-explanation{font-size:clamp(14px,1.8vw,18px);margin-top:clamp(150px,4vw,50px);text-align:center;width:clamp(50%,60%,65%)}.workflow-oneline{align-items:center;display:flex;flex-direction:row;gap:clamp(30px,5vw,50px)}.workflow-heading{background-color:initial;border:2px solid #000;border-radius:clamp(100px,15vw,200px);cursor:pointer;font-size:clamp(64px,7vw,96px);padding:0 clamp(20px,2.5vw,30px);transition:all .3s ease}.workflow-heading:hover{background-color:#000;color:#fff;transform:scale(1.05)}.workflow-container{border:2px solid #000;border-radius:clamp(30px,5vw,50px);margin-bottom:clamp(-40px,-5vw,-50px);padding:clamp(30px,4vw,50px)}.workflow-explanation{font-size:clamp(16px,2vw,20px);width:clamp(60%,70%,80%)}.workflow-title{font-size:clamp(64px,7vw,96px);font-weight:700}@media screen and (max-width:1440px){.works-heading{font-size:80px;margin-top:-40px}.work{height:450px;max-width:260px;min-width:260px;padding:15px 30px}.work.expanded{max-width:750px;min-width:750px}.work-duration{font-size:16px;right:20px}.work-name{font-size:20px;margin-top:40px}.work-tech{font-size:16px}.section2-headingtypo{font-size:52px;padding-bottom:15px}.section2-oneline{gap:100px;margin-bottom:-200px;margin-top:-100px}.section2-fontname,.section2-fontnamemain{font-size:120px;width:500px}.section2-explanation{font-size:16px;width:65%}.workflow-heading{font-size:80px;padding:0 25px}.workflow-container{padding:40px}.workflow-explanation{font-size:18px}.workflow-title{font-size:80px}}.mobile-warning{align-items:center;background:#000000f2;color:#fff;display:none;flex-direction:column;font-size:1rem;font-weight:600;height:100%;justify-content:center;left:0;padding:2rem;position:fixed;text-align:center;top:0;width:100%;z-index:10000}@media (max-width:1800px){.mobile-warning{display:flex}}.navbar{justify-content:flex-end;left:0;padding:30px 50px;position:fixed;right:0;top:0;z-index:1000}.navbar,.navbar-links{align-items:center;display:flex}.navbar-links{gap:30px;list-style:none;margin:0;padding:0}.navbar-links li a{color:inherit;font-weight:400;text-decoration:none;transition:color .3s ease-in}.navbar-links li a:hover{color:#555}.navbar-links li a.active{color:#000;font-weight:600;text-decoration:underline}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.contact-container{animation:fadeIn 1s ease forwards;flex-direction:column;height:100vh;overflow:hidden;text-align:center}.contact-container,.contact-content{align-items:center;display:flex;justify-content:center}.contact-content{flex-direction:row;gap:20rem;width:100%}.contact-form{display:flex;flex-direction:column;gap:1rem;width:40%}.inputs{border:1px solid #ccc;border-radius:4px;font-size:1rem;padding:.7rem}.contactlogo{margin-bottom:2rem;width:25%}.contactbutton-style{background-color:#4077de;border:none;border-radius:clamp(15px,4vw,20px);color:#fff;cursor:pointer;font-size:clamp(14px,1vw,16px);font-weight:600;padding:clamp(6px,1.5vw,8px) clamp(10px,3vw,15px);transition:background-color .3s ease,color .3s ease}.contactbutton-style:hover{background-color:#305599;color:#fff}
/*# sourceMappingURL=main.c3b8e722.css.map*/