@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Tilt+Warp&display=swap";*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}html,body{height:100%;width:100%}body{background:#000;font-family:Outfit,sans-serif;display:flex;flex-direction:column;min-height:100vh;background-position:center;background-repeat:repeat;background-size:cover;overflow-x:hidden;background-color:#000}.loader-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;display:flex;justify-content:center;align-items:center;z-index:9999;overflow:hidden}.preloader-text{font-family:Tilt Warp,sans-serif;font-size:10rem;color:#beb7a4;display:flex;position:relative;z-index:2}.preloader-text .letter{opacity:0;transform:translateY(100%);animation:letterAnimation .5s ease-out forwards}@keyframes letterAnimation{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.main-container{opacity:0;transform:translateY(50px);transition:opacity .5s ease-out,transform .5s ease-out}.main-container.visible{opacity:1;transform:translateY(0)}.btn{background-color:transparent;color:#beb7a4;border:2px solid #BEB7A4;width:25vh;height:7vh;border-radius:5px;letter-spacing:2px;text-transform:uppercase;font-weight:700;transition:.5s ease-in-out;cursor:pointer;font-size:15px}.btn:hover{transform:translate(-5px,-5px);box-shadow:5px 5px #beb7a4;color:#000;border-color:#000}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background-color:#fff}::-webkit-scrollbar-thumb{background:#00000080;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#000000b3}body{scrollbar-width:thin;scrollbar-color:#ffffff}.custom-cursor{position:fixed;width:20px;height:20px;background-color:#fff;border-radius:50%;pointer-events:none;mix-blend-mode:difference;transform:translate(-50%,-50%);z-index:100}.Home{width:100%;min-height:auto;display:flex;flex-direction:column;align-items:center}.Heading{color:#ff3f00}.Hero{width:100%;height:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#000;gap:1rem;background-color:#fff;padding-top:2%}.hero-marquee h1{font-size:13rem;line-height:.9;word-spacing:1.3rem;letter-spacing:.125rem;margin-left:4rem;color:#000}.Home .Other-parts{display:flex;flex-direction:row;width:100%;align-items:center;justify-content:space-between;height:auto;min-height:18rem;padding:0 8% 0 15%}.Home .Other-parts button{background-color:transparent;border:2px solid black;border-radius:100%;width:12rem;height:12rem;display:flex;color:#000;align-items:center;justify-content:center;font-weight:400;cursor:pointer;transition:.7s ease-in-out;transition:.3s ease-in-out}.Home .Other-parts button:hover{background-color:#ff3f00;border:2px solid #FF3F00;color:#000}.Home .Other-parts button h2{font-size:1.5rem;font-weight:300}.Home .Other-parts h1{font-size:2.1rem;font-weight:300}@media (max-width: 800px){.Hero{display:flex;flex-direction:column-reverse;padding-top:10%;border-bottom:5rem solid black;gap:1rem}.Home .Other-parts{height:auto;display:flex;align-items:center;justify-self:center;flex-direction:column-reverse;border-bottom:10vh;gap:5rem}.Home .Other-parts h1{font-size:2.7rem;font-weight:300;position:relative;top:5vh;text-align:center}.hero-marquee h1{font-size:6rem}.Home .Other-parts h2{background-color:#ff3f00;transition:.7s ease-in-out;border:2px solid #FF3F00;font-size:1.8rem}.Home .Other-parts h2:hover{background-color:transparent;border:2px solid white}}@media (max-width: 500px){.hero-marquee h1{font-size:5rem}}.About{display:flex;align-items:flex-start;flex-direction:column;z-index:2;width:100%;height:auto;gap:1.2rem;padding:8rem 10% 3rem;background-color:#fff}.About .Main-content{font-size:1.8rem;display:flex;flex-direction:column;gap:5rem;width:100%}.About .Main-content h2{font-weight:400}.About .Main-content .Other-parts{width:100%;display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;padding:0}.About .Main-content .Other-parts h4{font-weight:300;font-size:1.7rem;width:50%}.About .Main-content .Other-parts img{width:25rem}@media (max-width: 500px){.About .Main-content{font-size:1rem}.About .Main-content h1{font-weight:500}.About{padding:8rem 5% 5rem}}@media (max-width: 850px){.About .Main-content .Other-parts img{width:18rem}.About .Main-content{font-size:1.6rem}.About .Main-content .Other-parts h4{font-size:1.5rem}}@media (max-width: 780px){.About .Main-content .Other-parts img{width:18rem}.About .Main-content .Other-parts{display:flex;flex-direction:column;align-items:center;text-align:left;gap:2.5rem}.About .Main-content .Other-parts h4{display:flex;align-items:flex-start;width:100%}.About .Main-content{gap:1rem}}.Skill{background-color:#fff;display:flex;align-items:flex-start;flex-direction:column;z-index:2;width:100%;height:auto;padding:10% 0 13%}.Skill .Heading{width:100%;padding-left:10%;color:#ff3f00;height:4rem}.Skill .Main-content{width:100%;height:auto;list-style:none;display:flex;flex-direction:column}.Skill .Main-content li{padding:0 0 0 10%;font-size:2.2rem;border-top:1px solid black;width:100%;height:6rem;display:flex;align-items:center;margin:0;transition:.3s ease-in-out;text-transform:uppercase;transform:scaleY(1);letter-spacing:2px;font-weight:500;cursor:pointer}.Skill .Main-content li:hover{background-color:#ff3f00}.Skill .Main-content .Last-element{border-bottom:1px solid black}.details-container{display:flex;text-align:left;align-items:center;justify-content:space-between;width:100%;height:100%;color:#fff;padding-right:2%;padding-left:50%;font-size:18px;flex-direction:row-reverse;position:relative;text-transform:none;letter-spacing:normal}.tools-section{border-bottom:1px solid black}.Skill .tapme{padding:0 0 0 10%;font-size:1.5rem;border-top:1px solid black;width:100%;height:5.5rem;display:flex;align-items:center;background-color:#000;color:#fff;margin:0;transition:.3s ease-in-out;text-transform:uppercase;transform:scaleY(1);letter-spacing:2px;font-weight:500}.Skill .tapme h1{animation:blink 2s infinite}@media (max-width: 1150px){.Skill .Main-content li{font-size:2rem}}@media (max-width: 1050px){.Skill .Main-content li{font-size:1.8rem;height:5.8rem}}@media (max-width: 950px){.Skill .Main-content li{font-size:1.7rem;height:5.6rem}.details-container{font-size:15px}}@media (max-width: 850px){.Skill .Main-content li{font-size:1.5rem;height:5.4rem}}@media (max-width: 768px){.Skill .tapme{display:none}.Skill .Main-content li{font-size:1.3rem;height:5.3rem}.details-container{font-size:13px}}@media (max-width: 700px){.Skill .Main-content li{font-size:1.1rem;height:5rem}}@media (max-width: 600px){.Skill .Main-content li{font-size:1rem;height:4.3rem}}@media (max-width: 550px){.Skill .Main-content li{font-size:.9rem;height:4.2rem;letter-spacing:0}.details-container{font-size:14px;width:100%;padding-left:5rem}}@media (max-width: 450px){.Skill .Main-content li{font-size:.7rem;height:3.6rem;letter-spacing:0}.details-container{font-size:12px;width:100%;padding-left:5rem}}@media (max-width: 360px){.Skill .Main-content li{font-size:.65rem;height:3.4rem;letter-spacing:0}.Skill{border-bottom:5rem solid white;border-top:1rem solid white}.details-container{font-size:12px;width:100%;padding-left:0;padding-right:1rem;text-align:center}}.Projects{background-color:#1a1a1a;display:flex;align-items:flex-start;flex-direction:column;z-index:2;width:100%;height:auto;padding-top:7%;position:relative}.Projects .Heading{color:#fff;font-size:35px;padding-left:8%;width:100%}.Projects .Main-content{width:100%;height:100%;display:flex;flex-direction:column}.Projects .Healthwave{display:flex;flex-direction:column;width:100%;height:auto;gap:8vh;padding:5% 0 10% 8%}.Projects img{width:80%;cursor:pointer}.Projects p{font-size:31px;transform:scaleY(1.1);display:inline-block;font-weight:300}.project-details{width:100%;height:100%;display:flex;flex-direction:row;gap:6vh;margin-top:15px}.project-title{width:40%;display:flex;flex-direction:column;color:#fff;gap:40px}.project-description{width:50%;height:100%;color:#fff;display:flex;flex-direction:column;gap:40px}.project-techstack{display:flex;flex-direction:row;list-style:none;gap:20px;font-size:21px;color:#eb5939;text-transform:uppercase;flex-wrap:wrap}.Projects .ModelHQ{display:flex;flex-direction:column;width:100%;height:auto;gap:7vh;background-color:#000ac4;padding:10% 0 10% 8%}.Projects .ModelHQ .project-title{color:#fff}.Projects .ModelHQ .project-details{display:flex;align-items:center;flex-direction:row;color:#fff}.Project-demo{margin-left:10%;margin-top:70px}.More-projects{width:100%;height:auto;display:flex;align-items:center;justify-content:center;background-color:#000ac4;margin:0;border:0;flex-direction:column;border-bottom:100px solid #000ac4;gap:50px}.More-projects h1{font-size:4rem;color:#fff}.More-projects button{background-color:#fff;border:2px solid white;border-radius:100%;width:12rem;height:12rem;display:flex;color:#000;align-items:center;justify-content:center;font-weight:400;cursor:pointer;transition:.7s ease-in-out;transition:.3s ease-in-out;font-size:1.5rem}.More-projects button:hover{background-color:#ff3f00;border:2px solid #FF3F00;color:#000}@keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}.techstack-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-transform:uppercase;font-size:40px;flex-wrap:wrap}@media (max-width: 1000px){.Projects .Heading{font-size:30px}}@media (max-width: 900px){.Projects .Healthwave .project-details,.Projects .AXWeather .project-details,.Projects .QuizElite .project-details{display:flex;flex-direction:column;width:100%;align-items:flex-start}.Projects .Healthwave .project-title,.Projects .AXWeather .project-title,.Projects .QuizElite .project-title,.project-description{width:90%}.Projects img{width:95%}}.FAQS-frame{width:100%;background-color:#1a1a1a;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;padding:15% 25%;box-sizing:border-box;gap:.3rem}.FAQS-frame h2{color:#626262;font-weight:300;font-size:1.3rem}.faqs-list{width:100%;display:flex;flex-direction:column;gap:1.1rem}.faq-item{background:#f8f8f8;border-radius:18px;box-shadow:0 2px 12px #0000000a;cursor:pointer;padding:1.2rem 2rem;transition:box-shadow .2s,background .2s;border:1.5px solid #ececec;position:relative}.faq-item.open{background:#fff6f2;border-color:#ff3f00;box-shadow:0 4px 24px #ff3f0014}.simple-faq{background:none;box-shadow:none;border:none;padding:0;gap:0}.faq-question-simple{background:none!important;box-shadow:none!important;border-radius:0!important;padding:0!important}.faq-question-simple:hover{color:#ff3f00}.faq-answer-simple{background:none!important;box-shadow:none!important;border-radius:0!important;padding:0!important;animation:fadeIn .3s}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.blank-space{background-color:#bdc7d0;width:100%;height:20vh;border-bottom-right-radius:100%;border-bottom-left-radius:100%;border-color:#fff;position:absolute;bottom:-5rem}.Contact-me{width:100%;height:auto;border-bottom:15vh solid black;display:flex;flex-direction:column;color:#fff;padding:15% 8% 0;gap:3rem}.Contact-me h1{color:#fff;font-size:7rem}.contact{display:flex;flex-direction:column;gap:2rem;width:50%;align-items:flex-end;width:100%}.contact .details{display:flex;flex-direction:row;gap:4rem}.contact input{background-color:transparent;border:none;height:50px;width:100%;border-bottom:2px solid white;outline:none;color:#fff;font-size:20px}.contact input::placeholder{color:#fff;font-size:20px}.contact .Message{width:100%}.Socials{display:flex;flex-direction:column;gap:1rem}.Socials h2{font-size:3rem;margin-top:2rem;color:#ff3f00}.social-links{display:flex;flex-direction:row;margin-top:1rem;align-items:center}.social-links .social-media{width:70%;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,auto);gap:20px}.social-links .social-media h3{font-size:2rem;transition:.7s ease-in-out;cursor:pointer}.social-links .social-media h3:hover{color:#ff3f00}.private-links{display:flex;flex-direction:column;gap:1rem;font-size:.8rem}.private-links span{font-size:1.3rem;font-weight:400}@media (max-width: 850px){.Contact-me h1{font-size:5rem;margin-top:3rem}.social-links .social-media h3{font-size:2rem}.contact{display:flex;align-items:flex-start}.social-links .social-media{display:flex;flex-direction:column}.private-links{font-size:1.4rem}}@media (max-width: 550px){.social-links{display:flex;flex-direction:column;padding:0;align-items:flex-start;gap:40px}.private-links{display:flex;flex-direction:column;justify-content:space-between;width:100%;gap:30px;color:#ff3f00}.Contact-me h1{font-size:3rem;margin-top:3rem}}.hero-marquee{display:flex;justify-content:flex-start;flex-wrap:nowrap;width:100%;overflow:hidden}.marquee-item{display:inline-block;margin-left:0;padding-right:.8rem;white-space:nowrap}.Skill .marquee-container{width:100%;height:100%;display:flex;align-items:center;justify-content:flex-start;overflow:hidden}.Notice{background-color:#000;color:#ff3f00;position:fixed;text-align:center;top:0;width:100%;z-index:1000;padding:5px 0}.Navbar{width:100%;height:80px;overflow-y:hidden;display:flex;align-items:center;justify-content:space-between;padding:0 5%;z-index:100;color:#000;flex-wrap:wrap;margin:0;background-color:#fff}.logo{font-family:Tilt Warp,sans-serif;letter-spacing:.125rem;font-size:1.4rem;font-weight:500;transition:transform .2s ease-in-out;color:#ff3f00;cursor:pointer}.Nav-list{display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:200;letter-spacing:.0625rem;font-family:Outfit,sans-serif;text-transform:uppercase;cursor:pointer;position:relative;margin-top:.5rem;background-color:#fff}.Nav-list h4{position:relative;transition:transform .2s ease-in-out;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0 1.9rem;transition:.3s ease-in-out}.Nav-list h4:hover{color:#ff3f00}.Resume{display:flex;flex-direction:row;align-items:center;transition:.3s ease-in-out;cursor:pointer}.Resume h2{font-size:1.4rem;font-family:Tilt Warp,sans-serif;letter-spacing:.125rem;font-weight:500;color:#ff3f00}.arrow-icon{margin-left:.5rem;font-size:1rem;vertical-align:middle}@media (max-width: 900px){.Nav-list{display:flex;text-transform:none;cursor:pointer;position:fixed;top:0;right:-100%;width:30rem;height:100%;background-color:#fff;transition:right .3s ease-in-out;z-index:99;color:#000;flex-direction:column;align-items:flex-end;justify-content:flex-start;padding:1rem 5%;margin:0}.Nav-list.open{right:0}.close-btn{font-size:2.1rem;color:#fff;background-color:#000;width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:100%;cursor:pointer;transition:color .2s ease-in-out;margin-bottom:1rem}.close-btn:hover{color:#ff3f00}.Nav-text{font-size:1rem;width:100%;margin-bottom:1rem;text-transform:uppercase;color:#ff3f00}.Nav-list h4{width:100%;display:flex;align-items:flex-start;justify-content:flex-start;padding:0;margin-bottom:.4rem;font-size:3rem;font-weight:500;letter-spacing:2px}.Nav-list hr{background-color:#000;width:100%;height:2px;margin-bottom:1rem}.Navbar{justify-content:space-between}.hamburger{display:block;cursor:pointer;font-size:1.5rem;padding:10px}.logo{font-size:1.5rem}.Resume{display:none}.Resume2{width:100%;color:#ff3f00}.horizontal-line{margin-top:3rem}}@media (min-width: 901px){.Nav-list{display:flex}.hamburger,.close-btn,.Nav-text,.horizontal-line,.Resume2,.Navbar hr{display:none}}@media (max-width: 500px){.Nav-list{width:100%}}.navbar-black{background-color:#000;color:#fff}.AboutPage{background-color:#fff;width:100%;height:auto;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0 5%}.About-hero{display:flex;flex-direction:row;align-items:flex-end;justify-content:center;padding:9% 0}.About-hero h1{font-size:4.2rem;width:70%;font-weight:600;line-height:1}.About-hero h1 span{color:#ff3f00}.About-hero h4{width:60%;text-align:right;font-weight:400;color:#595959;font-size:1rem}.About-hero .about-links{display:flex;flex-direction:row;gap:10px;align-items:flex-end;justify-content:flex-end;margin-top:10px}.About-hero h4 button{background-color:transparent;border:none;width:100px;height:32px;border-radius:15px;transition:.5s ease-in-out;font-weight:700;color:#595959}.About-hero h4 button:hover{background-color:#e3e3e3;color:#000;border-radius:15px}.AboutPage .Can-help-with{width:100%;height:auto;background-color:#fff;padding-top:3%;display:flex;flex-direction:column;gap:30px}.AboutPage .Can-help-with h1{font-size:2.5rem;font-weight:400}.My-domains{width:100%;height:100%;background-color:#ff3f00;display:flex;color:#fff}.My-domains>div{flex:1;display:flex;align-items:flex-start;flex-direction:column;gap:10px;padding:6% 4%}.My-domains hr{width:100%}.My-domains p{width:100%;text-align:left;font-size:1.5rem}.domain-heading{font-size:2rem!important;width:95%;text-align:left;font-weight:700}.My-domains h2{font-size:1.5rem;margin-top:30px;font-weight:300}.Timeline h1{font-size:4rem;width:100%;text-align:center}.Gsoc-frame{width:100%;height:auto;padding:15% 10% 10%;display:flex;justify-content:center;flex-direction:row;gap:50px}.Gsoc-frame .Profilepicture{width:45%}.Gsoc-frame .frame-content{padding:0 4%;display:flex;flex-direction:column;gap:20px}.frame-content h1{font-size:2.6rem;font-weight:400}.frame-content p{font-size:1.1rem;font-weight:300}.Gsoclogo{width:30%}.ProjectPage{width:100%;height:auto;background-color:#fff;display:flex;align-items:center;flex-direction:column;padding:5% 0 7%;margin:0}.ProjectPage .ProjectPageHeadline{font-weight:400;font-size:5.2rem;width:100%;line-height:1;padding:3% 15%}.Project-categories{width:100%;display:flex;padding:0 15%;flex-direction:row;gap:15px}.Project-categories button{padding:3% 5%;background-color:transparent;border-radius:40px;border:1.5px solid #d6d6d6;font-size:1rem;transition:.5s ease-in-out}.Project-categories button:hover,.Project-categories button.active{background-color:#000;color:#fff}.All-Projects{width:100%;display:grid;grid-template-columns:1fr 1fr;padding:7% 0;background-color:#fff}.project{width:100%;height:100vh;border-top:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6;border-right:1px solid #d6d6d6;display:flex;flex-direction:column;padding:3%;gap:30px}.project img{width:100%}.project-content{display:flex;flex-direction:row;font-size:1.2rem;font-weight:300;gap:40px;letter-spacing:.5px;padding-left:10px;padding-right:10px;width:100%}.project-content span{font-weight:500}.project-content .Project-name{margin:0;flex:1;line-height:1.3}.project-content .Project-name .project-type{font-weight:300;font-size:1.1rem;margin-top:3px}.project-content h1{margin:0 0 0 auto;font-size:4rem;font-weight:300}@media (max-width: 900px){.All-Projects{grid-template-columns:1fr;gap:2rem}}