@import url(https://fonts.googleapis.com/css2?family=Cabin:wght@700&display=swap);@import url(https://fonts.googleapis.com/css2?family=PT+Sans:wght@400;700&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}button,button:focus,input,input:focus,textarea,textarea:focus{outline:none}:root{--logo-font:"Cabin",sans-serif;--normal-font:"PT Sans",sans-serif;--primary-color:#fff;--primary-grey:#ccc;--primary-dark-grey:#333;--primary-222:#222;--active-nav-link:#18da62}.App{font-family:var(--normal-font);height:100vh;width:100vw}.route-wrapper{position:relative}.route-wrapper>div{height:100vh;position:absolute;width:100vw}img{width:100%}.fade-in{opacity:0;transition:all .1s ease-in-out}.fade-in.visible{height:inherit;opacity:1}.navigationBar{align-items:center;border-bottom:1px solid #ffffff1c;color:var(--primary-color);display:flex;height:60px;justify-content:space-between;left:0;margin:0 auto;position:fixed;top:0;width:100%;z-index:9}.navigationBar .mobileMenu{display:none}.navigationBar.navBackground{background-color:var(--active-nav-link)}.navigationBar.navBackground .menuContent ul li a{color:var(--primary-dark-grey)}.navigationBar.navBackground .resumeBtn{border-color:var(--primary-dark-grey);color:var(--primary-dark-grey)}.navigationBar.navBackground .resumeBtn:hover{background-color:var(--primary-dark-grey);color:var(--active-nav-link)}.navigationBar .menuContent{font-family:var(--logo-font);height:100%;margin:0 auto;position:relative;width:80%}.navigationBar .menuContent ul{align-items:center;display:flex;height:100%;justify-content:space-between;list-style:none;margin:auto;padding:0;width:60%}.navigationBar .menuContent ul li{align-items:center;display:flex;font-size:.81rem;height:100%;position:relative;text-transform:uppercase}.navigationBar .menuContent ul li:nth-child(3){font-size:2rem;letter-spacing:1px}.navigationBar .menuContent ul li.active:before{background-color:var(--active-nav-link);bottom:0;content:"";display:block;height:2px;left:-30%;position:absolute;width:160%}.navigationBar .menuContent ul li.active:after{border-left:10px solid #0000;border-right:10px solid #0000;border-top:10px solid var(--active-nav-link);clear:both;content:"";height:0;left:32%;position:absolute;top:100%;width:0}.navigationBar .menuContent ul li a{color:var(--primary-color);cursor:pointer;letter-spacing:1px;text-decoration:none}.navigationBar .menuContent ul li a img{border-radius:30px;width:40px}.navigationBar .menuContent .resumeBtn{cursor:pointer;left:100%;position:absolute;top:10px}.bodyIcons{align-items:center;display:flex;flex-direction:column;height:80%;justify-content:center;left:0;list-style:none;margin:0;padding:0;position:fixed;top:10%;width:100px}.bodyIcons li{padding:30px 0}.bodyIcons li a{color:var(--primary-color);font-size:1.2rem}.bodyIcons:after,.bodyIcons:before{background-color:#f0f8ff;content:"";display:block;height:35%;width:1px}.sideFadedContent{color:#f0f8ff24;font-size:4rem;position:fixed;right:3%;top:20%;writing-mode:vertical-lr;z-index:99}.sideFadedContent h1{margin:0}.wave{animation-duration:2.1s;animation-iteration-count:infinite;animation-name:wave-animation;transform-origin:70% 70%}.knowmore,.wave{display:inline-block}.knowmore{border:2px solid var(--active-nav-link);border-radius:30px;color:var(--active-nav-link);height:50px;left:100px;letter-spacing:2px;line-height:50px;margin-top:1em;min-width:150px;padding:0 2em;position:relative;text-align:center;text-decoration:none;text-transform:capitalize;transition:all .3s ease-in-out}.knowmore i{font-size:1rem}.knowmore:hover{border-color:var(--active-nav-link);color:#111}.knowmore:before,.knowmore:hover{background-color:var(--active-nav-link)}.knowmore:before{content:"";display:block;height:1px;left:-100px;position:absolute;top:25px;width:100px}.resumeBtn{align-items:center;background-color:#0000;border:1px solid #fff;border-radius:30px;color:#fff;display:flex;font-weight:400;height:36px;justify-content:center;position:relative;text-decoration:none;transition:all .2s linear;width:110px}.resumeBtn svg{font-size:18px;margin-left:5px}.resumeBtn:hover{background-color:#fff;color:#010101}@keyframes wave-animation{0%{transform:rotate(0deg)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0deg)}to{transform:rotate(0deg)}}.landingPage{background-image:url(/cv/static/media/landing_bg.65cdea91f2887c66fecc.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;width:100%}.landingPage:before{background-color:#111c;content:"";display:block;height:100%;position:absolute;width:100%}.landingPage .homeContent{align-items:center;border:#1111111a;display:flex;height:calc(100% - 60px);margin:auto;position:relative;width:80%;z-index:1}.landingPage .homeContent .heloContent{color:#fff;width:50%}.landingPage .homeContent .heloContent h1{font-size:6rem;margin:0}.landingPage .homeContent .heloContent .Typewriter{font-size:1.5rem;font-weight:700}.landingPage .homeContent .heloContent span{color:var(--active-nav-link)}.landingPage .homeContent .heloContent p{color:#ccc;font-size:1rem;letter-spacing:1px;line-height:28px;width:80%}.landingPage .homeContent .heloContent a{border:2px solid var(--active-nav-link);border-radius:30px;color:var(--active-nav-link);display:inline-block;height:50px;left:100px;letter-spacing:2px;line-height:50px;margin-top:1em;min-width:150px;position:relative;text-align:center;text-decoration:none;text-transform:capitalize;transition:all .3s ease-in-out}.landingPage .homeContent .heloContent a i{font-size:1rem}.landingPage .homeContent .heloContent a:hover{background-color:var(--active-nav-link);border-color:var(--active-nav-link);color:#111}.landingPage .homeContent .heloContent a:before{background-color:var(--active-nav-link);content:"";display:block;height:1px;left:-100px;position:absolute;top:25px;width:100px}.landingPage .homeContent .heloPic{border-radius:50%;height:500px;margin-left:100px;object-fit:contain;position:relative;width:500px}.landingPage .homeContent .heloPic:after{border:2px solid var(--active-nav-link);border-radius:50%;content:"";display:inline-block;height:103%;left:-1%;position:absolute;top:-1%;width:103%}.landingPage .homeContent .heloPic img{border-radius:50%;height:100%;margin:1%;object-fit:cover}.aboutPageComponent{background-image:url(/cv/static/media/about_bg.77ad9ea7a0b78aa42b32.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;width:100%}.aboutPageComponent:before{background-color:#111c;content:"";display:block;height:100%;position:absolute;width:100%}.aboutPageComponent .aboutContent{align-items:center;border:#1111111a;display:flex;height:calc(100% - 60px);justify-content:center;margin:auto;padding-top:2em;position:relative;width:80%;z-index:1}.aboutPageComponent .aboutContent .leftBox{align-items:center;border:1px solid var(--active-nav-link);border-right:none;display:flex;flex-direction:column;height:440px;justify-content:center;position:relative;width:280px}.aboutPageComponent .aboutContent .leftBox h1{color:var(--active-nav-link);font-size:15rem;margin:0}.aboutPageComponent .aboutContent .leftBox span{color:var(--primary-grey);font-size:15rem;margin:0;position:absolute;right:10px}.aboutPageComponent .aboutContent .leftBox p{bottom:0;color:var(--primary-grey);font-size:1rem;letter-spacing:2px;line-height:24px;position:absolute;right:15px;text-align:right}.aboutPageComponent .aboutContent .leftBox p pre{font-family:inherit}.aboutPageComponent .aboutContent .leftBox p:before{background-color:var(--primary-grey);bottom:20%;content:"";display:inline-block;height:1px;position:absolute;right:40%;width:100px}.aboutPageComponent .aboutContent .rightBox{display:flex;flex-direction:column;height:auto;padding-left:5em;position:relative;width:calc(80% - 280px)}.aboutPageComponent .aboutContent .rightBox .aboutPic{align-items:center;border:3px solid var(--primary-grey);border-radius:50%;display:flex;height:120px;justify-content:center;margin:0 14%;overflow:hidden;padding:1em;width:120px}.aboutPageComponent .aboutContent .rightBox .aboutPic img{height:130%;object-fit:cover;width:130%}.aboutPageComponent .aboutContent .rightBox a.knowmore{bottom:0;left:60%;max-width:300px;position:absolute}.aboutPageComponent .aboutContent .rightBox h1{color:var(--active-nav-link);font-style:italic;letter-spacing:2px}.aboutPageComponent .aboutContent .rightBox .aboutPara{color:var(--primary-grey);line-height:30px;width:80%}.aboutPageComponent .aboutContent .rightBox .aboutPara ul{list-style:none;margin:0;padding:0}.aboutPageComponent .aboutContent .rightBox .aboutPara ul i{color:var(--active-nav-link);margin-right:10px}.resumePageComponent{background-image:url(/cv/static/media/resume_bg.9501d9a116a1ad18d2f1.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;overflow:hidden;overflow-y:scroll;width:100%}.resumePageComponent:before{background-color:#11111180;content:"";display:block;height:100%;position:absolute;width:100%}.resumePageComponent .resumeContent{border:#1111111a;display:flex;flex-direction:column;height:auto;justify-content:center;margin:auto;position:relative;width:80%;z-index:1}.resumePageComponent .resumeContent .glassContainer{display:flex;padding-top:60px}.resumePageComponent .resumeContent .contentBx{background-color:#fff3;border:1px solid #fff3;margin:0 30px;padding-bottom:2em;position:relative;top:100px;transition:all .2s ease-in;width:600px}.resumePageComponent .resumeContent .contentBx.experience{top:180px}.resumePageComponent .resumeContent .contentBx.experience .glassBox li:before{content:""}.resumePageComponent .resumeContent .contentBx h1{color:var(--active-nav-link);font-size:3rem;left:25px;letter-spacing:2px;position:absolute;top:-70px}.resumePageComponent .resumeContent .contentBx .glassBox{padding:1rem}.resumePageComponent .resumeContent .contentBx .glassBox ul{list-style:none;margin-top:20px}.resumePageComponent .resumeContent .contentBx .glassBox ul li{color:var(--primary-color);margin-top:3em;padding-left:3em;position:relative}.resumePageComponent .resumeContent .contentBx .glassBox ul li h4{color:var(--primary-color);letter-spacing:2px;margin:0 0 10px;text-transform:uppercase}.resumePageComponent .resumeContent .contentBx .glassBox ul li span{font-size:14px;font-style:italic;letter-spacing:1px}.resumePageComponent .resumeContent .contentBx .glassBox ul li p{font-size:1rem;letter-spacing:1px;margin-top:5px}.resumePageComponent .resumeContent .contentBx .glassBox ul li:before{content:"";display:inline-block;font:normal normal normal 14px/1 FontAwesome;left:0;position:absolute}.resumePageComponent .resumeContent .contentBx .glassBox ul li:after{background-color:var(--primary-color);content:"";display:inline-block;height:100%;left:8px;position:absolute;top:20px;width:1px}.resumePageComponent .resumeContent .contentBx:hover{background-color:var(--active-nav-link)}.resumePageComponent .resumeContent .contentBx:hover h1{color:var(--primary-color)}.resumePageComponent .resumeContent .skillContainer{background-color:#11111180;border:1px solid var(--primary-222);border-radius:3px;box-sizing:border-box;color:var(--primary-color);height:auto;margin:0 auto;padding:2em;position:relative;top:15em;width:100%}.resumePageComponent .resumeContent .skillContainer h1{letter-spacing:2px;text-align:center}.resumePageComponent .resumeContent .skillContainer a.knowmore{left:80%}.resumePageComponent .resumeContent .skillContainer a.knowmore:before{display:none}.resumePageComponent .resumeContent .skillContainer .skillSection{align-items:center;display:flex;flex-direction:column;justify-content:center}.resumePageComponent .resumeContent .skillContainer .skillSection h3{color:var(--active-nav-link);font-style:italic;letter-spacing:2px;text-align:center}.resumePageComponent .resumeContent .skillContainer .skillSection ul{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;list-style:none;margin:30px 0;padding:0;width:100%}.resumePageComponent .resumeContent .skillContainer .skillSection ul li{align-items:center;border:1px solid var(--primary-color);display:flex;height:100px;justify-content:center;width:100px}.resumePageComponent .resumeContent .skillContainer .skillSection ul li svg{font-size:3rem}.contactPageComponent{background-image:url(/cv/static/media/contact_bg.e299495c02fe64957875.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;overflow:hidden;overflow-y:auto;width:100%}.contactPageComponent:before{background-color:#111c;content:"";display:block;height:100%;position:absolute;width:100%}.contactPageComponent .contactContainer{height:auto;margin:80px auto 0;position:relative;width:90%;z-index:1}.contactPageComponent .contactContainer h1{color:var(--primary-color);font-size:3rem;font-style:italic;letter-spacing:3px;text-align:center}.contactPageComponent .contactContainer .contactBox{box-sizing:border-box;display:flex;height:auto;justify-content:space-evenly;padding:2em;width:100%}.contactPageComponent .contactContainer .contactBox .contactLinks{align-items:center;border:1px solid var(--active-nav-link);border-right:none;box-sizing:border-box;display:flex;flex-direction:column;height:420px;justify-content:center;padding:2em;width:320px}.contactPageComponent .contactContainer .contactBox .contactLinks h3{color:var(--active-nav-link)}.contactPageComponent .contactContainer .contactBox .contactLinks ul{list-style:none;margin:0;text-align:center}.contactPageComponent .contactContainer .contactBox .contactLinks ul li{line-height:2rem}.contactPageComponent .contactContainer .contactBox .contactLinks ul li a{color:var(--primary-color);text-decoration:none}.contactPageComponent .contactContainer .contactBox .contactLinks ul.socialIcons{display:flex;justify-content:space-between;width:100%}.contactPageComponent .contactContainer .contactBox .contactLinks ul.socialIcons li a{border:1px solid var(--primary-color);border-radius:50px;display:block;height:50px;line-height:50px;text-align:center;width:50px}.contactPageComponent .contactContainer .contactBox .contactLinks ul.socialIcons li a svg{font-size:1rem}.contactPageComponent .contactContainer .contactBox .contactForm{border:1px solid var(--active-nav-link);border-left:none;box-sizing:border-box;padding:3em 2em;width:700px}.contactPageComponent .contactContainer .contactBox .contactForm .formRow{display:flex;justify-content:space-around}.contactPageComponent .contactContainer .contactBox .contactForm .formField{border:1px solid #fff3;height:50px;width:30%}.contactPageComponent .contactContainer .contactBox .contactForm .formField.textArea{height:140px;margin-top:3em;width:97%}.contactPageComponent .contactContainer .contactBox .contactForm .formField input,.contactPageComponent .contactContainer .contactBox .contactForm .formField textarea{background-color:#0000;border:none;font-size:1rem;height:100%;letter-spacing:1px;text-align:center;width:100%}.contactPageComponent .contactContainer .contactBox .contactForm .formField textarea{font-family:var(--font-family)}.contactPageComponent .contactContainer .contactBox .contactForm button.knowmore{background-color:#0000;border-color:var(--primary-color);border-radius:0;color:var(--primary-color);left:10px}.contactPageComponent .contactContainer .contactBox .contactForm button.knowmore:before{display:none}.contactPageComponent .contactContainer .contactBox .contactForm button.knowmore:hover{background-color:var(--primary-color);color:var(--primary-dark)}.blogComponent{background-image:url(/cv/static/media/blog_bg.f49a32af51a6e2c47cba.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100vh;overflow:hidden;overflow-y:auto;width:100vw}.blogComponent:before{background-color:#111c;content:"";display:block;height:100%;position:absolute;width:100%}.blogComponent .blogContainer{height:auto;margin:80px auto;position:relative;width:85%;z-index:1}.blogComponent .blogContainer h1{color:var(--primary-color);font-size:3rem;letter-spacing:2px;text-align:center}.blogComponent .blogContainer h1 span{color:var(--active-nav-link)}.blogComponent .blogContainer .blogBoxContain{display:flex;flex-wrap:wrap;width:100%}.blogComponent .blogContainer .blogBoxContain .blogBox{border:1px solid #ffffffe6;box-sizing:border-box;height:410px;margin:1em;overflow:hidden;position:relative;transition:all .5s linear;width:320px}.blogComponent .blogContainer .blogBoxContain .blogBox:before{background-color:#111c;content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%}.blogComponent .blogContainer .blogBoxContain .blogBox img{height:100%;object-fit:cover;transition:all .8s linear;width:100%}.blogComponent .blogContainer .blogBoxContain .blogBox .blogBxContent{background-color:#111c;box-sizing:border-box;color:var(--primary-color);display:flex;flex-direction:column;height:100%;justify-content:center;left:0;opacity:0;padding:2em;position:absolute;top:0;transform:scale(1);transition:all .5s ease-in-out;width:100%}.blogComponent .blogContainer .blogBoxContain .blogBox .blogBxContent span.dataObj{color:var(--primary-grey);font-weight:700;letter-spacing:1px;text-align:left}.blogComponent .blogContainer .blogBoxContain .blogBox .blogBxContent h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:2rem;margin-bottom:10px;margin-top:10px;overflow:hidden}.blogComponent .blogContainer .blogBoxContain .blogBox .blogBxContent p{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;line-height:1.7rem;margin-top:0;overflow:hidden}.blogComponent .blogContainer .blogBoxContain .blogBox .blogBxContent a{color:var(--active-nav-link);text-decoration:none}.blogComponent .blogContainer .blogBoxContain .blogBox .blogBxContent a svg{vertical-align:bottom}.blogComponent .blogContainer .blogBoxContain .blogBox:hover{background-color:#111c;border:1px solid var(--active-nav-link)}.blogComponent .blogContainer .blogBoxContain .blogBox:hover img{transform:scale(1.3) rotate(15deg)}.blogComponent .blogContainer .blogBoxContain .blogBox:hover .blogBxContent{opacity:1;transform:scale(1)}@media(max-width:600px){.navigationBar{justify-content:flex-end}.navigationBar .menuContent{display:none}.navigationBar .mobileMenu{align-items:center;box-sizing:border-box;display:flex;justify-content:space-between;padding:0 1em;width:100%}.navigationBar .mobileMenu .logoClx{border-radius:30px;height:40px;overflow:hidden;width:40px}.navigationBar .mobileMenu .menuBtn{align-items:center;display:flex}.navigationBar .mobileMenu .menuBtn svg{font-size:1.2rem;margin-left:10px}.bodyIcons{width:50px}.sideFadedContent{bottom:10%;font-size:3rem;right:0;top:auto;z-index:1}.sideFadedContent h1{margin:0}.landingPage{overflow:hidden;overflow-y:scroll}.landingPage .homeContent{flex-direction:column-reverse;height:auto;margin-top:80px;padding-bottom:2em;width:100%}.landingPage .homeContent .heloPic{height:auto;margin-left:0;width:calc(100% - 120px)}.landingPage .homeContent .heloContent{margin-top:50px;width:65%}.landingPage .homeContent .heloContent .Typewriter{font-size:1.2rem}.landingPage .homeContent .heloContent h1{font-size:3rem}.landingPage .homeContent .heloContent p{width:100%}.aboutPageComponent{overflow:hidden;overflow-y:scroll}.aboutPageComponent .aboutContent{flex-direction:column-reverse;height:auto;justify-content:flex-start;margin-top:80px;padding:0 0 2rem;z-index:9}.aboutPageComponent .aboutContent .rightBox{align-items:center;margin-bottom:2rem;padding-left:0;width:100%}.aboutPageComponent .aboutContent .rightBox .aboutPara{padding-bottom:5rem}.aboutPageComponent .aboutContent .rightBox h1{text-align:center}.aboutPageComponent .aboutContent .rightBox a.knowmore{left:10%}.aboutPageComponent .aboutContent .rightBox a.knowmore:before{display:none}.contactPageComponent{overflow:hidden;overflow-y:scroll}.contactPageComponent .contactContainer{position:relative;z-index:9}.contactPageComponent .contactContainer h1{font-size:1.5rem}.contactPageComponent .contactContainer .contactBox{flex-direction:column}.contactPageComponent .contactContainer .contactBox .contactLinks{border-right:1px solid var(--active-nav-link);margin-bottom:2em;padding:1em;width:300px}.contactPageComponent .contactContainer .contactBox .contactLinks .socialIcons{padding:0}.contactPageComponent .contactContainer .contactBox .contactForm{border-left:1px solid var(--active-nav-link);width:300px}.resumePageComponent .resumeContent{position:relative;width:80%;z-index:9}.resumePageComponent .resumeContent .glassContainer{flex-direction:column}.resumePageComponent .resumeContent .glassContainer .contentBx{margin:0;width:100%}.resumePageComponent .resumeContent .glassContainer .contentBx .glassBox ul{padding-left:0}.resumePageComponent .resumeContent .skillContainer{padding:2em 1em}.resumePageComponent .resumeContent .skillContainer a.knowmore{left:10%}.resumePageComponent .resumeContent .skillContainer .skillSection h3{font-size:1em}.resumePageComponent .resumeContent .skillContainer .skillSection ul{justify-content:space-evenly;margin-bottom:0}.resumePageComponent .resumeContent .skillContainer .skillSection ul:first-child{margin-top:0}.resumePageComponent .resumeContent .skillContainer .skillSection ul li{height:65px;margin:1em;width:65px}.resumePageComponent .resumeContent .skillContainer .skillSection ul li svg{font-size:2.5rem}}.backDropMenu{display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:99}.backDropMenu.activate{display:block}.backDropMenu:before{background-color:#ffc92ff2;content:"";display:block;filter:blur(10px);height:100%;position:absolute;width:100%}.backDropMenu .menuContainer{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;position:relative;width:100%;z-index:1}.backDropMenu .menuContainer ul{list-style:none;padding:0}.backDropMenu .menuContainer ul li{line-height:2rem;padding:10px 1em}.backDropMenu .menuContainer ul li a{color:var(--primary-dark-grey);font-size:1.5rem;font-weight:700;letter-spacing:2px;text-decoration:none}.backDropMenu .menuContainer .closeNav{font-size:2rem;position:absolute;right:1em;top:1em}.tooltipContainer{position:relative}.tooltipContainer .tooltpBox{background-color:#000000b3;border:1px solid #383838;border-radius:10px;box-shadow:0 3px 3px -2px #0003,0 3px 4px 0 #00000024,0 1px 8px 0 #0000001f;font-weight:700;max-width:300px;opacity:0;padding:10px 20px;position:absolute;transform:scale(0);transition:all .2s ease-in;white-space:nowrap}.tooltipContainer:hover>.tooltpBox{opacity:1;transform:scale(1)}