:root{--main-purple:#3500d3;--main-white:#fff;--main-black:#000;--main-purple-secondary:#7a4eff;--bg-primary:#fff;--bg-secondary:#f5f5f5;--text-primary:#000;--text-secondary:#575454;--border-color:gray;--shadow-color:rgba(0,0,0,.2);--shadow-color-hover:rgba(0,0,0,.19);--input-bg:#fff;--hr-color:#ccc}[data-theme=dark]{--main-purple:#7a4eff;--main-white:#1a1a2e;--main-black:#e0e0e0;--main-purple-secondary:#9d7aff;--bg-primary:#0f0f1a;--bg-secondary:#1a1a2e;--text-primary:#e0e0e0;--text-secondary:#b0b0b0;--border-color:#3a3a5c;--shadow-color:rgba(0,0,0,.4);--shadow-color-hover:rgba(0,0,0,.3);--input-bg:#1a1a2e;--hr-color:#3a3a5c}*{box-sizing:border-box;font-family:Montserrat,sans-serif}a{text-decoration:none}body{background-color:#fff;background-color:var(--bg-primary);color:#000;color:var(--text-primary);margin:0;padding:0;transition:background-color .3s ease,color .3s ease}@media (max-width:900px){body{overflow-x:hidden}}.navBar{align-items:center;background-color:#fff;background-color:var(--bg-primary);display:flex;flex-direction:row;font-weight:bolder;justify-content:space-between;min-height:4rem;padding:.2% 12.5%;transition:background-color .3s ease}.activeMessageError,.activeName{display:none}.active,.activeMessage{color:#e2402d;padding-top:1rem}@media (max-width:1100px){.navBar{margin-bottom:5rem;overflow-x:hidden;padding:.2% 12%}}.navBar .logoImg{height:25px}.navBar .navUl{display:flex;flex-direction:row;list-style:none}@media (max-width:900px){.navBar .navUl{align-items:center;background-color:#fff;background-color:var(--bg-primary);flex-direction:column;height:100vh;justify-content:space-evenly;position:absolute;right:0;top:6vh;-webkit-transform:translateX(100%);transform:translateX(100%);transition:-webkit-transform .4s ease-in;transition:transform .4s ease-in;transition:transform .4s ease-in,-webkit-transform .4s ease-in;width:100%;z-index:1}}.navBar .nav-active{-webkit-transform:translateX(0);transform:translateX(0)}@media (max-width:800px){.navBar .nav-active{-webkit-transform:translateX(-5%);transform:translateX(-5%)}}.navBar .burgerMenu{display:none}@media (max-width:900px){.navBar .burgerMenu{cursor:pointer;display:block}}.navBar .burgerMenu .toggle{-webkit-transform:rotate(-45deg) translate(-5px,6px);transform:rotate(-45deg) translate(-5px,6px)}.navBar .burgerMenu .toggle2{opacity:0}.navBar .burgerMenu .toggle3{-webkit-transform:rotate(45deg) translate(-5px,-6px);transform:rotate(45deg) translate(-5px,-6px)}.navBar .burgerMenu div{background-color:#000;background-color:var(--text-primary);height:3px;margin:5px;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;width:25px}.navBar .navLinks{align-self:center;cursor:pointer;padding:0 30px;text-decoration:none}.navBar .navLinks.resume{border:1px solid #3500d3;border:1px solid var(--main-purple);border-radius:5px;color:#3500d3;color:var(--main-purple);margin-left:1rem;padding:9px 25px}.navBar .navLinks .linkHash{color:#000;color:var(--text-primary);text-decoration:none}.ContactSection,.aboutMeSection,.blogsContainer,.experienceSection,.heroSection,.projectsSection{margin:auto;width:80%}.heroSection{align-items:center;display:flex;flex-direction:row;height:90vh;overflow-x:hidden;padding:0 2% 0 5%}@media (max-width:1100px){.heroSection{align-items:center;flex-direction:column-reverse;justify-content:center;padding:0 2% 0 1%}}.heroSection .content{display:flex;flex-direction:column}@media (max-width:1100px){.heroSection .content{margin-top:5rem}}.heroSection .content .h4text{color:#3500d3;color:var(--main-purple)}.heroSection .content .h1text{font-size:2.5rem;margin-top:0}@media (max-width:800px){.heroSection .content .h1text{font-size:2rem}}.heroSection .content .h2text,.heroSection .content .h4text{letter-spacing:.5px;margin-top:0}.heroSection .content .h2text{font-size:1.8rem}@media (max-width:800px){.heroSection .content .h2text{font-size:1.35rem}}.heroSection .content .h5text{font-size:.9rem;letter-spacing:1px;line-height:2;margin-top:10px;width:55%}@media (max-width:800px){.heroSection .content .h5text{width:100%}}.heroSection .svgImgg{margin-left:auto;width:22rem}@media (max-width:1100px){.heroSection .svgImgg{margin-left:0}}@media (max-width:800px){.heroSection .svgImgg{width:19rem}}.aboutMeSection{padding:7% 2% 10% 5%}.aboutMeSection,.blogsContainer{display:flex;flex-direction:column;justify-content:center}.blogsContainer{padding:5% 2% 5% 5%}.blog-grid{gap:1.5rem;margin-top:2rem}.blog-card,.blog-grid{display:flex;flex-direction:column}.blog-card{background-color:initial;border-bottom:1px solid #ccc;border-bottom:1px solid var(--hr-color);cursor:pointer;padding:1.5rem 0;transition:all .3s ease}.blog-card:last-child{border-bottom:none}.blog-card:hover{padding-left:10px}.blog-card h3{color:#000;color:var(--text-primary);font-size:1.4rem;margin-bottom:.5rem;margin-top:0;transition:color .3s ease}.blog-card:hover h3{color:#3500d3;color:var(--main-purple)}.blog-date{color:#575454;color:var(--text-secondary);display:block;font-size:.85rem;margin-bottom:1rem}.blog-preview{color:#000;color:var(--text-primary);font-size:.95rem;line-height:1.5;margin-bottom:1rem}.blog-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto}.blog-tag{color:#575454;color:var(--text-secondary);font-size:.7rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}.blog-tag:not(:last-child):after{color:gray;color:var(--border-color);content:"/";margin:0 .5rem}.modal-overlay{bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content,.modal-overlay{background-color:#fff;background-color:var(--bg-primary)}.modal-content{height:100vh;max-width:800px;overflow-y:auto;padding:4rem 2rem;position:relative;width:100%}.modal-close-btn{background:none;border:none;color:#575454;color:var(--text-secondary);cursor:pointer;font-size:1.5rem;position:absolute;right:1rem;top:1rem}.modal-close-btn:hover{color:#e2402d}.modal-body{color:#000;color:var(--text-primary);line-height:1.6}.modal-body h3{color:#3500d3;color:var(--main-purple);margin-top:1.5rem}.modal-body ul{margin-bottom:1rem}.modal-body li{margin-bottom:.5rem}.modal-body code{background-color:#f5f5f5;background-color:var(--bg-secondary);border-radius:4px;font-family:monospace;padding:.2rem .4rem}.linkStyle{color:#000;color:var(--text-primary);text-decoration:none}.linkStyle:hover{color:var(--main-red);text-decoration:none}@media (max-width:1100px){.aboutMeSection{padding:7rem 2% 10% 1.5%}}.aboutMeSection .contentAndImage{display:flex;flex-direction:row}@media (max-width:1100px){.aboutMeSection .contentAndImage{flex-direction:column-reverse;margin-top:2rem}}.aboutMeSection .h2textabout{margin-top:-3rem}.aboutMeSection .aboutMeContent{display:flex;flex-direction:column;width:60%}@media (max-width:1100px){.aboutMeSection .aboutMeContent{width:100%}}.aboutMeSection .imgContainer{border:2px solid #7a4eff;border:2px solid var(--main-purple-secondary);border-radius:5px;height:350px;margin-left:auto;margin-top:2rem;position:relative;width:280px}@media (max-width:1100px){.aboutMeSection .imgContainer{align-self:center;margin-bottom:2rem;margin-left:0}}@media (max-width:800px){.aboutMeSection .imgContainer{height:300px;width:240px}}.aboutMeSection .imgContainer .imgProfile{border-radius:5px;height:350px;position:absolute;right:8px;top:-11px;width:285px}@media (max-width:800px){.aboutMeSection .imgContainer .imgProfile{height:300px;width:240px}}.aboutMeSection .spanText{font-weight:700;letter-spacing:.4px;line-height:2;margin-top:2rem}.aboutMeSection .spanText.tech{margin-top:5rem}.aboutMeSection .backEndFrontEndContainer{display:flex;flex-direction:row;justify-content:space-between;margin-top:4rem}@media (max-width:1100px){.aboutMeSection .backEndFrontEndContainer{flex-direction:column}}.aboutMeSection .backEndFrontEndContainer .frontEndBox{background-color:#f5f5f5;background-color:var(--bg-secondary);border-radius:5px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);box-shadow:0 4px 8px 0 var(--shadow-color),0 6px 20px 0 var(--shadow-color-hover);display:flex;flex-direction:column;padding:2rem 2.5rem}@media (max-width:1100px){.aboutMeSection .backEndFrontEndContainer .frontEndBox{margin-bottom:3rem;padding:1rem}}.aboutMeSection .backEndFrontEndContainer .frontEndBox .spanTitle{align-self:center;font-weight:700;text-transform:uppercase}.backEndBox,.frontEndTools{display:flex;flex-direction:row;margin-top:1rem}.backEndBox .fnTools2,.frontEndTools .fnTools2{margin-left:3rem}@media (max-width:900px){.backEndBox .fnTools2,.frontEndTools .fnTools2{margin-left:.1rem}}.backEndBox .fnTool,.frontEndTools .fnTool{align-items:center;display:flex;margin:1.5rem .5rem}.backEndBox .fnTool .triangleRight,.frontEndTools .fnTool .triangleRight{color:#3500d3;color:var(--main-purple)}.techName{font-size:15px;margin-left:.8rem;text-transform:uppercase}@media (max-width:900px){.techName{font-size:11px;margin-left:.2rem}}.experienceSection{display:flex;flex-direction:column;padding:5% 2% 0 5%}@media (max-width:1100px){.experienceSection{padding:7rem 2% 5% 1.5%}}.experienceSection .h2textabout{margin-top:-3rem}.experienceItem{margin-bottom:2rem;margin-top:2rem}.expHeader,.experienceItem{display:flex;flex-direction:column}.expHeader{margin-bottom:.5rem}.expTitle{color:#000;color:var(--text-primary);font-size:1.3rem;font-weight:600;margin-bottom:.2rem}.expCompany{color:#3500d3;color:var(--main-purple)}.expDate{color:#575454;color:var(--text-secondary);font-family:monospace;font-size:.9rem;margin-bottom:1rem}.expDetails{display:flex;flex-direction:column}.expPoint{align-items:flex-start;display:flex;margin-bottom:.8rem}.expPoint .triangleRight{color:#3500d3;color:var(--main-purple);margin-top:4px;min-width:16px}.pointText{font-size:.95rem;line-height:1.6;margin-left:.5rem}.projectsSection{display:flex;flex-direction:column;padding:5% 2% 0 5%}@media (max-width:1100px){.projectsSection{padding:7rem 2% 10% 1.5%}}.projectsSection .Project1Container,.projectsSection .Project3Container{display:flex;flex-direction:column}.projectsSection .nameLabelLine{align-items:center;display:flex;flex-direction:row;margin:2rem 0}.projectsSection .nameLabelLine .vl{border-bottom:1px solid gray;border-bottom:1px solid var(--border-color);height:inherit;margin-top:5px;width:35%}@media (max-width:1100px){.projectsSection .nameLabelLine .vl{width:50%}}.projectsSection .h2textabout{margin-top:-3rem}.projectsSection .projectContentAndImage{display:flex;flex-direction:row;justify-content:space-between}@media (max-width:1100px){.projectsSection .projectContentAndImage{flex-direction:column-reverse}}.projectsSection .projectContentAndImage .hirestationImg{border-radius:5px;height:15rem;margin-left:auto}@media (max-width:1100px){.projectsSection .projectContentAndImage .hirestationImg{align-self:center;margin:2rem 0 4rem}}@media (max-width:800px){.projectsSection .projectContentAndImage .hirestationImg{height:10rem}}.projectsSection .linksContainer{align-items:center;display:flex;margin:2rem 0}.projContent{letter-spacing:.5px;line-height:1.5;width:50%}@media (max-width:1100px){.projContent{width:100%}}.projectLabel{font-weight:700;margin-right:1rem}.Project2Container{display:flex;flex-direction:column;margin-bottom:7.5rem;margin-top:5rem}.Project2Container .nameLabelLine2{display:flex;flex-direction:row;justify-content:flex-end;margin:2rem 0}.Project2Container .nameLabelLine2 .vl{border-bottom:1px solid gray;border-bottom:1px solid var(--border-color);margin-bottom:5px;margin-right:1rem;width:35%}@media (max-width:1100px){.Project2Container .nameLabelLine2 .vl{width:50%}}@media (max-width:800px){.Project2Container .nameLabelLine2 .vl{width:40%}}.projectContentAndImage1{display:flex;flex-direction:row;justify-content:space-between}@media (max-width:1100px){.projectContentAndImage1{flex-direction:column}}.projectContentAndImage1 .baathcheethImg{border-radius:5px;height:15rem;margin-right:auto;padding-right:2rem}@media (max-width:1100px){.projectContentAndImage1 .baathcheethImg{align-self:center;margin:2rem 0 4rem}}@media (max-width:800px){.projectContentAndImage1 .baathcheethImg{height:10rem}}.ContactSection{display:flex;flex-direction:column;padding:5% 2% 10% 5%}@media (max-width:1100px){.ContactSection{padding:5rem 2% 10% 1.5%}}.ContactSection .formContainer{margin-top:2rem}.ContactSection .nameAndEmailSection{display:flex;flex-direction:row;justify-content:space-between}@media (max-width:900px){.ContactSection .nameAndEmailSection{flex-direction:column;width:100%}}.ContactSection .nameAndEmailSection .nameContainer{display:flex;flex-direction:column;width:90%}@media (max-width:900px){.ContactSection .nameAndEmailSection .nameContainer{width:100%}}.ContactSection .nameAndEmailSection .emailContainer{display:flex;flex-direction:column;margin-left:5rem;width:90%}@media (max-width:900px){.ContactSection .nameAndEmailSection .emailContainer{margin-left:0;margin-top:3rem;width:100%}}.ContactSection .nameAndEmailSection .inputForm{background-color:#fff;background-color:var(--input-bg);border-color:gray;border-color:var(--border-color);border-width:1px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);box-shadow:0 4px 8px 0 var(--shadow-color),0 6px 20px 0 var(--shadow-color-hover);color:#000;color:var(--text-primary);outline:none;padding:.6rem .4rem;width:100%}.ContactSection .label{font-weight:700;margin-bottom:2rem}.ContactSection .MessageContainer{display:flex;flex-direction:column;margin-top:4rem}.ContactSection .MessageContainer #messageArea{background-color:#fff;background-color:var(--input-bg);border-color:gray;border-color:var(--border-color);box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);box-shadow:0 4px 8px 0 var(--shadow-color),0 6px 20px 0 var(--shadow-color-hover);color:#000;color:var(--text-primary);height:7rem;outline:none;padding:.5rem .4rem;resize:none;width:46.5%}@media (max-width:900px){.ContactSection .MessageContainer #messageArea{width:100%}}.ContactSection .submitBtn{background-color:#7a4eff;background-color:var(--main-purple-secondary);border:none;border-radius:3px;color:#fff;color:var(--main-white);cursor:pointer;margin-top:4rem;padding:.8rem;width:10rem}@media (max-width:900px){.ContactSection .submitBtn{width:100%}}.footerSection{margin:auto;padding:3% 1.5% 4% 3.7%;width:80%}.footerSection .footerContainer{display:flex;flex-direction:column}@media (max-width:900px){.footerSection .footerContainer{align-items:center}}.footerSection .socialMediaAndQuote{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}@media (max-width:900px){.footerSection .socialMediaAndQuote{flex-direction:column}}.footerSection .socialMediaAndQuote .icons{margin-left:1rem}@media (max-width:900px){.footerSection .socialMediaAndQuote .socialMedia{margin:2rem 0}}@media (max-width:800px){.spSpan{text-align:center}}.themeToggle{align-items:center;background:none;border:none;border-radius:50%;color:#000;color:var(--text-primary);cursor:pointer;display:flex;font-size:1.2rem;height:36px;justify-content:center;margin-left:1rem;transition:background-color .3s ease,color .3s ease;width:36px}.themeToggle:hover{background-color:#f5f5f5;background-color:var(--bg-secondary)}.projectsSection .linksContainer a{color:#575454;color:var(--text-secondary)}.projectsSection .linksContainer svg{fill:#575454;fill:var(--text-secondary)}hr{border-color:#ccc;border-color:var(--hr-color)}
/*# sourceMappingURL=main.bb705575.css.map*/