body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-family:Poppins,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.MainApp{display:flex;height:100vh;overflow:hidden}.SubApp{flex:1 1;height:100vh;margin-left:250px;overflow-y:auto;padding:20px}@media (max-width:768px){.SubApp{margin-left:0;width:100%}}@media (max-width:1024px){.SubApp{margin-left:0;width:100%}}.mainSidebar{background:#fff;border-radius:7px;border-right:1px solid #ddd;height:90vh;left:0;margin:10px;overflow-y:auto;padding:10px;position:fixed;top:4%;width:250px;z-index:100}.mainSidebar .subSidebar{position:relative}.mainSidebar .subSidebar .Sidebar{display:flex;flex-direction:column}.mainSidebar .subSidebar .Sidebar .ProfilePhoto{align-items:center;border-radius:50%;display:flex;flex-direction:column;justify-content:center;width:100%}.mainSidebar .subSidebar .Sidebar .ProfilePhoto img{border:5px solid #000;border-radius:50%;height:70px;width:70px}.mainSidebar .subSidebar .Sidebar .ProfilePhoto p{color:#707070}.mainSidebar .subSidebar .Sidebar .ProfilePhoto span{background:#d3d3f3;border-radius:15px;color:#6c63ff;font-size:14px;padding:5px 10px}.mainSidebar .subSidebar .Sidebar .socialurl{display:flex;gap:10px;justify-content:center;margin-bottom:10px;margin-top:10px;padding:10px}.mainSidebar .subSidebar .Sidebar .socialurl span{color:#707070;cursor:pointer}.mainSidebar .subSidebar .Sidebar .socialurl span .iconDisplay{font-size:18px}.mainSidebar .subSidebar .Sidebar .socialurl span:hover{color:#000}.mainSidebar .subSidebar .Sidebar .UserInfo{border-bottom:1px solid #ddd}.mainSidebar .subSidebar .Sidebar .UserInfo .infoRow{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.mainSidebar .subSidebar .Sidebar .UserInfo .infoRow .label{color:#707070;font-size:14px;font-weight:600}.mainSidebar .subSidebar .Sidebar .UserInfo .infoRow .userData{color:#707070;font-size:14px}.mainSidebar .subSidebar .Sidebar .SidebarOption{align-items:flex-start;display:flex;flex-direction:column}.mainSidebar .subSidebar .Sidebar .SidebarOption button{background:#0000;border:none;color:#707070;cursor:pointer;padding:10px}.mainSidebar .subSidebar .Sidebar .SidebarOption button.active{background:#d3d3f3;border-radius:5px;color:#6c63ff;text-align:left;width:100%}.mainSidebar .subSidebar .Sidebar .hrline{border-bottom:1px solid #ddd;margin-bottom:20px;margin-top:20px;width:100%}.mainSidebar .subSidebar .Sidebar .DownloadResume{align-items:center;display:flex;justify-content:center}.mainSidebar .subSidebar .Sidebar .DownloadResume button{background:#6c63ff;border:none;border-radius:40px;color:#fff;cursor:pointer;padding:7px 12px;width:12rem}.mobileMenu{display:none}.mobileMenu svg{color:#6c63ff;cursor:pointer}@media(max-width:1024px){.mainSidebar{display:none;width:200px}.mobileMenu{display:block;left:10px;position:fixed;top:10px;z-index:200}}@media(max-width:768px){.mainSidebar{border-radius:0;height:100vh;left:-260px;margin:0;position:fixed;top:0;transition:left .3s ease-in-out;width:220px}.mainSidebar.open{left:0}.mobileMenu{display:block;left:10px;position:fixed;top:10px;z-index:200}}.mainProfileInfo{margin:10px;padding:10px}.subProfileInfo{align-items:center;background:#f0f8ff;border-radius:4px;box-shadow:0 8px 12px #021e540f;display:flex;justify-content:center;padding:10px}.subProfileInfo .ProfileInfo-content{align-items:flex-start;display:flex;flex-direction:column;flex-wrap:wrap;height:80%;justify-content:flex-start;margin:auto}.subProfileInfo .ProfileInfo-content .ProfileInfo-text{width:70%}.subProfileInfo .ProfileInfo-content .ProfileInfo-text .ProfileInfo-text-one{color:#0e2431;font-size:25px;font-weight:600}.subProfileInfo .ProfileInfo-content .ProfileInfo-text .ProfileInfo-text-two{color:#6c63ff;font-size:14px;font-weight:600}.subProfileInfo .ProfileInfo-content .ProfileInfo-text .ProfileInfo-text-three{color:#0e2431;font-size:14px;margin:5px 0}.subProfileInfo .ProfileInfo-content .ProfileInfo-text .ProfileInfo-text-four{color:#0e2431;font-size:23px;margin:5px 0}@media(max-width:768px){.subProfileInfo .ProfileInfo-content .ProfileInfo-text{width:100%}}@media(max-width:1024px){.subProfileInfo .ProfileInfo-content .ProfileInfo-text{width:100%}}.subProfileInfo .ProfileInfo-content .ProfileInfo-text-img{height:30vh;width:30vh}.subProfileInfo .ProfileInfo-content .ProfileInfo-text-img img{border-radius:5px;box-shadow:0 8px 10px 0 #0003;height:100%;width:100%}@media(max-width:1024px){.subProfileInfo{width:100%}}@media(max-width:768px){.subProfileInfo{flex-direction:column;width:100%}.ProfileInfo-text{width:100%}}@media(max-width:480px){.subProfileInfo{flex-direction:column;width:100%}.ProfileInfo-text{width:100%}}.mainEducation{margin:10px;padding:10px}.mainEducation .EducationTitle{display:flex;justify-content:center;width:100%}.mainEducation .EducationTitle h3{font-size:26px;margin:0;text-align:center}.mainEducation .subEducation{background:#fff;border-radius:10px;box-shadow:0 8px 12px #021e540f;position:relative}.mainEducation .subEducation .Education{border-bottom:1px solid #ccc;display:flex;flex-wrap:wrap;gap:10px;padding:10px}.mainEducation .subEducation .Education:last-child{border-bottom:none}.mainEducation .subEducation .Education .EducationLedtSection{flex:1 1 24%}.mainEducation .subEducation .Education .EducationLedtSection h3{font-size:16px;margin:0}.mainEducation .subEducation .Education .EducationLedtSection p{background:#d3d3f3;border-radius:15px;color:#6c63ff;font-size:12px;padding:5px 10px;text-align:center;width:30%}.mainEducation .subEducation .Education .EducationRightSection{flex:1 1 76%}.mainEducation .subEducation .Education .EducationRightSection p{font-size:14px;margin:0;padding-bottom:10px}.mainExperience{margin:10px;padding:10px}.mainExperience .ExperienceTitle{display:flex;justify-content:center;margin-bottom:10px;width:100%}.mainExperience .ExperienceTitle h3{font-size:26px;margin:0;text-align:center}.mainExperience .subExperience{border-radius:10px;display:flex;flex-wrap:wrap;position:relative}.mainExperience .subExperience .Experience{background:#fff;border-radius:6px;box-shadow:0 8px 12px #dfdfdffa;display:flex;flex-direction:column;gap:10px;margin:10px;padding:10px;width:35vh}@media(max-width:1024px){.mainExperience .subExperience .Experience{width:43%}}@media(max-width:768px){.mainExperience .subExperience .Experience{width:100%}}@media(max-width:480px){.mainExperience .subExperience .Experience{width:100%}}.mainExperience .subExperience .Experience .Timeline{background:#d3d3f3;border-radius:15px;color:#6c63ff;font-size:9px;margin:0;padding:3px 10px;position:absolute;text-align:center;top:0;width:5%}@media(max-width:480px){.mainExperience .subExperience .Experience .Timeline{position:relative;width:15%}}@media(max-width:768px){.mainExperience .subExperience .Experience .Timeline{position:relative;width:15%}}@media(max-width:1024px){.mainExperience .subExperience .Experience .Timeline{position:relative;width:20%}}.mainExperience .subExperience .Experience .ExperienceLedtSection{flex:1 1 24%;margin-top:10px;position:relative}.mainExperience .subExperience .Experience .ExperienceLedtSection h3{font-size:16px;margin:0}.mainExperience .subExperience .Experience .ExperienceLedtSection .WorkPosition{font-size:12px;margin:0}.mainExperience .subExperience .Experience .ExperienceRightSection{flex:1 1 76%}.mainExperience .subExperience .Experience .ExperienceRightSection p{font-size:14px;margin:0}.mainSkills{margin:10px;padding:10px}.mainSkills .subSkills h3{font-size:24px;margin-bottom:20px;text-align:center}.mainSkills .subSkills .FrontendSkills{border-radius:10px;display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin:10px;padding:10px}@media(max-width:1024px){.mainSkills .subSkills .FrontendSkills{margin:0;padding:0;width:100%}}@media(max-width:768px){.mainSkills .subSkills .FrontendSkills{margin:0;padding:0;width:100%}}@media(max-width:480px){.mainSkills .subSkills .FrontendSkills{margin:0;padding:0;width:100%}}.mainSkills .subSkills .skillCard{align-items:center;background:#d3d3f3;border:1px solid #d3d3f3;border-radius:6px;display:flex;gap:10px;padding:10px 20px;transition:transform .2s ease;width:15%}@media(max-width:1024px){.mainSkills .subSkills .skillCard{width:24%}}@media(max-width:768px){.mainSkills .subSkills .skillCard{width:35%}}@media(max-width:480px){.mainSkills .subSkills .skillCard{width:35%}}.mainSkills .subSkills .skillCard:hover{transform:translateY(-5px)}.mainSkills .subSkills .skillCard img{height:25px}.mainSkills .subSkills .skillCard p{color:#6c63ff;font-size:14px;margin:0;text-align:center}.mainProjects{margin:10px;padding:10px}.mainProjects .titlebar{text-align:center}.mainProjects .subProjects{align-items:center;border-radius:5px;display:flex;flex-wrap:wrap;justify-content:center}.mainProjects .subProjects .Projects{background:#fff;border:2px solid #ddd;border-radius:5px;height:56vh;margin:10px;position:relative;width:51vh}@media(max-width:1024px){.mainProjects .subProjects .Projects{width:45%}}@media(max-width:768px){.mainProjects .subProjects .Projects{width:100%}}@media(max-width:480px){.mainProjects .subProjects .Projects{width:100%}}.mainProjects .subProjects .Projects .InfoofProjects{padding:10px}.mainProjects .subProjects .Projects .InfoofProjects img{box-shadow:0 8px 12px 0 #d6d6d633;height:100%;width:100%}.mainProjects .subProjects .Projects .InfoofProjectsPara{padding:10px}.mainProjects .subProjects .Projects .InfoofProjectsPara h3{font-size:14px}.mainProjects .subProjects .Projects .InfoofProjectsPara p{font-size:12px}.mainProjects .subProjects .Projects .InfoofProjectsBtn{align-items:center;display:flex;justify-content:center}.mainProjects .subProjects .Projects .InfoofProjectsBtn button{align-items:center;background:#fff;border:2px solid #d3d3f3;border-radius:5px;cursor:pointer;display:flex;justify-content:center;margin:10px;padding:6px;transition:.6s ease-in;width:100px}.mainProjects .subProjects .Projects .InfoofProjectsBtn button:hover{background:#d3d3f3;color:#6c63ff}.mainProjects .subProjects .Projects .InfoofProjectsBtn .Projectlinks{cursor:pointer;font-size:14px}.mainGetInTouch{margin:10px;padding:10px}.mainGetInTouch .GetInTouchTitle{text-align:center}.mainGetInTouch .GetInTouchTitle h2{margin:0}.mainGetInTouch .subGetInTouch{background:#fff;border-radius:10px;margin:10px;padding:10px}.mainGetInTouch .subGetInTouch p{color:#ccc;font-size:1rem;margin-bottom:40px}.mainGetInTouch .subGetInTouch .contactForm{display:flex;flex-direction:column;gap:15px}.mainGetInTouch .subGetInTouch .contactForm .NameandEmail{display:flex;flex-wrap:wrap;gap:10%}@media(max-width:768px){.mainGetInTouch .subGetInTouch .contactForm .NameandEmail{column-gap:10px;flex-direction:column;width:100%}}.mainGetInTouch .subGetInTouch .contactForm .NameandEmail .NameInput{flex:1 1 45%}.mainGetInTouch .subGetInTouch .contactForm .NameandEmail .NameInput input{background:#fff;border:1px solid #6c63ff;border-radius:8px;color:#000;font-size:1rem;outline:none;padding:12px 15px;width:90%}.mainGetInTouch .subGetInTouch .contactForm .NameandEmail .NameInput input:focus{border:1px solid #6c63ff}@media(max-width:768px){.mainGetInTouch .subGetInTouch .contactForm .NameandEmail .NameInput{margin-bottom:5%}}.mainGetInTouch .subGetInTouch .contactForm .NameandEmail .EmailInput{flex:1 1 45%}.mainGetInTouch .subGetInTouch .contactForm .NameandEmail .EmailInput input{background:#fff;border:1px solid #6c63ff;border-radius:8px;color:#000;font-size:1rem;outline:none;padding:12px 15px;width:90%}.mainGetInTouch .subGetInTouch .contactForm .NameandEmail .EmailInput input:focus{border:1px solid #6c63ff}.mainGetInTouch .subGetInTouch .contactForm input,.mainGetInTouch .subGetInTouch .contactForm textarea{background:#fff;border:1px solid #6c63ff;border-radius:8px;color:#000;font-size:1rem;outline:none;padding:12px 15px}.mainGetInTouch .subGetInTouch .contactForm input:focus,.mainGetInTouch .subGetInTouch .contactForm textarea:focus{border:1px solid #a486f8}.mainGetInTouch .subGetInTouch .contactForm button{background:#a486f8;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:12px;transition:.3s;width:15%}.mainGetInTouch .subGetInTouch .contactForm button:hover{background:#8d6cf5;transform:translateY(-2px)}@media(max-width:768px){.mainGetInTouch .subGetInTouch .contactForm button{width:100%}}@media(max-width:1024px){.mainGetInTouch .subGetInTouch .contactForm button{width:100%}}.mainFooter{margin-bottom:10px;padding:10px}.mainFooter .subFooter p{color:#707070;text-align:center}
/*# sourceMappingURL=main.3cb4dd5c.css.map*/