#root,html{height:100%;margin:0;padding:0}body{background-color:#fafafa;color:#33323d;font-family:Montserrat,sans-serif;font-size:16px;font-weight:400;height:auto;margin:0}@media (max-width:950px){body{font-size:12px}}button,input,textarea{font-family:inherit}.homepage-container{flex-direction:column;margin:0 10%}.homepage-container,.nav-bar{align-items:center;display:flex}.nav-bar{flex-direction:row;justify-content:space-between;margin:64px 160px;padding-right:40px}.nav-link{color:#33323d;font-weight:500;padding-left:42px;text-decoration:none}.nav-link:hover{color:#5fb4a2}@media (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{align-items:center;background-image:url(/static/media/HeroBG_Desktop.c0029eb09ff38dd80930.png);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fafafa;display:flex;flex-direction:column;width:calc(100vw - 320px)}.hero-container h1{font-size:72px;letter-spacing:2px;padding-top:160px;text-shadow:0 0 15px #000000bf}.hero-container p{font-size:32px;font-weight:700;letter-spacing:1px;padding-bottom:160px;text-shadow:0 0 15px #000000bf}@media (max-width:950px){.hero-container{width:100vw}.hero-container h1{font-size:36px}.hero-container p{font-size:16px}}.about-container{display:flex;flex-direction:row;margin-top:150px;width:100%}.about-image{object-fit:contain}.about-text{border-bottom:1px solid gray;border-top:1px solid gray;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{border:1px solid #33323d;color:#33323d;font-size:12px;font-weight:500;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;padding:16px 32px;text-align:center;text-decoration:none}.page-link:hover{border-color:#5fb4a2;color:#5fb4a2}@media (max-width:950px){.about-container{align-items:center;flex-direction:column;margin-top:32px}.about-image{margin-bottom:32px}.about-text{align-items:center}.about-text h2{margin-top:24px;text-align:center}.about-text .page-link{margin:16px 16px 24px}}.page-footer{background-color:#33323d;width:100%}.page-footer,.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:150px}.skills-container h2{font-size:40px;text-align:center}.skills-container div{align-items:center;display:flex;flex-direction:row;justify-content:space-evenly}@media (max-width:950px){.skills-container div{flex-wrap:wrap}.skills-container div img{flex-basis:50%;margin-bottom:16px;max-height:100px;max-width:100px}}@media (max-width:550px){.skills-container div img{max-height:70px;max-width:70px}}.contact-cta{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-top:150px;width:100%}.contact-cta p{font-size:40px;margin-right:24px}.contact-cta div{background:gray;flex:1 0;height:1px}.contact-cta .page-link{margin-left:24px}@media (max-width:950px){.contact-cta p{font-size:20px}.contact-cta,.skills-container{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 (max-width:950px){.about-container img{margin-bottom:32px;max-width:100%}.project-even{flex-direction:column-reverse}}.contact-container{margin:0 10%}.contact-flexbox{align-items:flex-start;display:flex;flex-direction:row}.contact-flexbox h2{flex-basis:50%;flex-shrink:0;font-size:40px;margin:0 16px 0 0}.contact-flexbox--top{border-bottom:1px solid gray;border-top:1px solid gray;margin-bottom:48px;padding:48px 0}.contact-flexbox--bottom{margin-bottom:100px}@media (max-width:950px){.contact-flexbox{align-items:center;flex-direction:column}.contact-flexbox h2{flex-basis:auto;margin-bottom:32px;margin-right:0;text-align:center}.contact-flexbox .projects-info-box{align-items:center;display:flex;flex-direction:column}}.social-link{color:#33323d;margin-right:16px}.social-link:hover{color:#5fb4a2}.contact-form-container,form{width:100%}form{display:flex;flex-direction:column}input,textarea{border:1px solid #33323d;border-radius:4px;box-sizing:border-box;font-weight:700;margin-bottom:24px;padding:8px 16px}input::placeholder,textarea::placeholder{color:#00000080}label{font-size:14px;font-weight:700;margin-bottom:8px}.contact-button{background:#20394c;border:none;color:#fafafa;font-size:12px;letter-spacing:2px;max-width:200px;padding:16px 24px}.contact-button:hover{background-color:#2f546f;cursor:pointer}.label-box{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.form-error-text{color:#eb4747;font-size:12px;font-style:italic;margin:0}.label-error{color:#c33}.input-error{border:1px solid #eb4747}.input-error:focus{outline-color:#eb4747}.input-error::placeholder{color:#cc333380}.form-validation-ok{color:#4db34d}.form-validation-error{color:#eb4747}
/*# sourceMappingURL=main.a4f695c6.css.map*/