@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Courier+Prime&display=swap);:root{--main-color:#f9b52e;--background-color:#191923;--bc-color2:#1e1e28;--side-top:#252532;--white-color:#fff;--elements-back:#2c2c38}*{color:#fff;color:var(--white-color);font-family:Poppins,sans-serif;font-weight:400;margin:0;outline:none;padding:0;scroll-behavior:smooth;transition:all .4s ease-in-out}body{background-color:#191923;background-color:var(--background-color);height:100vh;overflow:hidden;width:100%}a{text-decoration:none}::-webkit-scrollbar{width:1px}.master{box-shadow:0 3px 8px 0 #0f0f1433;display:flex;flex-direction:row;margin:20px 40px;position:relative}.swal2-html-container{color:#2c2c38!important;color:var(--elements-back)!important;font-size:bold}.loaderScreen{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;width:100%}.loaderScreen p{font-size:16px;font-weight:700;letter-spacing:.85px;margin-bottom:15px;text-transform:uppercase}.smallScreenLoader{margin-top:-120px}nav{align-items:center;display:flex;height:50px;justify-content:flex-end}.navbarCover,.sidebarCover{display:none}.navLinks span{margin-right:45px}.navLink{padding:-30px;position:relative}.activeHeaderLink:before,.navLink:before{background-color:#f9b52e;background-color:var(--main-color);bottom:0;content:"";display:block;height:2px;position:absolute;width:0}.navLink:hover:before{transition:.4s ease-in-out;width:100%}.activeHeaderLink:before{width:100%}img.gotoHome{display:none;width:40px}.closeIcon,.menuIcon,.sideBarIcon{display:none;font-size:20px}.downloader{border:1.5px solid #f9b52e;border:1.5px solid var(--main-color);border-radius:30px;cursor:pointer;padding:3px 15px;transition:.19s ease-in-out}.downloader:hover{background-color:#f9b52e;background-color:var(--main-color);color:#191923;color:var(--background-color);transition:.19s ease-in-out}.sideBar{background-color:#1e1e28;background-color:var(--bc-color2);border-radius:10px;height:95vh;overflow:auto;position:relative;width:370px}.profile{align-items:center;background:#252532;background:var(--side-top);border-bottom:2px solid #191923;border-bottom:2px solid var(--background-color);box-shadow:0 1px 4px 0 #0f0f141a;display:flex;flex-direction:column;height:235px;justify-content:center;text-align:center;width:100%}.profilePhoto{border-radius:50%;margin-bottom:10px;object-fit:cover;width:90px}.profileImageOnline{position:relative}.profileImageOnline:after{animation:pulse-animation .85s infinite;background-color:#f9b52e;background-color:var(--main-color);border-radius:50%;bottom:20px;content:"";display:block;height:12px;pointer-events:none;position:absolute;right:10px;width:12px;z-index:99}.myStatus{background-color:#191923;background-color:var(--background-color);bottom:0;box-shadow:0 1px 4px 0 #0f0f141a;color:hsla(0,0%,100%,.452);font-size:9px;opacity:0;padding:5px 10px;position:absolute;right:-97px;text-align:left;transform:translateX(-10px);transition:.4s ease-in-out;width:79px}.profileImageOnline:hover>.myStatus{display:inherit;opacity:1;transform:translateX(0);transition:.4s ease-in-out}@keyframes pulse-animation{0%{box-shadow:0 0 0 0 #f9b52e98}to{box-shadow:0 0 0 5px #f9b52e1c}}.profile h4{font-weight:600}.profileDetailsSection{padding:0 25px}.profile p{color:#8c8c8e;font-size:12px;font-weight:300;line-height:15px;margin-top:10px}.profileDetails{background-color:#1e1e28;background-color:var(--bc-color2);height:calc(95vh - 287px);overflow:auto;width:100%;z-index:1000}.profileDetails hr{background-color:#646466;border:0;height:1px;margin:15px 0;opacity:.3;width:100%}.technologyKnown span{color:#8c8c8e;font-size:12px;font-weight:300;line-height:15px}.profileTechnology h6{font-size:12px;font-weight:400;margin-bottom:5px}.technologyKnown svg{fill:#f9b52e;fill:var(--main-color);font-size:10px;margin-right:10px;width:10px}.addressBar{display:flex;justify-content:space-between;line-height:1.8}.leftAddressBar h6{font-size:12px;font-weight:400;margin-bottom:5px}.rightAddressBar span{color:#8c8c8e;display:block;font-size:12px;font-weight:300;margin-bottom:5px;text-align:right}.sideBarFooter{align-items:center;background-color:#252532;background-color:var(--side-top);bottom:0;display:flex;height:50px;justify-content:space-around;position:absolute;width:100%}.sideBarFooter a svg{fill:#fff;fill:var(--white-color)}.downloadResume{align-items:center;cursor:pointer;display:flex}.downloadResume h6{color:#8c8c8e;font-weight:900;letter-spacing:.8px;margin-right:8px}.downloadResume svg{fill:#8c8c8e}.downloadResume:hover>h6,.downloadResume:hover>svg{fill:#fff;color:#fff}.mostTechnolgiesWorked{display:flex;justify-content:center;margin:-5px 0}.progressBarSection{align-items:center;display:flex;flex-direction:column;justify-content:center;width:-webkit-fit-content;width:fit-content}.progressBarSection p{color:#fff;font-size:12px;margin-top:-15px}.RCP{position:relative}.progressBarSection span{color:#8c8c8e;font-size:8px;margin-bottom:35px;margin-top:-50px;position:-webkit-sticky;position:sticky}.banner{background-image:url(/static/media/bg.0ecc1403906adaf9c564.jpg);background-position:bottom;background-repeat:no-repeat;background-size:100% 500px;border-radius:10px;height:420px;margin-top:20px}.banner,.bannerOverlay{display:block;width:100%}.bannerOverlay{background-image:linear-gradient(90deg,#2d2d3ae6 15%,#2d2d3ab3 50%,#2b2b35b3);background-position:50%;background-size:cover;border-radius:0 0 10px 10px;height:100%}.bannerContents{display:flex;flex-direction:row;height:100%;justify-content:space-between;padding:60px 70px;position:relative}.bannerImg img{background-position:-5px -1410px;filter:drop-shadow(0 0 10px rgba(0,0,0,.445));position:absolute;right:100px;top:-17px;width:360px}.bannerText h1{font-size:52px;font-weight:800;letter-spacing:3px;margin-bottom:15px}.banner p,.banner span,.codeFont{font-family:Courier Prime,monospace;font-size:16px;font-size:14px;letter-spacing:.5px}.banner p span{color:#f9b52e;color:var(--main-color)}.bannerText p{display:block;height:40px}.commonButton{background-color:#f9b52e;background-color:var(--main-color);border-radius:3px;cursor:pointer;margin-top:25px;text-transform:uppercase;transition:.25s ease-in-out;width:-webkit-fit-content;width:fit-content}.commonButton:hover{margin-top:23px;transition:.25s ease-in-out}.contactForm span input:hover{transform:translateY(-2px);transition:.25s ease-in-out}.commonButton a,.contactForm span input{color:#191923;color:var(--background-color);display:block;font-size:11px;font-weight:600;letter-spacing:1.5px;padding:12px 35px;text-transform:uppercase}.counterSection{justify-content:space-between;margin:30px 0}.counterSection,.counterSection div{display:flex;width:100%}.counterNumber{color:#f9b52e;color:var(--main-color);font-size:22px;font-weight:600}.counterName{font-size:14px;font-weight:400;margin-left:-140px}.sectionTitle{font-size:17px;font-weight:600}.serviceBoxSection{display:flex;flex-wrap:wrap;justify-content:space-between}.serviceBox{background-color:#2c2c38;background-color:var(--elements-back);border-radius:10px;box-shadow:0 1px 4px 0 #0f0f141a;display:block;flex-basis:27%;margin:15px 0;padding:30px}.serviceBox h5{font-size:14px;font-weight:600;margin-bottom:15px}.serviceBox p{color:#8c8c8c;font-size:12px;font-weight:300;letter-spacing:.5px;margin-bottom:15px}.serviceBoxLink{color:#f9b52e;color:var(--main-color);cursor:pointer;font-size:12px;font-weight:600;margin:0;text-transform:uppercase}.serviceBoxLink:after{content:" >";font-size:15px;transition:.2s ease-in-out}.serviceBoxLink:hover:after{padding-left:2px;transition:.2s ease-in-out}footer{height:50px;width:100%}.footer{background-color:#1e1e28;background-color:var(--bc-color2);display:flex;flex-wrap:wrap;justify-content:space-between;padding:10px 20px}.footer a,.footer p{color:#8c8c8e;font-size:11px}.footer a{color:#fff;color:#f9b52e;color:var(--main-color);position:relative}.footer a:after{background-color:#f9b52e;background-color:var(--main-color);bottom:0;content:"";display:block;height:1px;left:0;position:absolute;transition:.2s ease-in-out;width:0}.footer a:hover:after{transition:.2s ease-in-out;width:100%}.contactSection .sectionTitle{margin:30px 0}.contactInformation{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin:15px 0}.contactBox,.contactForm{background-color:#2c2c38;background-color:var(--elements-back);border-radius:10px;padding:30px 30px 25px;width:100%}.contactBox{align-items:center;box-shadow:0 3px 8px 0 #0f0f1433;display:flex;flex-basis:24%;justify-content:space-between}.contactForm{padding:0}.contactForm form{padding:30px}.contactForm p{align-items:flex-start;display:flex;margin-bottom:15px;position:relative}.contactForm p,.contactForm p input,.contactForm p textarea{background-color:#252532;background-color:var(--side-top);width:100%}.contactForm p input,.contactForm p textarea{border:0;border-left:50px solid #1e1e28;border-left:50px solid var(--bc-color2);color:#fff;color:var(--white-color);height:50px;outline:none;padding:0 10px}.contactForm p input{border-radius:3px;height:50px}.contactForm p textarea{height:116px;padding:10px;resize:vertical}.contactForm p label{align-items:center;color:#fff;color:var(--white-color);cursor:text;display:flex;font-size:12px;height:50px;justify-content:center;left:0;position:absolute;top:0;width:50px}.contactForm p input:focus,.contactForm p textarea:focus{border-left:50px solid #f9b52e;border-left:50px solid var(--main-color)}.contactform span{width:-webkit-fit-content;width:fit-content}.contactForm span input{background-color:#f9b52e;background-color:var(--main-color);border:0;border-radius:3px;cursor:pointer;height:100%;margin-top:25px;outline:none}.blogSection{display:flex;flex-wrap:wrap;justify-content:space-between;margin:20px 0;width:100%}.blogPostBox{animation:projectGrow .4s;background-color:#2c2c38;background-color:var(--elements-back);border-radius:10px;flex-basis:49%;height:-webkit-fit-content;height:fit-content;margin-bottom:20px;overflow:hidden}.blogMainImage{height:310px;overflow:hidden;width:100%}.blogPostBox img{height:100%;object-fit:cover;overflow:hidden;width:100%}.blogPostBox img:hover{transform:scale(1.1)}.postText{padding:30px}.postText .sectionTitle{font-size:16px}.postText p{font-size:13px;font-weight:lighter;margin:10px 0}.postBoxTitle{margin-bottom:10px}.blogPostBanner{align-items:center;border-radius:10px;display:flex;justify-content:center;margin:15px 0;overflow:hidden;width:100%}.blogPostBanner img{filter:brightness(.9)}.blogPostBanner img:hover{filter:brightness(1);transform:scale(1.02)}.mainBlogSection{display:flex;flex-direction:row;justify-content:space-between;overflow-x:hidden}.mainBlogSection article{background-color:#2c2c38;background-color:var(--elements-back);border-radius:10px;flex-basis:71%;max-width:71%}.mainBlogSection .authorSection{flex-basis:28%}.article{padding:30px}.blogTitle{font-size:24px;margin:10px 0}.authorSection .profileDetailsSection{background-color:#2c2c38;background-color:var(--elements-back);border-radius:10px;padding:25px}.mainBlogSection .article h1{font-size:20px;font-weight:600;margin:20px 0 15px}.mainBlogSection .article h2{font-size:17px;margin:20px 0 15px}.mainBlogSection .article h3{font-size:15px;margin:20px 0 10px}.mainBlogSection .article h4{display:none}.mainBlogSection .article blockquote{color:#fff;color:var(--white-color);font-size:14px;font-style:italic;margin-bottom:15px;padding:10px 15px;position:relative}.mainBlogSection .article blockquote:before{background-color:#fff;background-color:var(--white-color);content:"";height:100%;left:0;position:absolute;top:0;width:3px}.blogCodeSection{width:100%}.blogCode{background-color:#252532!important;background-color:var(--side-top)!important;border-radius:5px;font-size:1rem;margin:15px}.blogCode::-webkit-scrollbar{background-color:hsla(0,0%,50%,.274);height:8px}.blogCode::-webkit-scrollbar-thumb{background-color:gray;border-radius:10px}.mainBlogSection .article p{color:#fff;color:var(--white-color);font-size:15px;font-weight:300;letter-spacing:.5px;line-height:1.9;margin-bottom:20px}.mainBlogSection article li,.mainBlogSection article ul{line-height:1.7;list-style-type:none;margin:24px 24px 24px 44px}.mainBlogSection article figure img{margin:10px 50%;transform:translateX(-50%);width:50%}.mainBlogSection article strong{color:#fff;color:var(--white-color);font-weight:600}.mainBlogSection article em{color:#fff;color:var(--white-color);font-weight:300}.mainBlogSection article li{font-size:13px;font-weight:400;letter-spacing:.5px;margin:5px 0;position:relative}.mainBlogSection article p a{color:#fff;color:var(--white-color);font-style:italic}.mainBlogSection article p a:hover{color:#f9b52e;color:var(--main-color)}.mainBlogSection article ul li:before{background:#0000;border:2px solid #ffc107;border-radius:50%;box-shadow:0 3px 8px 0 #0f0f1433;content:"";height:5px;left:-25px;position:absolute;top:4px;width:5px}.experienceSection{display:flex;margin-top:10px}.timeLineSeperator{flex-basis:50%}.timeLineSection{border-right:4px solid #191923;border-right:4px solid var(--background-color);margin-right:30px;margin-top:10px;padding-right:30px}.timelineItem{background-color:#2c2c38;background-color:var(--elements-back);border-radius:10px;display:flex;flex-direction:column;height:-webkit-fit-content;height:fit-content;margin-bottom:20px;padding:30px;position:relative}.timelinecircle{background-color:#191923;background-color:var(--background-color);border:3px solid #f9b52e;border:3px solid var(--main-color);border-radius:50%;display:block;height:10px;position:absolute;right:-40px;top:50%;width:10px}.timelineItem:hover>.timelinecircle{animation:pulse-animation .85s infinite}.timelinetop{display:flex;justify-content:space-between;margin-bottom:15px}.timelineItem .sectionTitle{color:#fff;color:var(--white-color);font-size:14px;font-weight:600}.timelineItem em{color:#646466;font-size:11px;font-weight:300}.timelinetopRight{background-color:#191923;background-color:var(--background-color);border-radius:15px;box-shadow:inset 0 3px 8px 0 #0f0f1433;font-size:10px;height:-webkit-fit-content;height:fit-content;padding:5px 15px}.timelinetopRight,p.timeLineBody{color:#8c8c8e;font-weight:300;letter-spacing:.5px}p.timeLineBody{font-size:12px;margin-bottom:15px}.timelineItem .serviceBoxLink{font-size:11px}.timelineItem .serviceBoxLink:after{font-size:13px}.projectSection{margin-top:20px;width:100%}.projectCategories{display:flex;justify-content:center;margin:20px 0;width:100%}.projectCategories li.sectionTitle{border-radius:5px 5px 0 0;cursor:pointer;font-size:14px;list-style-type:none;margin-right:20px}.projectCategories li.sectionTitle:last-child{margin-right:0}.react-tabs__tab--selected{border-bottom:1px solid #fff;color:#f9b52e;color:var(--main-color)}.projects{display:flex;flex-direction:row;flex-wrap:wrap;margin-top:30px}.projectBox{animation:projectGrow .4s;background-color:#2c2c38;background-color:var(--elements-back);border-radius:10px 10px 0 0;display:flex;flex-basis:32%;flex-direction:column;justify-content:space-between;margin-bottom:20px;margin-right:15px}@keyframes projectGrow{0%{transform:scale(0)}to{transform:scale(1)}}.projectDataDescription{padding:5px 25px 25px;width:-webkit-fit-content;width:fit-content}.projectImage img{border-radius:10px 10px 0 0;width:100%}.projectDataDescription .sectionTitle{font-size:18px}.projectTags{display:flex;flex-wrap:wrap;margin:10px 0}.projectTags span{background-color:#191923;background-color:var(--background-color);border-radius:10px;color:#8c8c8e;font-size:11px;font-style:italic;margin:0 5px;padding:5px 10px}p.projectDescription{font-size:12px}.projectLinks{width:100%}.allProjectLinks{display:flex;justify-content:space-between;margin-top:0;padding:0 25px 25px}.projectLinks a{align-items:center;display:flex;font-size:18px;transition:.2s ease-in-out}.githubLink a:after{content:" GitHub"}.githubLink a:after,.livelink a:after{font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;transition:.2s ease-in-out}.livelink a:after{content:" Website"}.projectLinks a>svg{fill:#f9b52e;fill:var(--main-color)}.projectLinks a:hover{color:#f9b52e;color:var(--main-color)}.mainSection{background-image:linear-gradient(180deg,rgba(30,30,40,.911),rgba(30,30,40,.897) 70%,rgba(30,30,40,.877) 80%,#1e1e28),url(/static/media/bg.0ecc1403906adaf9c564.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:10px;height:95vh;margin-left:5px;overflow:auto;width:100%}.paddingMainSection{min-height:93%;padding:10px 30px}@media only screen and (max-width:1579px){.bannerImg{display:none}.projectBox{background-color:#2c2c38;background-color:var(--elements-back);border-radius:10px 10px 0 0;flex-basis:48%;margin-bottom:20px;margin-right:15px}}@media only screen and (max-width:1439px){.counterName{margin-left:0}}@media only screen and (max-width:1404px){.contactBox{flex-basis:100%;margin-bottom:15px}}@media only screen and (max-width:1380px){.bannerText{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center}.banner{border-radius:0;margin-top:0}.bannerText h1{font-size:46px}.bannerContents{justify-content:center;padding:0}.bannerOverlay{padding:0;width:100%}}@media only screen and (max-width:1100px){body{overflow-x:hidden;width:100vw}.master{margin:0}.blogPostBox,.sideBar{border-radius:0}.sideBar{height:95vh;left:-300px;position:fixed;transition:.5s ease-in-out;width:290px;z-index:5}.authorSection .profileDetailsSection,.banner,.blogPostBanner,.commonButton,.contactBox,.contactForm,.contactForm span input,.mainBlogSection article,.serviceBox{border-radius:0}.sectionTitle{text-align:center}.postBoxTitle{text-align:left}#hideSideBar{left:0;transition:.5s ease-in-out;z-index:100}.paddingMainSection{padding:65px 10px 30px}.banner{height:340px}nav span{margin-bottom:25px}.mainSection nav{align-items:flex-end;background-color:#191923;flex-direction:column;height:100vh;justify-content:flex-start;padding:100px 40px 0;right:-400px;top:0;transition:.5s ease-in-out;width:220px}nav#hidden{right:0;transition:.5s ease-in-out;z-index:100}.mobileArtApp{background-color:#20202a;height:50px;left:0;position:fixed;top:0;width:100vw;z-index:1}.closeIcon,.menuIcon,.sideBarIcon{cursor:pointer;display:inherit;position:fixed;right:20px;top:20px;z-index:10}.sideBarIcon{font-size:20px;left:20px;transition:.5s ease-in-out}#menuIconVisibility,.closeIcon{display:none}#closeIconVisibility{display:inherit;z-index:101}nav{position:fixed;right:10px;z-index:5}.menuSection nav#hidden{position:absolute}#moveDots{left:250px;transition:.5s ease-in-out;z-index:101}.navLink{font-size:18px}.navLink,.navLinks span{margin-right:0}.counterName{margin-left:-80px}img.gotoHome{display:inherit;margin-left:50%;padding-top:8px;position:fixed;top:0;transform:translateX(-50%);width:35px;z-index:4}#sidebarCover{background-color:rgba(0,0,0,.527);width:100vw}#sidebarCover,.navbarCover{display:block;height:100vh;position:absolute;z-index:1000}.navbarCover{right:0;top:0;transition:.3s ease-in-out;width:0}#navbarCover{background-color:rgba(0,0,0,.685);right:299px;transition:.7s ease-in-out;width:100vw}.mainBlogSection{display:flex;flex-direction:column;overflow-x:hidden}.mainBlogSection .authorSection,.mainBlogSection article{background-color:#2c2c38;background-color:var(--elements-back)}.mainBlogSection article{margin-bottom:15px;max-width:100%}.blogPostBanner img{filter:brightness(1)}.blogTitle{font-size:inherit;margin:inherit}.blogCode{font-size:.7rem;margin:10px 0}.article{padding:10px}.experienceSection{flex-direction:column}.timeLineSection{margin-right:10px;padding-right:15px}.timelinecircle{right:-25px}.experienceSection .sectionTitle{text-align:left}.projectBox{flex-basis:47%;width:-webkit-fit-content;width:fit-content}}@media only screen and (max-width:996px){.serviceBox{flex-basis:42%}.contactSection .sectionTitle{margin:15px 0}.blogCode{font-size:.45rem;margin:10px 0}}@media only screen and (max-width:828px){.projectBox,.serviceBox{flex-basis:100%}.projectBox{width:-webkit-fit-content;width:fit-content}}@media only screen and (max-width:769px){.bannerText h1{font-size:32px}.counterSection{flex-direction:column}.counterSection div.mrgbtm{margin-bottom:20px}.counterName{font-size:12px;margin-left:0}.blogPostBox{background-color:#2c2c38;background-color:var(--elements-back);flex-basis:100%;height:-webkit-fit-content;height:fit-content;overflow:hidden}.blogPostBox,footer{margin-bottom:20px}}@media only screen and (max-width:613px){.bannerText h1{font-size:32px}img.gotoHome{margin-left:46vw}.timelinetop{flex-direction:column}.timelinetopRight{margin-top:10px;width:-webkit-fit-content;width:fit-content}}
/*# sourceMappingURL=main.021f9525.css.map*/