@import "https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;600;700&display=swap";
*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--blue-theme:#9a9ae0;--blueAngle-shade:#7c7caf;--lightBlue-theme:#9a9ae0e0;--blueFont:#9a9ae1;--whiteFont:#fff;--white-shade:#fff;--html:#e44d26;--css:#2965f1;--js:#f7df1e;--react:#61dafb;--redux:#764abc;--node:#68a063;--db:#4db33d;--git:#f05033;--typescript:#3178c6;--microservices:#00adb5;--body-color:white;--btn-shadow:#ececec;--btn-angleShadow:#f1f1f1}html{scroll-behavior:smooth}body{color:#000;scroll-behavior:smooth;background-color:var(--body-color);font-family:Lato,sans-serif}.dark-theme{--blue-theme:#9a9ae0;--lightBlue-theme:#9a9ae0e0;--blueFont:white;--white-shade:#fff;--body-color:#0e0e52}ul{list-style:none}a{color:#000;text-decoration:none}img{max-width:100%;height:auto}header{z-index:10;background-color:var(--blue-theme);width:100%;height:60px;margin:auto;position:fixed;left:0;right:0}main{width:75%;margin:1rem auto auto}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--white-shade)}::-webkit-scrollbar-thumb{background:var(--blue-theme);border-radius:10px;transition:all .3s}::-webkit-scrollbar-thumb:hover{background:var(--lightBlue-theme)}.nav{justify-content:space-between;align-items:center;width:75%;margin:1.25rem auto;display:flex}.myLogo{color:var(--white-shade);font-weight:700}.navMenuDiv{width:70%}.navMenuList{justify-content:space-around;align-items:center;display:flex}.navitems a{display:flex}.navLink{color:var(--white-shade);align-items:center;font-weight:700;transition:all .3s;display:flex}.navLink:hover{transform:translateY(-.2rem)}#darkMode{cursor:pointer;display:none}#darkMode a{color:#0e0e52;transition:all .3s ease-in}#lightMode{cursor:pointer;color:var(--white-shade)}#lightMode a{transition:all .3s ease-in}.active-link{color:#0e0e52;border-bottom:2px solid #0e0e52;padding-bottom:2px;transition:all .3s ease-in}.homeSection{flex-direction:column;justify-content:center;height:100vh;margin-top:1rem;display:flex}.socialMediaAndBlob{justify-content:space-around;align-items:center;display:flex}.socialMedia{flex-direction:column;justify-content:space-around;margin-right:2rem;display:flex}.socialMediaLinks{margin:1rem 0}.socialMediaLinks i{color:var(--blueFont)}.svgAndDetails{justify-content:space-around;align-items:center;width:50rem;display:flex}.myDetails{width:80%}.title{color:var(--blueFont);margin-bottom:1rem;font-size:3rem;font-weight:700}.subtitle{color:var(--blueFont);margin-bottom:1rem;font-size:1.5rem}.myDesc{width:21.875rem;color:var(--blueFont);margin-bottom:2rem;font-size:1.2rem;font-weight:400}.contactMeBtn{color:var(--white-shade);cursor:pointer;background-color:var(--blue-theme);-webkit-box-shadow:0 5px var(--blueAngle-shade);box-shadow:0 5px var(--blueAngle-shade);border-radius:10px;outline:none;padding:1.25rem 1.875rem;font-size:1rem;font-weight:600;transition:all .3s}.contactMeBtn:hover,.contactMeBtn:active{background-color:var(--lightBlue-theme);cursor:pointer;outline:none;top:1px}.contactMeBtn i{margin-left:.5rem;font-size:1.2rem;transition:all .3s}.contactMeBtn:hover i{transform:translate(5px)}.blobGenerator{opacity:0;margin-left:-4rem}@keyframes loading{0%{clip-path:inset(0 90% 0% 0%);opacity:0}to{opacity:1;clip-path:inset(0 0% 0%)}}#blobSvg{width:25rem;display:inline-block;overflow:hidden}#blob{fill:var(--blue-theme)}.blobImg{x:5%;y:10%;width:25rem;height:29.75rem;display:inline-block}.scrollDownBtn{cursor:pointer;justify-content:center;align-items:center;width:9.375rem;margin-top:5rem;margin-left:11.5rem;transition:all .3s;display:flex}.scrollDownBtn:hover{transform:translateY(.25rem)}#mouseIcon,.scrollDown,#angleDownIcon{color:var(--blueFont);margin:.2rem}#mouseIcon{font-size:1.25rem}.scrollDown{font-size:15px}.aboutSection{flex-direction:column;justify-content:center;align-items:center;height:100vh;margin-top:1rem;display:flex}.mainHeadingDiv{color:var(--blueFont);flex-direction:column;justify-content:center;align-items:center;margin-top:1rem;display:flex}.aboutMeHeading{margin-top:0;margin-bottom:.2rem;font-size:2.5rem;font-weight:700}.imgAndDescDiv{justify-content:space-around;align-items:center;width:100%;margin-top:2rem;display:flex}.myImgDiv{opacity:0;margin:1rem}.myImg{border-radius:15px;width:18.75rem}@keyframes scrolling{0%{clip-path:inset(0 0% 100%)}to{opacity:1;clip-path:inset(0 0% 0%)}}.aboutMeDesc{width:22.813rem;font-size:1.2rem;font-weight:400}.descriptionAndCvDiv{color:var(--blueFont);flex-direction:column;justify-content:space-around;margin:2.5rem 0;display:flex}.expAndProjects{justify-content:space-between;align-items:center;width:22.813rem;margin:2.5rem 0;display:flex}.yearsDiv,.projectsDiv{flex-direction:column;display:flex}.yearExp,.projectNo{font-size:2rem}.yearAndPrjctDes{font-weight:400}.downloadCvBtn{color:var(--white-shade);background-color:var(--blue-theme);cursor:pointer;width:13.75rem;-webkit-box-shadow:0 5px var(--blueAngle-shade);box-shadow:0 5px var(--blueAngle-shade);border:none;border-radius:10px;outline:none;padding:1.25rem 1.875rem;font-size:1rem;font-weight:600}.downloadCvBtn:hover,.downloadCvBtn:active{cursor:pointer;background:var(--lightBlue-theme);outline:none}.downloadCvBtn i{margin-left:2px;font-size:1.2rem;transition:all .3s}.downloadCvBtn:hover i{transform:translate(5px)}.skillSection{flex-direction:column;justify-content:center;align-items:center;height:100vh;margin-top:5rem;display:flex}.skillHeadingDiv{color:var(--blueFont);flex-direction:column;justify-content:center;align-items:center;margin-top:1rem;display:flex}.skillHeading{margin-top:-5rem;margin-bottom:.2rem;font-size:2.5rem;font-weight:700}.allSkillsList{display:-ms-grid;-ms-grid-columns:repeat(2, 1fr);grid-template-columns:repeat(2,1fr);place-content:space-between center;place-items:center;gap:3.75rem;margin-top:5rem;display:grid}.skillData{background-color:var(--blue-theme);border-radius:10px;width:19.688rem}.skillsTitleAndICon{color:var(--white-shade);justify-content:space-between;align-items:center;padding:10px;display:flex}.skillsIcon{font-size:1.2rem}.skillName{font-size:1.1rem}.skillBar{background-color:var(--white-shade);border-radius:10px;width:18.75rem;height:10px;margin:4px auto 6px}.skillBar div{border-radius:10px;height:10px;transition:width 1.5s ease-in-out,background-color .5s}.skillPercentageHTML{background-color:var(--html);width:90%}.skillPercentageCSS{background-color:var(--css);width:85%}.skillPercentageJS{background-color:var(--js);width:80%}.skillPercentageReact{background-color:var(--react);width:85%}.skillPercentageRedux{background-color:var(--redux);width:75%}.skillPercentageNode{background-color:var(--node);width:80%}.skillPercentageDB{background-color:var(--db);width:70%}.skillPercentageGit{background-color:var(--git);width:80%}.skillPercentageTools{background-color:var(--typescript);width:75%}.skillPercentageMicroservices{background-color:var(--microservices);width:70%}#flutterIcon{width:25px;height:20px;margin-left:-.2rem}.projectSection{flex-direction:column;justify-content:center;align-items:center;min-height:180vh;margin-top:1rem;display:flex}.projectHeadingDiv{color:var(--blueFont);flex-direction:column;justify-content:center;align-items:center;margin-top:1rem;display:flex}.projectsHeading{margin-top:0;margin-bottom:.2rem;font-size:2.5rem;font-weight:700}.allProjects{display:-ms-grid;-ms-grid-columns:(minmax(310px, 1fr)) [auto-fill];grid-template-columns:repeat(auto-fill,minmax(310px,1fr));justify-content:center;align-items:center;gap:3.125rem 1.25rem;max-height:100%;margin:1.5rem 0;padding:5px;display:grid;position:relative;overflow:hidden}.card{-ms-grid-column-align:center;background-color:var(--whiteFont);border-radius:15px;justify-self:center;width:25rem;max-width:90%;margin:0;padding:0;transition:all .3s;overflow:hidden;box-shadow:0 1px #11111a0d,0 0 8px #11111a1a}.projectLinks{background-color:var(--blue-theme);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin:0 .1rem;display:flex}.projectLinks i{color:var(--white-shade)}.titleAndIconDiv{color:var(--blue-theme);justify-content:space-between;align-items:center;margin:.5rem;display:flex}.projectImg{border-radius:15px;width:100%;transition:all .3s}.projectIcons{justify-content:center;align-items:center;display:flex}.projectConti{width:100%;position:relative}.showBtnDiv{z-index:6;background:-webkit-gradient(linear, left top, left bottom, from(#0000), color-stop(20%), to(var(--body-color)));background:linear-gradient(#0000, 20%, var(--body-color));border-radius:10px;width:100%;height:18.75rem;transition:all .3s;position:absolute;bottom:0}.showAllBtn{z-index:6;color:var(--white-shade);cursor:pointer;background-color:var(--blue-theme);border:none;border-radius:10px;outline:none;padding:1.25rem 1.875rem;font-size:1rem;font-weight:600;position:absolute;top:0;left:50%;transform:translate(-50%)}.showAllBtn:hover,.showAllBtn:active{cursor:pointer;background:var(--lightBlue-theme);outline:none}.showAllBtn i{color:var(--white-shade);margin-left:.2rem;font-size:1rem;transition:all .3s}.showAllBtn:hover i{transform:translateY(3px)}.contactSection{flex-direction:column;justify-content:center;align-items:center;height:105vh;display:flex}.contactDiv{background-color:var(--blue-theme);border-radius:25px;flex-direction:row;justify-content:center;align-items:center;width:100%;height:100%;margin-top:4rem;margin-bottom:3rem;display:flex;position:relative}.mailSection{width:100%;margin:0 4rem}.contactHeadingDiv{color:var(--white-shade)}.contactHeading{margin-bottom:.2rem;font-size:2.5rem;font-weight:700}.contactHeadingDiv .introHeading{align-items:center;margin:1rem 0;font-size:.9rem;font-weight:400;display:flex}.contactHeadingDiv .introHeading i{margin:0 .3rem}.contactForm{color:var(--white-shade)}.contactContent{flex-direction:column;margin:.7rem 0;display:flex}.contactLabel{margin:.5rem 0}.contactInput{color:#010108dc;background-color:#e3e8ff;border:none;border-radius:10px;outline:none;width:100%;padding:.7rem .5rem;font-size:1rem}textarea{resize:none}.msgBtnDiv{margin-top:2.5rem}.msgButton{color:var(--blue-theme);cursor:pointer;background-color:var(--white-shade);border-radius:10px;outline:none;width:13.75rem;padding:4% 8%;font-size:.8rem;font-weight:600;transition:all .3s;box-shadow:0 5px #d3d6d8}.msgButton:hover{cursor:pointer;outline:none;top:1px;box-shadow:0 3px #d3d6d8}.msgButton:active{cursor:pointer;outline:none;top:5px;box-shadow:0 0 #d3d6d8}.msgButton i{margin-left:.2rem;transition:all .3s}.msgButton:hover i{transform:translate(6px)}.logoSection{flex-direction:column;align-items:center;width:100%;margin:0 3rem;display:flex}.mailImg{width:90%;margin-top:-1.5rem;margin-left:-3rem}.conatctInfo{align-items:center;margin:1.5rem 0;display:flex}.phoneIcon,.mailIcon{color:var(--white-shade);margin:1rem;font-size:1.5rem}.infoTitle{color:var(--white-shade);margin-bottom:.5rem;font-size:1.4rem}.infoSubtite{color:var(--white-shade);font-weight:400}.contactDesgin{background-color:red;border-radius:15px;width:9.375rem;height:1.875rem;position:absolute}.oneDiv{background-color:var(--body-color);top:45px;left:-100px}.twoDiv{background-color:var(--body-color);top:45px;right:-75px}.threeDiv{background-color:var(--blue-theme);top:15px;right:-40px}.fourthDiv{background-color:var(--body-color);top:450px;right:-115px}.fifthDiv{background-color:var(--blue-theme);border-radius:25px;height:50px;top:480px;right:-30px}.sixthDiv{background-color:var(--blue-theme);border-radius:25px;width:75px;height:40px;top:195px;left:-25px}.seventhDiv{background-color:var(--body-color);top:235px;left:-100px}.eigthDiv{background-color:var(--blue-theme);border-radius:25px;width:75px;height:40px;top:265px;left:-45px}.ninthDiv{background-color:var(--blue-theme);border-radius:25px;height:50px;top:75px;right:-30px}.footer{background-color:var(--blue-theme);width:100%;height:18.75rem}.fotterBg{flex-direction:column;justify-content:center;align-items:center;width:75%;margin:auto;display:flex}.fotterConti{justify-content:space-between;height:12.5rem;padding:1.5rem 1rem;display:flex}.fotterDetails{width:18.75rem}.fotterTitle{color:var(--white-shade)}.fotterSubttitle{color:var(--white-shade);margin-top:1rem;font-weight:400}.footerLinksDiv{flex-direction:column;display:flex}.footerLinksList{justify-content:space-around;width:100%;display:flex}.footerSocialMediaDiv{justify-content:space-around;width:25rem;margin-top:2rem;display:flex}.footerSocialLinks{background-color:var(--white-shade);border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;margin:0 .8rem;transition:all .3s;display:flex}.footerSocialLinks i{color:#9a9ae0;padding:10px}.fotterLink{color:var(--white-shade);font-weight:700}.fotterLink:hover{color:#0e0e52;font-weight:700}.copyright{color:var(--white-shade);flex-direction:column;justify-content:center;align-items:center;width:80%;margin:1rem 0;display:flex}.copyright h3{opacity:0;font-size:1.5rem}.copyright h4{opacity:0;margin:0 .3rem;font-family:Dancing Script,cursive;font-size:1.5rem}.fotterLine{background-color:#bbb;width:75%;height:2px;margin:0 auto}@media screen and (min-width:741px){header{top:0;box-shadow:0 5px 10px #0000000e}#nav-close,.navBtns{display:none}.navLink{justify-content:space-around}.navLink i,.navLink span{display:none}#lightMode i,#darkMode i{display:block}}@media screen and (max-width:740px){header{border-radius:1.5rem 1.5rem 0 0;height:auto;transition:all .3s;bottom:0;box-shadow:0 -1px 4px #00000026}.nav{justify-content:space-between;align-items:center;width:90%;margin:1.25rem auto;display:flex}.navMenuDiv{width:90%}.navToggle{color:var(--white-shade);cursor:pointer;font-size:1.1rem;font-weight:700;display:block}.hideAndSeek{display:none}.navMenuList{display:-ms-grid;-ms-grid-columns:repeat(2, 1fr);grid-template-columns:repeat(2,1fr);gap:2rem;margin-bottom:1rem;display:grid}#nav-close{color:var(--white-shade);cursor:pointer;font-size:1.5rem;position:absolute;bottom:.5rem;right:1.3rem}.navLink{flex-direction:column}.navLink i{margin:.5rem 0;font-size:1.2rem}.active-link{border-bottom:none;padding-bottom:0}main{margin:0 auto}.homeSection{height:auto;margin:-3rem auto auto}.socialMediaAndBlob{flex-direction:row;justify-content:space-between;align-items:baseline;display:flex}.socialMediaLinks{margin:1rem 3rem 1rem 0}.svgAndDetails{flex-direction:column-reverse;justify-content:center;align-items:flex-start}.myDetails,.title,.subtitle,.myDesc{width:90%}.title{margin-bottom:.5rem;font-size:2rem}.subtitle{margin-bottom:.5rem;font-size:1.3rem}.myDesc{font-size:1.1rem}#blobSvg{width:115%}.blobImg{x:9%;width:21rem;height:28.75rem}.scrollDownBtn{margin-top:3rem;margin-left:.7rem;display:none}.contactMeBtn{display:inline-block;width:115%!important}.aboutSection{height:182vh;margin:5rem auto auto}.aboutMeHeading{margin-top:2rem;font-size:1.7rem}.imgAndDescDiv{flex-direction:column}.myImg{width:200px}.aboutMeDesc{width:80%}.descriptionAndCvDiv{align-items:center;margin:1.5rem 0}.yearExp,.projectNo{font-size:1.5rem}.expAndProjects{width:80%;margin:2.5rem 0}.skillSection{height:auto;margin:5rem auto auto}.skillHeading{margin-top:2rem;font-size:1.7rem}.allSkillsList{-ms-grid-columns:repeat(1, 1fr);grid-template-columns:repeat(1,1fr);gap:2.75rem;margin-top:3rem}.skillData{width:20rem}.skillBar{width:19rem}.projectSection{height:auto;margin:5rem auto auto}.projectsHeading{margin-top:2rem;font-size:1.7rem}.allProjects{flex-direction:column;margin-top:3rem;display:flex}.card{min-width:90%;height:auto}.titleAndIconDiv{margin-top:2rem}.showBtnDiv{height:13%;left:0;right:0}.contactSection{height:auto;margin:3rem auto}.contactDiv{flex-direction:column;width:90%;height:auto}.contactHeading{margin-top:2rem}.mailSection,.logoSection{width:75%;margin:1rem auto}.logoSection{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;flex-direction:column;justify-content:space-evenly;align-items:center;display:flex}.contactDesgin{display:none}.footer{height:auto;padding-top:2rem}.fotterBg{width:90%}.fotterConti{flex-direction:column;align-items:flex-start;width:90%}.fotterSubttitle{width:80%}.footerLinksDiv{width:90%}.footerLinksList{flex-direction:column;width:90%;margin:2rem 0}.footerLinksList li{margin:1rem 0}.footerSocialMediaDiv{width:10rem;margin-top:0}.fotterLink{height:13rem;margin:8rem 0;font-size:1.2rem}.footerSocialLinks{width:3.5rem}.fotterLine{width:90%;margin:16rem 0 1rem}.copyright{width:90%;margin-bottom:8rem}}