.cursor{position:fixed;width:8px;height:8px;margin-top:-20px;border-radius:50%;border:2px solid #ffffff;background:#fff;transition:transform .2s ease;transform-origin:center center;pointer-events:none;z-index:1000}.blackcursor{position:fixed;width:8px;height:8px;margin-top:-20px;border-radius:50%;border:2px solid #000000;background:#000;transition:transform .2s ease;transform-origin:center center;pointer-events:none;z-index:1000}.grow,.grow-small{transform:scale(22);background:#fff;mix-blend-mode:difference;border:none}.aboutgrow,.aboutgrow-small{transform:scale(12);background:#000;mix-blend-mode:difference;border:none}.grow-small{transform:scale(2.5)}@media screen and (max-width : 950px) and (min-width:0px){.cursor,.blackcursor{display:none}}.navbar-container{width:100%;position:fixed;top:0;left:0;display:flex;justify-content:center;align-items:center;z-index:10;border-bottom:1px solid black}.navbar-content{padding:8px 120px;height:80px;display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1600px;transition:.2s ease}.navbar-mobile{width:100%;height:400px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;align-items:flex-start;padding:40px;border-bottom:1px solid #606060;max-width:1600px;transition:.2s ease}.navbar-light-trigger{margin-top:-16px;background-color:transparent}.downlaodresume{border:1px solid var(--portfolio-gray-color);padding:12px;cursor:pointer}.navbar-tab{font-size:22px;color:var(--portfolio-text-color);font-family:Inter,sans-serif;text-decoration:none}.notextdec{text-decoration:none;color:var(--portfolio-text-color)}.navbar-name{color:var(--portfolio-text-color);font-size:18px;font-family:Inter,sans-serif;font-weight:600;display:flex;justify-content:center;align-items:center;gap:8px}.navbar-burger,.navbar-path{cursor:pointer;fill:#fff;width:40px;height:40px}.reddot{width:8px;height:8px;background-color:red;border-radius:8px}.navbar-burger-icon,.navbar-tab,.navbarcrossicon{cursor:pointer}.navbardarkpath{fill:#fff;stroke:#fff}.navbarlightpath{fill:#000;stroke:#000}@media screen and (max-width:800px) and (min-width:0px){.navbar-content{padding:8px 20px}}@media screen and (max-width:350px) and (min-width:0px){.navbar-content{padding:4px 20px}}label{width:150px;height:36px;position:relative;display:block;background-color:#ebebeb;border-radius:200px;box-shadow:inset 0 5px 15px #0006,inset 0 -5px 15px #fff0;cursor:pointer;transition:.4s ease}.darkmode-toggle-box{background-color:transparent}label:after{content:"";width:50px;height:36px;position:absolute;top:0;left:0;background:linear-gradient(180deg,#b4b4b4,#000);border-radius:100px;box-sizing:0px 5px 10px rgba(0,0,.2);transition:.4s ease}.darkmodetoggler{width:0px;height:0px;visibility:hidden}.darkmodetoggler:checked+label{background:#242424}.darkmodetoggler:checked+label:after{left:150px;transform:translate(-100%);background:linear-gradient(180deg,#777,#3a3a3a)}label:active:after{width:80px}.background{width:100vw;height:100vh;background:#fff;z-index:-1;position:absolute;transition:.3s}.darkmodetoggler:checked+label+.background{background:#242424}label svg{position:absolute;width:30px;top:2px;z-index:100}label svg.sun{left:110px;fill:#fff;transition:.3s;background-color:transparent}label svg.moon{left:10px;fill:#7e7e7e;transition:.3s;background-color:transparent}.darkmodetoggler:checked+label svg.sun{fill:#7e7e7e}.darkmodetoggler:checked+label svg.moon{fill:#fff}.homepage-container{height:100%;width:100%;display:flex;justify-content:center;flex-direction:column;align-items:center;border-bottom:1px solid gray}.homepage-content{width:100%;height:100vh;max-width:1800px;display:flex;justify-content:center;flex-direction:column;align-items:center;gap:20px;position:relative;overflow:hidden}.home-highlights{color:var(--portfolio-text-color)}.home-content-title{color:var(--portfolio-gray-color)}.home-bglightcontent-title{color:#000}.home-title{display:flex;flex-direction:column;font-size:76px;font-family:Inter,sans-serif;text-align:center;padding:0 40px;margin-top:60px}.home-button{display:flex;flex-direction:row;justify-content:center;align-items:center;border:1px solid gray;padding:8px 28px;border-radius:70px;gap:5px;cursor:pointer;z-index:2}.homebglight-button{display:flex;flex-direction:row;justify-content:center;align-items:center;border:1px solid rgb(0,0,0);padding:8px 28px;border-radius:70px;gap:5px;cursor:pointer;z-index:2}.down-arrow{animation:pulse 1s ease-in-out infinite alternate}.home-btn-text{font-size:24px;color:var(--portfolio-text-color);font-family:Inter,sans-serif}.home-bglightbtn-text{font-size:24px;color:#000;font-family:Inter,sans-serif}.home-highlights{color:var(--portfolio-text-color);font-weight:600}.wave-hands{margin-top:6px}.waveimage{width:100%;height:100%;animation:wave 2s ease-in-out infinite alternate}.color-balls{position:absolute;mix-blend-mode:color-dodge;animation:zigzag 1s linear infinite,rotate 4s linear infinite}.blueballs-balls{position:absolute;opacity:.5;mix-blend-mode:darken;animation:zigzag 5s linear infinite,rotate 4s linear infinite;width:100%;max-width:820px;height:auto}.violetballs-balls{transform:translate(-300px,-400px);position:absolute;opacity:.5;mix-blend-mode:lighten;animation:zigzag 5s linear infinite,rotate 4s linear infinite;width:100%;max-width:820px;height:auto}.bglightcolor-balls{display:none;position:absolute;mix-blend-mode:lighten;animation:zigzag 1s linear infinite,rotate 4s linear infinite}.scroll-down{padding:50px 100px;display:flex;justify-content:flex-end;width:100%;background-color:transparent;position:absolute;bottom:0;left:0}.container{width:100%;height:100vh}@keyframes pulse{0%{transform:translateY(0)}to{transform:translateY(5px)}}@keyframes zigzag{0%,to{top:0;left:0}25%{top:100px;left:100px}50%{top:0;left:200px}75%{top:100px;left:300px}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes wave{0%{transform:rotate(-10deg)}25%{transform:rotate(10deg)}50%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}to{transform:rotate(-10deg)}}@media screen and (max-width:650px) and (min-width:0px){.home-title{font-size:76px}.home-title{padding:0 20px}}@media screen and (max-width:550px) and (min-width:0px){.home-title{font-size:66px}.home-title{padding:0 20px}}@media screen and (max-width:495px) and (min-width:0px){.home-title{font-size:56px}}@media screen and (max-width:450px) and (min-width:0px){.home-title{font-size:56px}.home-title{padding:0 20px}}@media screen and (max-width:400px) and (min-width:0px){.home-title{font-size:52px}.home-title{padding:0 20px}}@media screen and (max-width:800px) and (min-width:0px){.scroll-down{justify-content:center;align-items:center;padding:40px 0;position:relative;display:none}.homepage-content{height:100vh;padding:0 20px 20px}}@media screen and (max-width:300px) and (min-width:0px){.homepage-content{height:100vh;padding:0 20px 20px}.home-title{font-size:42px}}.about-container{background-color:var( --portfolio-bg-color );height:100%;width:100%;display:flex;justify-content:center;flex-direction:column;align-items:center;border-top:1px solid rgb(41 41 41)}.about-content{background-color:var( --portfolio-bg-color );max-width:1600px;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:90px 120px;overflow:hidden}.about-info{background-color:var( --portfolio-bg-color );width:100%;height:10vh;display:flex;justify-content:space-between;align-items:center;height:200px;position:relative}.about-me{font-family:Inter,sans-serif;font-size:24px;color:var(--portfolio-gray-color);font-weight:900;position:relative}.about-description-box{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:left;color:var(--portfolio-text-color);position:relative}.about-socialicons-container{display:flex;gap:6px}.about-description-image{display:flex;justify-content:center;align-items:center;width:100%}.about-description-des,.about-description-box{color:var(--portfolio-text-color);font-family:Inter,sans-serif;font-size:28px;line-height:55px}.about-image-box{width:50%;display:flex;justify-content:center;align-items:center}.myprofile{width:70%;height:70%;min-width:250px;min-height:250px;padding:20px}.experience-container{border-top:1px solid rgb(41 41 41);border-bottom:1px solid rgb(41 41 41);height:100px;width:100%;border-left:0px;display:flex;flex-direction:row;justify-content:space-between;padding:20px;max-width:1600px}.experience-box{height:100%;width:100%;display:flex;justify-content:center;flex-direction:column;align-items:center;color:var(--portfolio-text-color);font-family:Inter,sans-serif;font-size:18px;gap:12px;padding:20px}.experience-content{display:flex;justify-content:center;align-items:center;flex-direction:column}.mongologo{width:100%;max-width:140px;max-height:60px;min-width:100px;min-height:30px}.reactlogo{width:100%;max-width:40px;max-height:40px;min-width:30px;min-height:30px}.javalogo{width:100%;max-width:70px;max-height:60px;min-width:50px;min-height:50px;margin-top:-10px}.nodejslogo{width:100%;max-width:150px;max-height:100px}.pythonlogo{width:100%;max-width:40px;max-height:40px;min-width:30px;min-height:30px}.about-socialicon{cursor:pointer}@media screen and (max-width:800px) and (min-width:0px){.about-content{padding:40px}.about-info{height:160px}}@media screen and (max-width:450px) and (min-width:0px){.about-info{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:16px;height:120px}.about-description-des,.about-description-box{font-family:Inter,sans-serif;font-size:22px;line-height:48px}}@media screen and (max-width:650px) and (min-width:0px){.about-description-image{display:flex;justify-content:center;align-items:center;width:100%;flex-direction:column}.myprofile{order:3;padding:40px 0}.about-description-des{text-align:center}.about-description-box{order:2;text-align:center}.about-content{padding:40px 20px}}.featured-projects-container{width:100%;height:100%;display:flex;justify-content:center;background-color:#000000e6}.featured-projects-content{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:1600px;height:100%;padding:120px 120px 40px;gap:26px;overflow:hidden}.projects-title-section{width:100%;display:flex;flex-direction:column;justify-content:flex-start;gap:36px;padding:10px 0;font-family:Inter,sans-serif}.projects-section-title{font-size:26px;font-weight:200;color:var(--portfolio-gray-color)}.projects-section-description{font-size:38px;width:70%;color:var(--portfolio-text-color)}.projects-listing-section{width:100%;gap:22px;height:100%;justify-content:center;padding:60px 0;display:flex;flex-wrap:wrap;justify-content:flex-start;position:relative}.project-list-box{flex:1 1 calc(25% - 16px);width:100%;height:100%;max-width:395px;max-height:450px;display:flex;flex-direction:column;gap:16px;margin:26px 0}.project-list-display{width:100%;height:520px;display:flex;justify-content:center;overflow:hidden;border:1px solid rgb(41 41 41);padding:25px;border-radius:13px;cursor:pointer}.project-list-controls{width:100%;height:60px;display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;font-family:Inter,sans-serif;flex-wrap:wrap;gap:12px}.project-list-btn{color:var(--portfolio-text-color);border-radius:24px;padding:12px 20px;border:1px solid var(--portfolio-gray-color);cursor:pointer;z-index:3}.display-main-screen{width:90%;height:100%;display:flex;flex-direction:row;justify-content:center;position:relative}.display-page-1{width:100%;height:100%;max-width:800px;z-index:0;background-image:url(/assets/shimmeringone-1Emzw8IV.png);background-size:cover}.display-page-2{width:100%;height:100%;max-width:800px;z-index:0;background-image:url(/assets/infideckproj-JbnAaiSH.png);background-size:cover}.display-page-3{width:100%;height:100%;max-width:800px;z-index:0;background-image:url(/assets/socialmediaapp-s4rPInea.png);background-size:cover}.display-page-4{width:100%;height:100%;max-width:800px;z-index:0;background-image:url(/assets/website3--mHE6vZh.png);background-size:cover}.display-page-5{width:100%;height:100%;max-width:800px;z-index:0;background-image:url(/assets/website5-QiElIU5j.png);background-size:cover}.projects-listing-button{font-family:Inter,sans-serif;color:var(--portfolio-text-color);font-size:18px;padding:20px;border:1px solid var(--portfolio-gray-color);cursor:pointer;z-index:3}.moreicon{margin-left:4px}@media screen and (max-width : 801px) and (min-width:0px){.featured-projects-content{padding:40px}.projects-section-description{font-size:38px;width:100%}.projects-listing-section{padding:30px 0}}@media screen and (max-width : 1050px) and (min-width:0px){.sec1{flex-direction:column;gap:62px}.project-list-display{width:100%;border:1px solid var(--portfolio-gray-color);padding:20px;border-radius:13px}}@media screen and (max-width : 600px) and (min-width:0px){.project-list-btn{font-size:14px;color:#000;background-color:#f0f8ff;font-weight:600}.btn2,.btn1{display:none}.projects-listing-button{font-size:14px}.moreicon{display:none}.display-page-2,.display-page-1,.display-main-screen{width:100%}}@media screen and (max-width : 280px) and (min-width:0px){.featured-projects-content{padding:40px 20px}}.contact-modale-container{background-color:#000000e6;width:100%;height:100vh;position:fixed;top:0;left:0;z-index:100;display:flex;justify-content:center;align-items:center;padding:20px}.contact-bglightmodale-container{background-color:#ffffffe6;width:100%;height:100vh;position:fixed;top:0;left:0;z-index:100;display:flex;justify-content:center;align-items:center;padding:20px}.contact-modale-content{width:100%;max-width:500px;background-color:#000;border-radius:32px;border:1px solid var(--portfolio-gray-color);display:flex;justify-content:center;align-items:center;flex-direction:column;gap:32px;padding:80px 20px;position:relative}.contact-bglightmodale-content{width:100%;max-width:500px;background-color:#fff;border-radius:32px;border:1px solid var(--portfolio-gray-color);display:flex;justify-content:center;align-items:center;flex-direction:column;gap:32px;padding:80px 20px;position:relative}.crossicon{position:absolute;top:-22px;right:-32px;cursor:pointer}.your-name,.contact-me{color:#fff;font-family:Inter,sans-serif}.your-bglightname,.contact-bglightme{color:#000;font-family:Inter,sans-serif}.modaleinput{width:100%;min-width:400px;min-height:40px;border-radius:12px;outline:none;border:none;background-color:#2d2d2d;padding:0 32px;color:#fff}.modalebglightinput{width:100%;min-width:400px;min-height:40px;border-radius:12px;outline:none;border:none;background-color:#e2e2e2;padding:0 32px;color:var(--portfolio-text-color)}.modaleinput:focus{outline:none;color:#fff}.submit-btn{background-color:red;padding:10px 30px;color:#fff;font-family:Inter,sans-serif;width:100%;max-width:400px;display:flex;justify-content:center;align-items:center;cursor:pointer;border-radius:12px;margin-top:22px}.submit-btn:hover{background-color:green;transition:.2s ease}.contact-me-title{font-size:32px}.contact-me-name{gap:12px;display:flex;flex-direction:column}@media screen and (max-width:500px) and (min-width:0px){.modaleinput,.modalebglightinput{min-width:350px}.submit-btn{max-width:350px}.contact-me-title{font-size:24px}}@media screen and (max-width:430px) and (min-width:0px){.modaleinput,.modalebglightinput{min-width:300px}.submit-btn{max-width:300px}}@media screen and (max-width:375px) and (min-width:0px){.modaleinput,.modalebglightinput{min-width:250px}.submit-btn{max-width:250px}}@media screen and (max-width:330px) and (min-width:0px){.modaleinput,.modalebglightinput{min-width:180px}.submit-btn{max-width:180px}}@media screen and (max-width:600px) and (min-width:0px){.crossicon{position:absolute;top:22px;right:32px;cursor:pointer}}@media screen and (max-width:375px) and (min-width:0px){.crossicon{position:absolute;top:-46px;right:10px;cursor:pointer}}.footer-container{height:200px;width:100%;display:flex;justify-content:center}.footer-content{width:100%;height:100%;justify-content:flex-start;align-items:center;padding:20px 120px;display:flex;justify-content:space-between;max-width:1600px}.footer-left{color:var(--portfolio-gray-color);font-family:Inter,sans-serif;font-size:18px}@media screen and (max-width:800px) and (min-width:0px){.footer-content{padding:20px 40px}}@media screen and (max-width:500px) and (min-width:0px){.footer-content{display:flex;flex-direction:column;justify-content:center;gap:24px;align-items:flex-start}}.myprojects-container{border-bottom:1px solid gray}*{margin:0;padding:0;box-sizing:border-box;background-color:var(--portfolio-bg-color)}:root{--portfolio-bg-color: none;--portfolio-text-color: none;--portfolio-gray-color: rgb(108, 108, 108)}.darkmodebg{background-color:#000;color:#fff}.lightmodebg{background-color:#fff;color:#000}::-webkit-scrollbar{width:2px}::-webkit-scrollbar-thumb{background-color:#0cf;border-radius:40px}