:root{background:linear-gradient(to top,#0e0e0e,#333535);font-family:Roboto,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth}.navBarContainer{position:fixed;margin-top:1rem;left:50%;transform:translate(-50%);display:flex;justify-content:center;width:90%;max-width:500px;align-items:center;justify-content:space-around;background-color:#1d1c1ce6;border-radius:30px;border:1px white solid;z-index:10;transition:background-color .3s ease}.navBarItem{color:#e9e4e4;font-size:clamp(.5rem,.9rem,1rem);transition:color .5s ease}.navBarContainer:hover{background-color:#1d1c1c}.navBarItem:hover{color:#0b8ffa}.wave-element{margin-left:4px;display:inline-block;transform-origin:bottom right}.wave-element:hover{animation:wave .5s ease-in-out}@keyframes wave{0%{transform:rotate(0)}50%{transform:rotate(25deg)}to{transform:rotate(0)}}.homeTitleContainer{display:flex;flex-direction:column}.introContainer{display:flex;max-width:100%;padding:0 10px;justify-content:space-between}.homeInfoContainer{display:flex;flex-direction:column;justify-content:center;padding:10px;max-width:100%;border-radius:20px;border:1px white solid;color:#fff}.littleDescription p{text-wrap:wrap;min-width:40%;padding:10px;color:#fff;font-size:1.2rem;margin:5px 0}.homeInfoContainer h1{margin-bottom:0rem;font-size:1.5rem}.homeInfoContainer p{line-height:25px}.homeButtonsContainer{display:flex;justify-content:flex-end;max-width:50%;flex-wrap:wrap}.homeLogo{height:50px;background-color:#fff;border-radius:10px;border:2px black solid;padding:2px;margin:6px 10px;display:block}.locationLogo{height:25px;border-radius:10px}.locationContainer{display:flex;align-items:center;gap:10px;padding:0;margin:0;width:100%}.locationText{font-size:.9rem}.logoContainer{position:relative;display:inline-block}.logoContainer .gif,.logoContainer a:hover .static{display:none}.resumeLogo{padding:0}.logoContainer a:hover .gif,.logoContainer .resumeLogo:hover{display:block;box-shadow:0 0 10px #0b8ffa}@media (max-width: 400px){.homeInfoContainer{width:90%;align-self:center}}*{box-sizing:border-box}#root{width:100%;display:flex;justify-content:center;min-height:100%;margin:0}.mainContainer{display:flex;flex-direction:column;margin-top:100px;max-width:700px;min-width:10px;gap:30px}.sectionHeading{color:#fff;margin:0;font-size:2rem;text-align:center}footer{color:#fff;margin-top:10px;display:flex;align-items:center;justify-content:center;flex-direction:column}.social-links{display:flex;width:50%;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap}.social-links a{text-decoration:underline;color:#fff}footer a{color:#fff}.skillsSectionContainer{display:flex;flex-direction:column;align-items:center;justify-content:center}.skillsListContainer{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:25px;padding:20px 20px 0}.skillContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#b5b5b5;border:1px solid rgb(255,255,255);height:5em;width:7rem;border-radius:20px;transition:transform .3s ease,background-color .3s ease}.skillContainer p{margin:5px 0 0}.skillContainer:hover{transform:scale(1.1);background-color:#ffffff0d}.skillLogo{width:40px;height:40px}.skillLogo path{transition:fill .3s ease}.skillContainer:hover .jQuerySVG path{fill:#0769ad}.skillContainer:hover .jsSVG path{fill:#f0db4f}.skillContainer:hover .reactSVG path{fill:#61dbfb}.skillContainer:hover .nodeSVG path{fill:#68a063}.redisSides{fill:#000}.skillContainer:hover .redisSides{fill:#a41e11}.skillContainer:hover .redisTops{fill:#d82c20}.skillContainer:hover .redisShadow{fill:#7a0c00}.skillContainer:hover .redisHoles{fill:#fff}.skillContainer:hover .mongoDarkGreen{fill:#3fa037}.skillContainer:hover .mongoStem{fill:#e8e7d5}.skillContainer:hover .mongoLightGreen{fill:#4db33d}.skillContainer:hover .mongoGray{fill:#3f3e42}.skillContainer:hover .bootOuter{fill:#563d7c}.skillContainer:hover .bootInner{fill:#fff}.skillContainer:hover .sqlSVG path{fill:#00758f}.skillContainer:hover .htmlSVG path{fill:#e34c26}.skillContainer:hover .cssOuter{fill:#639}.skillContainer:hover .pyBlue{fill:#4584b6}.skillContainer:hover .pyYellow{fill:#ffde57}.skillContainer:hover .javaSteam{fill:#e76f00}.skillContainer:hover .javaCup{fill:#5382a1}.skillContainer:hover .cppBottom{fill:#00549d}.skillContainer:hover .cppTop{fill:#0086d4}.skillContainer:hover .cppRight{fill:#0075c0}.skillContainer:hover .cppLetter{fill:#fff}.experienceSectionOuterContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.experienceSectionInnerContainer{display:flex;flex-direction:column;justify-content:center;padding:10px;width:100%;border-radius:20px;border:1px solid white;color:#fff}.toggleSwitchContainer{width:100%;display:flex;position:relative;background-color:#4e4e4e;border-radius:10px;overflow:hidden}.toggleSlider{position:absolute;width:50%;height:100%;background-color:#676767;border-radius:10px;transition:transform .6s ease-in-out}.expBtn{flex:1;padding:10px;background:none;border:none;font-size:16px;font-weight:700;color:#fff;z-index:1}.active{color:#fff}.notActive{color:#8a8a8a}.experienceInfoContainer{padding:20px;overflow:hidden;display:flex;max-width:100%;flex-wrap:nowrap}.workExperienceContainer,.educationExpereinceContainer{transition:transform .6s ease-in-out;min-width:100%}.specificExpContainer{display:flex;justify-content:space-between;border-top:1px solid white;border-bottom:1px solid white;flex-direction:column;flex-wrap:wrap;width:100%}.jobHeader{display:flex;align-items:center;flex-wrap:wrap}.jobHeaderLeft{width:70%}.jobHeaderRight{text-align:right;width:30%}.jobTitle,.jobDates{margin-bottom:0}.jobTitle{font-size:1.4rem}.companyName,.jobLocation{margin-top:10px;margin-bottom:5px}.jobDuties,.schoolAwards{margin-top:0;padding-left:20px}li{padding-top:5px}.headerBottom,.headerTop{display:flex;align-items:center;justify-content:space-between;gap:10px}.headerTop *{margin-bottom:0}.jobDuties a{color:#fff}@media (max-width: 400px){.experienceSectionInnerContainer{width:90%}.workExperienceContainer,.educationExpereinceContainer{min-width:100%}.jobHeader{flex-direction:column;align-items:flex-start}.jobHeaderLeft,.jobHeaderRight{width:100%;text-align:left}}.projectSectionContainer{display:flex;flex-direction:column;min-width:100%}.projectCardsContainer{display:flex;align-items:center;gap:30px;margin-top:20px;justify-content:center;flex-wrap:wrap}.projectCard{color:#fff;padding:20px;width:300px;height:500px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:20px;border:1px solid white;gap:10px;transition:transform .3s ease-in-out}.projectCard:hover{transform:scale(1.05);box-shadow:0 0 10px #0b8ffa}.projectCardButtonContainer{display:flex;gap:10px;align-items:center}.projectCardButtonContainer a{text-decoration:none;color:#000;background-color:#fff;padding:5px;border:2px black solid;margin:0;border-radius:5px;display:flex;gap:2px;justify-content:center;align-items:center}.projectCardButtonContainer a:hover{box-shadow:0 0 10px #0b8ffa}.projectDescription{flex-grow:1;margin-bottom:0}.githubLogo,.externalLinkIcon{height:20px}.projectCardButtonContainer a:visited{color:#000}.projectImage{width:100%;align-self:center;image-rendering:crisp-edges;image-rendering:-webkit-optimize-contrast;transition:transform .3s ease-in-out}.projectImage:hover{transform:scale(1.1)}.techStackContainer{display:flex;width:100%;gap:10px;flex-wrap:wrap}.tech{padding:5px;border:white 1px solid;margin:0;border-radius:5px}.imageModal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:100}.modalContent{position:relative;max-width:90%;max-height:100%;align-self:center;justify-self:center;display:flex;align-items:center;justify-content:center}.magnifiedImage{max-width:90%;max-height:90%;object-fit:contain}.closeBtn{position:absolute;top:10px;right:10px;background-color:#fffc;border:1px black solid;border-radius:10px;padding:10px;font-size:20px;cursor:pointer}.closeBtn:hover{background-color:#fff}@media (max-width: 768px){.modal-content{max-width:95%;max-height:95%}.magnifiedImage{max-width:70%;max-height:70%}}.notFoundContainer{width:100%;display:flex;justify-content:center;align-items:center;min-height:100vh;margin:0}.notFoundMessageBox{display:flex;justify-content:center;align-items:center;flex-direction:column;color:#fff;border:1px white solid;padding:20px;background-color:#000;border-radius:20px}#goHomeBtn{color:#fff;text-decoration:none;padding:5px;background-color:#000;border-radius:5px;border:1px white solid;transition:transform .3s ease-in-out}#goHomeBtn:hover{transform:scale(1.1);box-shadow:0 0 10px #0b8ffa}