@import"https://fonts.googleapis.com/css2?family=Rubik:wght@600&display=swap";@import"https://fonts.googleapis.com/css2?family=Readex+Pro:wght@700&family=Rubik:wght@300;400&display=swap";@import"https://fonts.googleapis.com/css2?family=Rubik:wght@400;600&display=swap";:root{--background-color: #00042B}.NavigationBar{display:flex;align-items:center;justify-content:center;margin-top:30px;margin-bottom:10px}.NavigationBar ul{list-style-type:none;display:flex;margin:auto;gap:20px}.NavigationBar a{text-decoration:none;color:#fff;font-family:Rubik,sans-serif;padding:9px 20px;border:var(--background-color) solid 1px}.NavigationBar a:hover{color:var(--background-color);background-color:#fff;border-radius:10px;transition:ease-in-out .2s}.NavigationBar .Toggle{margin:auto}.NavMenu Button{display:none;color:#fff}.NavMenu Button:hover{background-color:#fff;color:#00042b}.MainFooterContainer p{font-family:Rubik,sans-serif;text-align:center;color:#9ca1da}.fade-enter{opacity:0}.fade-enter-active{opacity:1;transition:opacity .1s ease-in-out}.fade-exit{opacity:0;position:absolute}.fade-exit-active{opacity:0;position:absolute;transition:opacity .1s ease-in-out}@media only screen and (max-width: 550px){.NavigationBar{align-items:start;justify-content:flex-start}.NavigationBar ul{display:none}.NavMenu Button{display:block}}.MyInfoContainer{padding-top:30px;display:flex;justify-content:space-between}.MyInfoContainer h1{font-family:Readex Pro,sans-serif;font-size:2.7rem;margin-bottom:0}.MyInfoContainer h2{font-family:Rubik,sans-serif;font-weight:300;margin-top:0}.MyInfoContainer p{font-family:Rubik,sans-serif;font-weight:400}.ProfilePhoto{margin:0;max-width:75%}.MyInfoContainer img{border-radius:1000px;width:175px;height:175px;border:solid white 2px;margin-top:20px;margin-left:110px}.PersonalInfo h4{font-family:Rubik,sans-serif;font-size:16px;background-color:#2a2d49;display:inline-block;margin:0;padding:7px 0;border-radius:10px;cursor:pointer}.PersonalInfo h4:hover{background-color:#fff6;transition:ease-in-out .2s}.PersonalInfo a{text-decoration:none;color:#fff;padding:0 30px}.PersonalInfo span{margin-left:10px}@media only screen and (max-width: 1000px){.MyInfoContainer{padding-top:30px;flex-direction:column-reverse;justify-content:center;align-items:center;text-align:center}.MyInfoContainer img{margin-left:0;min-width:20px}}@media only screen and (max-width: 500px){.MyInfoContainer img{min-width:150px}}.ProjectsSectionContainer h2{font-family:Rubik,sans-serif;font-weight:600;font-size:2rem;margin-bottom:35px}.ProjectContainer .ImageLoadingIconHome{padding-top:60px;padding-left:110px;padding-right:110px;background-color:var(--hovered-color)}@media only screen and (max-width: 800px){.ProjectContainer{flex-direction:column;text-align:center;align-items:center}.ProjectContainer .ImageLoadingIcon{display:flex;justify-content:center;align-items:center;padding:80px 150px}}:root{--background-color: #00042B;--standby-color: #2a2d49;--hovered-color: #ffffff66;--link-standby-color: #ffffffaf;--link-hovered-color: #ffffffe7}.ProjectContainer .ImageLoadingIcon{padding-top:60px;padding-left:110px;padding-right:110px;background-color:var(--hovered-color)}.ProjectsSectionContainer .Title{font-family:Rubik,sans-serif;font-weight:600;font-size:4rem;margin-bottom:0}.ProjectsSectionContainer p{font-family:Rubik,sans-serif;font-weight:400;font-size:1.2rem}.ProjectContainer{display:flex;gap:20px;background-color:var(--standby-color);padding:20px;border-radius:5px;justify-content:space-between;margin:20px 0}.ProjectContainer:hover{background-color:var(--hovered-color);transition:ease-in-out .2s}.ProjectContainer img{max-width:270px;border-radius:5px}.ProjectLinks{display:flex;flex-direction:column}.MainProjectContent{display:flex;gap:30px}.ProjectDescription h3{font-family:Rubik,sans-serif;font-size:20px;font-weight:600}.ProjectDescription p{font-family:Rubik,sans-serif;font-size:1rem;font-weight:400}.ProjectDescription h4{font-family:Rubik,sans-serif;font-size:16px;font-weight:600}.ProjectLinks a{margin:5px 0;border-radius:5px;padding:10px;background-color:var(--link-standby-color)}.ProjectLinks a:hover{background-color:var(--link-hovered-color);transition:ease-in-out .2s}.ProjectLinks img{max-width:25px}.ViewMoreProjects{display:inline-block;font-family:Rubik,sans-serif;font-size:16px;font-weight:600;margin-top:10px;padding:10px 20px;background-color:var(--standby-color);border-radius:10px;cursor:pointer}.ViewMoreProjects:hover{background-color:var(--hovered-color);transition:ease-in-out .2s}@media only screen and (max-width: 600px){.ProjectsSectionContainer .Title{margin-top:50px;font-size:2.7rem;margin-bottom:5px;text-align:center}.ProjectsSectionContainer p{text-align:center}}@media only screen and (max-width: 800px){.ProjectContainer img{max-width:75vw}.ProjectLinks{flex-direction:row;gap:20px}.ProjectLinks img{max-width:30px}.ProjectDescription{margin-top:20px}.ProjectDescription h3{margin:5px}.ProjectDescription h4{margin:0}.MainProjectContent{display:block}.ProjectContainer .ImageLoadingIconHome{display:flex;justify-content:center;align-items:center;padding:80px 0}}.SkillsSectionContainer{margin-bottom:50px}.SkillsSectionContainer h2{font-family:Rubik,sans-serif;font-weight:600;font-size:2rem;margin-bottom:35px}.SkillIconContainer{padding:0 80px;display:flex;gap:20px;flex-wrap:wrap;justify-content:center;align-items:center}.SkillIconContainer img{width:70px}.SkillIconContainer img:hover{animation:shake .5s}@keyframes shake{0%{transform:translate(1px,1px) rotate(0)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0)}to{transform:translate(1px,-2px) rotate(-1deg)}}@media only screen and (max-width: 500px){.SkillIconContainer{padding:0 10px}}@media only screen and (max-width: 390px){.SkillIconContainer img{width:50px}}:root{--form-background-color: #2a2d49;--textbox-background-color: #0b2541}.ConnectSectionContainer{padding-bottom:40px}.ConnectSectionContainer h2{font-family:Rubik,sans-serif;font-weight:600;font-size:2rem;margin-bottom:15px}.MessageContainer{background-color:var(--form-background-color);padding:15px 20px;border-radius:10px}.MessageContainer h3{font-size:1.5rem;font-family:Rubik,sans-serif;margin-top:5px}.MessageContainer label{font-family:Rubik,sans-serif}.EmailForm{display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column}input[type=text]{margin-top:10px;margin-bottom:20px;width:97%;padding:10px;font-size:1rem;background-color:var(--textbox-background-color);color:#fff;border:none;border-radius:5px;border:solid 1px #FFF;font-family:Courier New,monospace}.EmailForm textarea{margin-top:10px;margin-bottom:20px;width:97%;height:100px;color:#fff;font-size:1rem;padding:10px;background-color:var(--textbox-background-color);border:solid 1px #FFF;border-radius:5px;resize:none;font-family:Courier New,monospace}input[type=submit]{font-family:Rubik,sans-serif;padding:7px 15px;font-size:1rem;background-color:#0b2541;color:#fff;border:none;border-radius:5px;cursor:pointer;border:solid 3px #FFF;margin:auto}input[type=submit]:hover{background-color:#fff;border:solid 3px #0b2541;color:#0b2541;transition:ease-in-out .15s}.LoadingContainer{margin:auto;display:flex;gap:10px;font-family:Rubik,sans-serif}.MessageModalBackground{position:fixed;top:0;bottom:0;left:0;right:0;background-color:#00000080}.MessageModalContainer{font-family:Rubik,sans-serif;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#0b2541;border-radius:20px;border:#FFF solid 2px;padding:20px 50px;display:flex;flex-direction:column;align-items:center;justify-content:center}.MessageModalContainer h4{margin-top:0}.MessageModalContainer button{color:#fff;background-color:#0b2541;border-radius:10px;padding:10px 40px;align-items:center;cursor:pointer}:root{--text-color: #9ca1da;--text-color-hovered: #6e72a1}.FooterSectionContainer{padding-left:100px;padding-right:100px;display:flex;justify-content:space-between;margin-bottom:10px;border-top:#2a2d49 solid 3px;padding-top:20px}.FooterSectionContainer ul{list-style-type:none}.FooterSectionContainer li{margin:10px}.FooterSectionContainer a{text-decoration:none;font-family:Rubik,sans-serif;color:var(--text-color)}.FooterSectionContainer a:hover{color:var(--text-color-hovered);transition:ease-in-out .1s}.ContactsContainer2 p{cursor:pointer;padding:0;margin:0}@media only screen and (max-width: 700px){.FooterSectionContainer{padding-left:10px;padding-right:10px}}@media only screen and (max-width: 500px){.FooterSectionContainer{padding-left:0;padding-right:0}}@media only screen and (max-width: 400px){.FooterSectionContainer{flex-wrap:wrap}}.CertificationsPageContainer h2{font-family:Rubik,sans-serif;font-weight:600;font-size:4rem;margin-bottom:0}.CertificationsPageContainer p{font-family:Rubik,sans-serif;font-weight:400;font-size:1.2rem}.CertsContainer{margin-top:50px;margin-bottom:50px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px}.CertsContainer img{max-width:200px;transition:transform .2s ease-in-out;width:auto}.CertsContainer img:hover{transform:scale(2);cursor:pointer}@media only screen and (max-width: 1200px){.CertsContainer{flex-wrap:wrap}}@media only screen and (max-width: 600px){.CertificationsPageContainer h2{margin-top:50px;font-size:2.7rem;margin-bottom:5px;text-align:center}.CertificationsPageContainer p{text-align:center}}*,html{scroll-behavior:smooth}body{box-sizing:border-box;margin-left:22%;margin-right:22%;background-color:#00042b;color:#fff;scroll-behavior:smooth}@media only screen and (max-width: 1400px){body{margin-left:15%;margin-right:15%}}@media only screen and (max-width: 1200px){body{margin-left:12%;margin-right:12%}}@media only screen and (max-width: 1100px){body{margin-left:8%;margin-right:8%}}