html,#root{margin:0;padding:0;height:100%}body{margin:0;height:auto;color:#33323d;background-color:#fafafa;font-family:Montserrat,sans-serif;font-weight:400;font-size:16px}@media all and (max-width: 950px){body{font-size:12px}}input,textarea,button{font-family:inherit}.homepage-container{display:flex;flex-direction:column;align-items:center;margin:0% 10%}.nav-bar{margin:64px 160px;padding-right:40px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.nav-link{text-decoration:none;color:#33323d;padding-left:42px;font-weight:500}.nav-link:hover{color:#5fb4a2}@media all and (max-width: 950px){.nav-bar{margin:16px}.nav-link{padding-left:8px}.nav-logo{margin-left:-16px;margin-right:-40px}}.nav-logo .nav-logo-image{height:48px}.nav-logo .nav-logo-image:hover path{fill:#5fb4a2}.nav-logo .nav-logo-image:hover line{stroke:#5fb4a2}.hero-container{width:calc(100vw - 320px);background-image:url(/assets/HeroBG_Desktop-B18xKrg0.png);background-repeat:no-repeat;background-size:cover;background-position:center;display:flex;flex-direction:column;align-items:center;color:#fafafa}.hero-container h1{font-size:72px;letter-spacing:2px;padding-top:160px;text-shadow:0px 0px 15px rgba(0,0,0,.75)}.hero-container p{font-size:32px;letter-spacing:1px;padding-bottom:160px;text-shadow:0px 0px 15px rgba(0,0,0,.75);font-weight:700}@media all and (max-width: 950px){.hero-container{width:100vw}.hero-container h1{font-size:36px}.hero-container p{font-size:16px}}.about-container{width:100%;margin-top:150px;display:flex;flex-direction:row}.about-image{object-fit:contain}.about-text{display:flex;flex-direction:column;justify-content:space-between;margin:0 10%}.about-text h2{font-size:40px;margin:50px 0 0}.about-text .page-link{margin-bottom:48px}.page-link{max-width:fit-content;font-weight:500;padding:16px 32px;text-decoration:none;color:#33323d;border:1px solid #33323d;font-size:12px;text-align:center}.page-link:hover{color:#5fb4a2;border-color:#5fb4a2}@media all and (max-width: 950px){.about-container{flex-direction:column;align-items:center;margin-top:32px}.about-image{margin-bottom:32px}.about-text{align-items:center}.about-text h2{text-align:center;margin-top:24px}.about-text .page-link{margin:16px 16px 24px}}.page-footer{width:100%;background-color:#33323d;color:#fafafa}.page-footer .nav-link{color:#fafafa}.page-footer .nav-link:hover{color:#5fb4a2}.page-footer .nav-logo-image path{fill:#fafafa}.page-footer .nav-logo-image line{stroke:#fafafa}.page-footer .nav-logo-image:hover line{stroke:#5fb4a2}.skills-container{margin-top:50px;width:100%}.skills-container h2{font-size:40px;text-align:left}.skills-container div{display:flex;flex-direction:row;align-items:center;justify-content:space-evenly}@media all and (max-width: 950px){.skills-container div{flex-wrap:wrap}.skills-container div img{flex-basis:50%;margin-bottom:16px;max-width:100px;max-height:100px}}@media all and (max-width: 550px){.skills-container div img{max-width:70px;max-height:70px}}.contact-cta{margin-top:50px;width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.contact-cta p{font-size:40px;margin-right:24px}.contact-cta div{height:1px;background:gray;flex:1 0 0}.contact-cta .page-link{margin-left:24px}@media all and (max-width: 950px){.contact-cta p{font-size:20px}}@media all and (max-width: 950px){.skills-container,.contact-cta{margin-top:32px}}.projects-container{margin:0 10%}.about-container img{max-width:50%}.project-image{object-fit:contain}.project-link-container{display:flex;flex-direction:row;justify-content:space-evenly}.project-link-divider{min-width:8px}@media all and (max-width: 950px){.about-container img{max-width:100%;margin-bottom:32px}.project-even{flex-direction:column-reverse}}.contact-container{margin:0 10%}.contact-flexbox{display:flex;flex-direction:row;align-items:flex-start}.contact-flexbox h2{margin:0 16px 0 0;font-size:40px;flex-basis:50%;flex-shrink:0}.contact-flexbox--top{padding:48px 0;border-top:1px solid grey;border-bottom:1px solid grey;margin-bottom:48px}.contact-flexbox--bottom{margin-bottom:100px}@media all and (max-width: 950px){.contact-flexbox{flex-direction:column;align-items:center}.contact-flexbox h2{flex-basis:auto;text-align:center;margin-right:0;margin-bottom:32px}.contact-flexbox .projects-info-box{display:flex;flex-direction:column;align-items:center}}.social-link{color:#33323d;margin-right:16px}.social-link:hover{color:#5fb4a2}.contact-form-container{width:100%}form{width:100%;display:flex;flex-direction:column}input,textarea{box-sizing:border-box;border-radius:4px;border:1px solid #33323d;font-weight:700;padding:8px 16px;margin-bottom:24px}input::placeholder,textarea::placeholder{color:#00000080}label{font-size:14px;font-weight:700;margin-bottom:8px}.contact-button{border:none;color:#fafafa;font-size:12px;letter-spacing:2px;max-width:200px;padding:16px 24px;background:#20394c}.contact-button:hover{background-color:#2f546f;cursor:pointer}.label-box{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.form-error-text{margin:0;font-size:12px;font-style:italic;color:#eb4747}.label-error{color:#c33}.input-error{border:1px solid hsl(0,80%,60%)}.input-error:focus{outline-color:#eb4747}.input-error::placeholder{color:#cc333380}.form-validation-ok{color:#4db34d}.form-validation-error{color:#eb4747}.about-cta{display:flex;flex-direction:row;gap:16px;margin-bottom:48px}.about-cta .page-link{margin-bottom:0}@media all and (max-width: 950px){.about-cta{flex-direction:column;align-items:center;gap:8px}}.experience-section{width:100%;margin-top:50px;border-top:1px solid grey;border-bottom:1px solid grey;padding:50px 0}.experience-section h2{font-size:40px;margin:0 0 8px}.experience-section .experience-role{font-size:16px;font-weight:500;color:#666;margin:0 0 32px}.experience-section ul{margin:0;padding-left:20px}.experience-section ul li{margin-bottom:12px;line-height:1.6}@media all and (max-width: 950px){.experience-section{margin-top:32px}.experience-section h2{font-size:28px}}.skills-grid{margin-top:32px;display:grid!important;grid-template-columns:1fr 1fr;gap:32px}.skills-grid div{display:block!important;padding-top:16px}.skills-grid div h3{font-size:20px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#5fb4a2;margin:0 0 8px}.skills-grid div p{margin:0;font-size:14px;line-height:1.6}@media all and (max-width: 950px){.skills-grid{grid-template-columns:1fr;gap:16px}}