body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}body *{font-family:Sen,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media(prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.NavigationBarOuterContainer{width:100%}.NavigationBarOuterContainer .NavigationBarInnerContainer{width:85%}.NavigationBarOuterContainer nav>ul{display:flex;justify-content:flex-end;list-style-type:none}.NavigationBarOuterContainer nav>ul li{font-size:20px;padding:15px}.NavigationBarOuterContainer nav>ul li:hover{border-bottom:4px solid #ff6f1b;margin-bottom:-4px}.NavigationBarOuterContainer nav>ul li a{color:#000;font-weight:700;text-decoration:none}.NavigationBarOuterContainer nav>ul li a:visited{color:#000}@media only screen and (max-width:790px){.NavigationBarOuterContainer .NavigationBarInnerContainer{width:100%}.NavigationBarOuterContainer .NavigationBarInnerContainer nav>ul{justify-content:center;padding-inline-start:0}}.HomePageOuterContainer{height:100vh}.HomePageOuterContainer .HomePageTitleOuterContainer{display:flex;justify-content:center;width:70vw}.HomePageOuterContainer .HomePageTitleOuterContainer .HomePageTitleContainer{align-items:start;display:flex;flex-direction:column;font-size:1.5rem;height:50vh;justify-content:end;margin-left:80px;max-width:1000px}.HomePageOuterContainer .HomePageTitleOuterContainer .HomePageTitleContainer h1{margin:10px}.HomePageOuterContainer .HomePageTitleOuterContainer .HomePageTitleContainer h1:first-child{border-bottom:4px solid #ff6f1b}@media only screen and (max-width:790px){.HomePageOuterContainer .HomePageTitleOuterContainer{width:100vw}.HomePageOuterContainer .HomePageTitleOuterContainer .HomePageTitleContainer{align-items:center;margin-left:0;max-width:none}}@media only screen and (max-width:500px){.HomePageOuterContainer .HomePageTitleOuterContainer .HomePageTitleContainer{font-size:1rem}}.AboutPageOuterContainer{align-items:center;display:flex;flex-direction:column;justify-content:center}.AboutPageOuterContainer .AboutPageHeader{margin-bottom:20px}.AboutPageOuterContainer .AboutPageHeader h1{border-bottom:4px solid #ff6f1b}.AboutPageOuterContainer .AboutPageContent{align-items:center;display:flex;flex-direction:row;justify-content:center;max-width:1000px;width:70%}.AboutPageOuterContainer .AboutPageContent .AboutPageImage img{width:300px}.AboutPageOuterContainer .AboutPageContent .AboutPagePersonalDescription{padding:30px}.AboutPageOuterContainer .AboutPageContent .AboutPagePersonalDescription p{font-size:20px;text-align:justify}.AboutPageOuterContainer .AboutPageContent .AboutPagePersonalDescription ul{display:flex;justify-content:space-between;list-style-type:none}.AboutPageOuterContainer .AboutPageContent .AboutPagePersonalDescription ul li:hover{border-bottom:4px solid #ff6f1b;margin-bottom:-4px}.AboutPageOuterContainer .AboutPageContent .AboutPagePersonalDescription ul li a,.AboutPageOuterContainer .AboutPageContent .AboutPagePersonalDescription ul li a:visited{color:#000}.AboutPageOuterContainer .AboutPageContent .AboutPagePersonalDescription ul li a img,.AboutPageOuterContainer .AboutPageContent .AboutPagePersonalDescription ul li a svg{height:35px}@media only screen and (max-width:1050px){.AboutPageOuterContainer .AboutPageContent{flex-direction:column}.AboutPageOuterContainer .AboutPageContent .AboutPagePersonalDescription ul{padding-inline-start:0}}@media only screen and (max-width:590px){.AboutPageOuterContainer .AboutPageContent .AboutPagePersonalDescription{padding:0}.AboutPageOuterContainer .AboutPageContent .AboutPageImage img{width:200px}}.SeparatorContainer{align-items:center;display:flex;justify-content:center;margin:60px 0}.SeparatorContainer .Separator{border-bottom:4px solid #ff6f1b;width:60vw}.SkillCardContainer{align-items:center;display:flex;flex-direction:column;margin:35px}.SkillCardContainer .SkillCardImage{height:120px;width:160px}.SkillCardContainer .SkillCard{height:100px;width:100px}.SkillCardContainer span{font-weight:700}.SkillsPageOuterContainer{align-items:center;display:flex;flex-direction:column;justify-content:center}.SkillsPageOuterContainer .SkillsPageHeader{margin-bottom:20px}.SkillsPageOuterContainer .SkillsPageHeader h1{border-bottom:4px solid #ff6f1b}.SkillsPageOuterContainer .SkillsContainer{display:flex;flex-wrap:wrap;justify-content:space-evenly;max-width:1300px;padding:0 50px 50px}@media only screen and (max-width:575px){.SkillCardContainer{margin:10px}.SkillCardContainer .SkillCardImage{width:100px}.SkillCardContainer .SkillCard{height:80px;width:80px}}@media only screen and (max-width:465px){.SkillsPageOuterContainer .SkillsContainer{padding:0 40px 40px}}.ProjectOuterContainer{max-width:1000px;padding:100px}.ProjectOuterContainer .ProjectInnerContainer{display:flex;flex-direction:row}.ProjectOuterContainer .ProjectInnerContainer .ProjectImageContainer{align-items:center;display:flex;justify-content:center}.ProjectOuterContainer .ProjectInnerContainer .ProjectImageContainer img{width:450px}.ProjectOuterContainer .ProjectInnerContainer .ProjectDescriptionContainerLeft,.ProjectOuterContainer .ProjectInnerContainer .ProjectDescriptionContainerRight{font-size:20px;line-height:1.5}.ProjectOuterContainer .ProjectInnerContainer .ProjectDescriptionContainerRight{padding-left:50px;text-align:left}.ProjectOuterContainer .ProjectInnerContainer .ProjectDescriptionContainerLeft{padding-right:50px;text-align:right}.ProjectsPageOuterContainer{align-items:center;display:flex;flex-direction:column;justify-content:center}.ProjectsPageOuterContainer .ProjectsPageHeader{margin-bottom:20px}.ProjectsPageOuterContainer .ProjectsPageHeader h1{border-bottom:4px solid #ff6f1b}@media only screen and (max-width:1100px){.LargeScreenProjectsContainer{display:none}.MobileScreenProjectsContainer{display:flex;flex-direction:column}.ProjectOuterContainer{padding:50px}.ProjectOuterContainer .ProjectInnerContainer{flex-direction:column}.ProjectOuterContainer .ProjectInnerContainer .ProjectDescriptionContainerRight{max-width:600px;padding:0;text-align:justify}.ProjectOuterContainer .ProjectInnerContainer .ProjectDescriptionContainerRight h2{text-align:center}}.CurrentProjectsPageOuterContainer{align-items:center;display:flex;flex-direction:column;justify-content:center}.CurrentProjectsPageOuterContainer .CurrentProjectsPageHeader{margin-bottom:20px}.CurrentProjectsPageOuterContainer .CurrentProjectsPageHeader h1{border-bottom:4px solid #ff6f1b}.MobileScreenProjectsContainer{display:none}@media only screen and (max-width:1100px){.LargeScreenProjectsContainer{display:none}.MobileScreenProjectsContainer{display:flex;flex-direction:column}.CurrentProjectsPageOuterContainer{padding:50px}.CurrentProjectsPageOuterContainer .ProjectInnerContainer{flex-direction:column}.CurrentProjectsPageOuterContainer .ProjectInnerContainer .ProjectDescriptionContainerRight{max-width:600px;padding:0;text-align:justify}.CurrentProjectsPageOuterContainer .ProjectInnerContainer .ProjectDescriptionContainerRight h2{text-align:center}}@media only screen and (max-width:500px){.ProjectOuterContainer .ProjectInnerContainer .ProjectImageContainer img{width:300px}}.ContactPageOuterContainer{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:100px}.ContactPageOuterContainer .ContactPageHeader{margin-bottom:20px}.ContactPageOuterContainer .ContactPageHeader h1{border-bottom:4px solid #ff6f1b}.swal2-confirm{background-color:#ff6f1b!important;color:#fff!important}form{display:flex;flex-direction:column;text-align:left}form span{font-weight:700;margin-bottom:8px}form p{color:#a10000}form input,form textarea{border:none;border-radius:3px;line-height:2;outline:2px solid #000;width:600px}form input:nth-child(8),form textarea:nth-child(8){align-self:flex-start;height:200px}form textarea{resize:none}form input[type=submit]{background-color:#ff6f1b;border:none;border-radius:5px;color:#fff;font-size:1.25rem;outline:none;padding:5px}form input[type=submit]:hover{cursor:pointer}@media only screen and (max-width:700px){form input,form textarea{width:300px}}
/*# sourceMappingURL=main.b1f4e078.css.map*/