@import"https://fonts.googleapis.com/css2?family=Noto+Serif&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";*,:after,:before{padding:0;margin:0;box-sizing:border-box}html{scroll-behavior:smooth}:root{--h1: 50px;--h2: 36px;--h3: 24px;--h4: 18px;--p1: 14px;--p2: 14px;--p3: 20px;--bg2: #2a2c39;--bg1: #252734;--white: #fff;--secondWhite: #d9d9d9;--gumbo: #60626d;--gumbo: #686c7c}html::-webkit-scrollbar{background-color:var(--gumbo);width:1vw}html::-webkit-scrollbar-thumb{background-color:var(--bg2);border-radius:30px}html::-webkit-scrollbar-thumb:hover{background-color:var(--white)}html::-webkit-scrollbar-track{background-color:var(--gumbo);border-radius:30px}body{background-color:var(--bg1);font-family:Roboto,sans-serif;font-weight:300;font-style:normal;width:100%;overflow-x:hidden}main.active{opacity:.2}h1,h2{font-family:Times New Roman,Times,serif}.hamburger{width:40px;height:40px;display:none;justify-content:center;cursor:pointer}.hamburger-menu{align-self:center;width:30px;height:1.6px;border-radius:25px;background-color:var(--white);transition:.3s all}.hamburger-menu:before,.hamburger-menu:after{content:"";position:absolute;width:30px;height:1.6px;border-radius:25px;background-color:var(--white);transition:all .3s ease-out}.hamburger-menu:before{transform:translateY(-9px)}.hamburger-menu:after{transform:translateY(9px)}.header-col-2.active .hamburger-menu:before{transform:translateY(0) rotate(45deg)}.header-col-2.active .hamburger-menu:after{transform:translateY(0) rotate(-45deg)}.header-col-2.active .hamburger-menu{transform:rotate(360deg);background-color:transparent}header{border-bottom:1px solid var(--gumbo)}.header-div{margin:0 auto;height:120px;display:flex;justify-content:space-between;align-items:center}.header-col1{width:max-content}.logo{width:100%;max-width:100px}.header-col2{width:60%}.nav-list{width:100%;list-style-type:none;display:flex;justify-content:space-between}.nav-items{position:relative;padding:10px 15px;cursor:pointer}.items-link:after{content:"";position:absolute;left:50%;right:50%;width:0;bottom:0;background-color:var(--white);height:2px;transition:all .4s}.nav-items:hover .items-link:after{left:5%;right:5%;width:90%}.nav-items:hover .items-link{color:var(--white)}.hide-items{display:none}.items-link{font-size:var(--p3);text-decoration:none;color:var(--gumbo);font-family:Poppins,Helvetica,sans-serif}.header-col3{height:inherit;width:max-content;display:flex;justify-content:flex-end;align-items:center}.header-btn-div{position:relative}.btn-bg{position:absolute;background-color:var(--white);opacity:0;width:0%;height:0%;left:50%;top:50%;transform:translateY(-50%);border-radius:35px;transition:all .4s}.header-btn{font-family:Poppins,Helvetica,sans-serif;position:relative;color:var(--white);text-decoration:none;font-size:calc(var(--p2) + 5px);border:1px solid var(--gumbo);padding:12px 25px;border-radius:30px;cursor:pointer;z-index:10}a{text-decoration:none}.header-btn-div:hover .btn-bg,.header-btn-div:focus .btn-bg{opacity:.05;width:100%;height:100%;left:0%;top:0%;transform:translateY(0)}@media (max-width: 1050px){.header-div{height:100px}.header-col2{width:60%}.logo{max-width:80px}.items-link,.header-btn{font-size:calc(var(--p3) - 3px)}}@media (max-width: 890px){.header-div{height:90px}.header-col2{width:70%}.logo{max-width:70px}.items-link,.header-btn{font-size:calc(var(--p3) - 5px)}}@media (max-width: 760px){:root{--p3: 26px}.header-div{width:95%}.header-col2{display:flex;justify-content:flex-end}.hamburger{display:flex}.header-col3{display:none}.nav{background-color:var(--bg2);transform:translateY(-100%);width:70%;height:max-content;position:absolute;top:0;right:0;transition:transform .4s;z-index:10}.nav.active{transform:translateY(0)}.nav-list{margin-top:5rem;flex-direction:column;margin-left:2rem}.nav-items{margin-bottom:1rem}.hide-items{display:block;margin-bottom:2rem}.hide-btn{background-color:transparent;padding:12px 20px;outline:none;border:1px solid var(--gumbo);border-radius:50%;color:var(--white);font-size:var(--p2);cursor:pointer}.items-link{color:var(--white);font-size:var(--p3)}}@media (max-width: 520px){.nav{width:80%}.hide-btn{padding:8px 14px;font-size:var(--p1)}.nav-items{margin-bottom:.5rem}.hide-items{margin-bottom:1.5rem}}.top{opacity:0;transition:all 1.2s;transition-delay:.3s;transform:translateY(15%)}.topShow{opacity:1;transform:translateY(0)}.sec1{position:relative;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:hidden}.sec1-col1{width:100%;height:470px}.mainImg{position:absolute;width:100%;min-width:100px;max-width:300px;left:50%;top:3%;transform:translate(-50%);background-color:transparent}.sec1-col2{display:flex;flex-direction:column}.heading1{color:var(--white);font-size:var(--h1);margin-bottom:1rem;line-height:.99}.heading3{color:var(--gumbo);font-size:var(--h3);margin-bottom:2rem}.resume-div{margin-bottom:2rem;position:relative;width:max-content}.resume-bg{position:absolute;background-color:var(--white);opacity:0;width:0%;height:0%;left:50%;top:50%;transform:translateY(-50%);border-radius:35px;transition:all .4s}.resumeBtn{background-color:transparent;outline:none;border:1px solid var(--gumbo);padding:15px 25px;border-radius:30px;color:var(--white);font-size:var(--h3);cursor:pointer}.resume-div:hover .resume-bg,.resume-div:focus .resume-bg{opacity:.05;width:100%;height:100%;left:0%;top:0%;transform:translateY(0);cursor:pointer}.resumeBtn .download-icon{width:100%;max-width:20px;position:relative;left:5px;top:3px;cursor:pointer}.parent-container{width:100%}.sub-container{width:1200px;margin:0 auto}.service{margin-top:2rem;background-color:var(--bg2)}.sec2{padding-bottom:2rem;position:relative}.home-arrow{display:block;width:max-content;transform:rotate(-90deg);font-size:calc(var(--h3) + 5px);color:var(--white);border:1px solid var(--gumbo);padding:3px 12px;border-radius:50%;position:fixed;top:90vh;right:4vw;z-index:10}.home-arrow:hover{border:1px solid var(--white)}.heading4{font-size:var(--h4);color:var(--gumbo);margin-top:10px;padding-top:2rem;letter-spacing:.8px}.heading2{font-size:var(--h2);color:var(--secondWhite);margin-top:1rem}.sec2-row{margin-top:2rem;display:flex;flex-direction:column}.sec2-col{background-color:var(--bg1);display:flex;flex-direction:column;height:450px;padding:2.5rem;margin-bottom:1rem}.sec2-logo-div{margin-bottom:2rem}.sec2-logo{width:100%;max-width:50px}.sec2-heading3{color:var(--white);margin:0;margin-bottom:2rem;width:max-content}.sec2-list{margin:0;list-style-type:none;display:flex;flex-direction:column}.sec2-items{font-size:var(--p1);color:var(--gumbo);margin-bottom:1rem}.sec2-items>span{position:relative;top:-2px;color:var(--gumbo);font-size:calc(var(--p1) - 8px)}.skills{background-color:var(--bg1);margin-bottom:2rem}.sec3{overflow-x:hidden}.sec3-row{overflow-x:hidden;width:3850px;margin-top:2rem;display:flex;justify-content:space-between;transition:transform .4s}.skill-div{padding:.5rem;margin:0 auto;margin-bottom:1rem;width:230px;height:200px;background-color:var(--bg2);display:flex;flex-direction:column;justify-content:space-around}.sec3-heading3{color:var(--secondWhite);text-align:center;width:max-content;margin:0 auto;padding-bottom:0rem}.skill-img-div{width:140px;margin:0 auto;transition:transform .4s}.skill-div:hover .skill-img-div{transform:scale(1.2)}.sec3-img{display:block;margin:0 auto;width:100%;max-width:120px}.figma{max-width:80px}.cplus,.python{max-width:100px}.experience{background-color:var(--bg2);padding-bottom:2rem}.sec4-row,.sec4-col1{display:flex;flex-direction:column}.para-div{margin-top:1rem}.para{font-size:var(--p1);line-height:1.2;letter-spacing:1px;margin-bottom:2rem;color:var(--white)}.para:last-of-type{margin-bottom:1.5rem}.progress-div{background-color:var(--bg1);width:95%;padding:1rem;margin-bottom:1rem}.sec4-heading4{margin:0;margin-bottom:1.5rem;width:max-content;padding:.3rem .3rem 0rem}.progress{position:relative;width:0%;border-radius:10px;height:8px;margin-bottom:1rem;opacity:1;transition:all 1.2s}.progress-value{position:absolute;top:-25px;color:var(--gumbo);transition:all 1.2s;opacity:0}.progress-div .topShow{width:100%;background-color:var(--gumbo)}.progress-div .topShow .progress-value{left:82%;opacity:1}.progress-div:nth-of-type(2) .topShow .progress-value{left:91%;opacity:1}.progress-div:nth-of-type(3) .topShow .progress-value{left:77%;opacity:1}.progress-div .progress:after{content:"";position:absolute;left:0;right:0;top:0;bottom:0;background-color:var(--white);height:8px;width:95%;border-radius:10px}.progress-div:nth-of-type(2) .progress:after{width:90%}.progress-div:nth-of-type(3) .progress:after{width:90%}.projects{background-color:var(--bg2);margin-top:-1rem}.sec5{overflow-x:hidden}.sec5-row{display:flex;flex-direction:row;justify-content:space-between;width:2540px;overflow-y:hidden;transition:transform .4s}.sec5-col1{display:flex;flex-direction:column}.sec5-btn-div{width:max-content;margin-top:2rem;display:flex;flex-direction:row}.sec5-btn{outline:none;border:1px solid var(--white);padding:17px;border-radius:50%;font-size:var(--p1);color:var(--white);background-color:transparent;cursor:pointer;margin-left:.5rem;transition:all .4s}.project-div{position:relative;overflow:hidden;margin:1rem auto;width:100%;height:350px;background-color:var(--bg1)}.project-info{position:absolute;z-index:10;background-color:var(--white);background-color:#ffffff38;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:100%;height:100%;left:50%;transform:translate(-50%);transform:translate(-50%,-100%);display:flex;flex-direction:column;padding:2rem;justify-content:space-around;transition:transform .4s}.project-div:hover .project-info{transform:translate(-50%)}.sec5-heading3-2{font-size:var(--h3);color:var(--white)}.sec5-para2{font-size:var(--p2);color:var(--bg1)}.project-links{width:max-content;margin:0 auto}.project-btn{text-decoration:none;background-color:var(--bg1);font-size:var(--p2);color:var(--gumbo);padding:10px;border-radius:30px;transition:all .4s;margin-right:.5rem}.project-btn>span{color:var(--gumbo);position:relative;top:1px}.project-btn:hover{cursor:pointer;background-color:var(--bg2);color:var(--white)}.project-btn:hover>span{color:var(--white)}.sec5-bgImg{display:block;position:absolute;left:100px;top:-50px;width:100%;max-width:200px;transform:rotate(-45deg);opacity:.2}.sec5-bgImg1{left:70px;top:0;transform:translateY(-300px);transform:rotate(-35deg);min-height:350px}.sec5-bgImg5{max-width:250px;top:0;left:50px}.sec5-img{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:90%;opacity:1}.sec5-heading3{width:320px;text-align:center;color:var(--white)}.work{background-color:var(--bg1)}.sec6-heading2,.sec6-heading4{text-align:center}.sec6-heading2{margin-bottom:2rem}.sec6-row{display:flex;flex-direction:column;background-color:var(--bg2);padding:1rem;margin-bottom:2rem}.sec6-col{position:relative}.sec6-img,.sec6-img-icon{width:100%}.sec6-img-icon{max-width:25px;position:absolute;right:0;bottom:-30px}.sec6-heading4-2{text-align:left;margin:0;padding:0;color:var(--white)}.para2{font-size:var(--p2)}.sec6-para2{color:var(--gumbo);margin-bottom:1rem}.sec6-para{color:var(--white);margin-bottom:2rem}.sec6-btn{outline:none;background-color:transparent;font-size:var(--h4);color:var(--white);padding:15px;border-radius:30px;border:1px solid var(--white);transition:all .4s}.sec6-btn>span{color:var(--gumbo);position:relative;top:1px}.sec5-btn:active,.sec6-btn:active,.sec6-btn:active .sec5-btn:active{cursor:pointer;background-color:#ffffff0d}.contact{background-color:var(--bg2)}.sec7{padding-bottom:2rem}.sec7-row{width:100%;display:flex;flex-direction:column}.sec7-col1{order:2;display:flex;flex-direction:column;align-items:center}.div1{background-color:var(--bg1);margin-top:1rem;padding:4rem 2rem;width:250px;height:200px}.div1 a{text-decoration:none;color:var(--gumbo)}.div1 a:hover{color:var(--white);border-bottom:1px solid var(--gumbo)}.links{display:flex;justify-content:space-between}.contact-link{border:1px solid var(--white);padding:.5rem .7rem .4rem;border-radius:50%}.contact-icon{color:var(--white)}.contact-link:hover{background-color:var(--white)}.contact-link:hover .contact-icon{color:var(--gumbo)}.sec7-heading5,.sec7-heading5-2{color:var(--secondWhite);font-size:var(--p2);margin-bottom:1.5rem}.sec7-heading5:last-of-type{color:var(--gumbo)}.form{margin-top:1rem;display:flex;flex-direction:column}.form-input{outline:none;background-color:transparent;font-size:var(--h4);border:1px solid var(--gumbo);padding:1rem .5rem;color:var(--gumbo);margin-bottom:1rem}.textarea{font-size:var(--h4);outline:none;width:100%;background-color:transparent;border:1px solid var(--gumbo);color:var(--gumbo);padding:1rem .5rem;margin-bottom:1rem}.form-input:hover,.form-input:focus,.textarea:hover,.textarea:focus{border:1px solid var(--white);color:#fff}.footer{background-color:var(--bg1);border-top:1px solid var(--gumbo);padding-bottom:2rem}.sec8{padding:1rem;display:flex;flex-direction:column}.foot-logo{margin:0 auto;order:1;margin-bottom:.5rem}.foot-para{text-align:center;order:2;font-size:var(--p2);color:var(--gumbo)}.foot-para>span{color:var(--white)}@media (min-width: 521px){:root{--h1: 96px;--h2: 45px;--h3: 26px;--h4: 20px;--p2: 16px}.sec1-col1{margin-bottom:2rem;height:calc(55vh + 100px)}.heading1,.heading3{text-align:center}.resume-div{width:max-content;margin:2rem auto}.resumeBtn{padding:23px 33px;border-radius:40px}.resumeBtn .download-icon{max-width:30px}.sec5-btn-div{margin:0 auto;margin-top:1rem}.sec5-btn{padding:20px}.project-div{width:400px;height:400px}.sec5-bgImg{transform:rotate(-40deg);top:-120px;max-width:250px}.sec5-bgImg1{left:70px;top:0;transform:translateY(-300px);transform:rotate(-35deg);min-height:400px}.sec5-bgImg5{top:5px;left:70px}.sec5-img{width:100%;max-width:350px}.sec5-img2{max-width:450px}.sec5-heading3{width:100%}}@media (min-width: 769px){:root{--h1: 60px;--h2: 45px;--h3: 24px;--h4: 20px;--p1: 16px;--p2: 14px}main.active{opacity:1}.sec1{flex-direction:row;justify-content:space-between}.sec1-col2{order:0;width:58%;align-items:center;justify-content:center}.sec1-col1{width:40%;order:1}.mainImg{position:relative;left:10%;top:10px;transform:none;min-width:200px;max-width:300px}.resume-div{margin:0}.resumeBtn{padding:10px 25px}.resumeBtn .download-icon{max-width:20px}.sec2-row{flex-direction:row;flex-wrap:wrap;justify-content:space-between}.home-arrow{right:2vw}.sec2-col{padding:1.5rem;width:47%;height:460px}.sec2-col3{margin:0 auto}.sec2-items>span{font-size:calc(var(--p1) - 2)}.sec3-row{width:100%;flex-wrap:wrap}.sec3-btn-div{display:none}.para-div{width:70%}.sec4-resume{margin-bottom:2rem}.sec6-row{flex-direction:row;justify-content:space-between;padding:2rem}.sec6-col1{width:34%}.sec6-img{max-width:250px}.sec6-img-icon{max-width:20px;position:absolute;right:-35px;bottom:0}.sec6-col2{width:50%}.sec6-col3{width:12%;display:flex;align-items:flex-end;position:relative}.sec6-btn{position:absolute;bottom:-15px;right:-15px;font-size:calc(var(--h4) - 8px);width:120px;padding:15px 10px}.sec5-btn:hover,.sec6-btn:hover,.sec6-btn:focus .sec5-btn:focus{cursor:pointer;background-color:#ffffff0d}.footer{padding:.5rem}.sec8{flex-direction:row;justify-content:space-between;align-items:center}.foot-logo{margin:0;order:1}.foot-para{order:0}}@media (min-width: 902px){:root{--h1: 90px;--h2: 60px;--h3: 20px;--p1: 14px}.mainImg{left:10%;top:10%;max-width:350px}.sec1-col2{align-items:flex-start}.heading1,.heading3{text-align:left}.sec4{background-image:url(./images/blacksquare.png)}.sec2-row{flex-wrap:nowrap}.home-arrow{font-size:calc(var(--h3) + 10px);padding:0 12px}.sec2-col{width:32%;padding:1rem;height:350px}.sec2-col3{margin:0}.sec2-logo-div,.sec2-heading3{margin-bottom:1rem}.sec3-heading3{text-align:center;margin:0 auto}.sec4-row{margin-top:2rem;flex-direction:row;justify-content:space-between}.sec4-col1,.sec4-col2{width:45%}.sec4-col1{justify-content:space-around}.para-div{margin:0;width:100%}.sec4-resume{margin-bottom:2rem}.sec5-heading3{text-align:center}.sec5-btn-div{margin:.3rem auto}.sec6-col3{width:14%}.sec6-img{max-width:300px}.sec6-btn{right:-10px;font-size:calc(var(--h4) - 5px);width:130px;padding:13px}.sec7-row{flex-direction:row;justify-content:space-between}.sec7-col1{width:20%;order:0;align-items:flex-start}.sec7-col2{width:70%}.form{flex-direction:row;justify-content:space-between;flex-wrap:wrap}.form-input{width:48%}.div1{width:220px;height:180px}.submit-msg{position:relative;padding:1rem 1.5rem;font-size:calc(var(--h3) + 5px);z-index:10}}@media (min-width: 1200px){:root{--h1: 100px;--h2: 76px;--p1: 16px;--h3: 26px}.mainImg{left:0%;min-width:650px;width:100%;min-width:200px;max-width:350px}.heading1{margin-bottom:1.5rem;margin-top:1.7rem}.heading3{margin-bottom:4rem}.resumeBtn{padding:20px 30px}.sec2-col{height:430px;padding:2rem;width:31%}.heading4{padding-top:2rem;font-weight:thin;margin-bottom:3rem}.heading2{margin-bottom:3rem}.sec2-logo-div,.sec2-heading3{margin-bottom:2rem}.sec2-row{margin-top:4}.sec2-items>span{font-size:calc(var(--p1) - 5px)}.sec3-heading3{margin:0 auto}.sec4-col1{justify-content:space-between}.para-div{margin-top:0}.para{letter-spacing:.3px;margin-bottom:4rem}.sec4-heading4{padding:0;margin-bottom:2rem}.sec4-col1,.sec4-col2{width:48%}.sec6-row{width:900px;margin:0 auto;margin-bottom:2rem}.sec6-heading4-2{margin:0;padding:0}.sec6-btn{bottom:0;right:-10px}.sec6-img-icon{bottom:5px}.sec7-col2{width:77%}.submit-msg{font-size:var(--h3)}.form-input{margin-bottom:2rem;height:60px}.textarea{margin-bottom:2rem}}@media (max-width: 1250px){.sub-container{width:90%}}@media (min-width: 1250px){.sub-container{width:1200px}}@media (min-width: 1500px){.home-arrow{display:none}}