.about{align-items:center;display:flex;flex-direction:column;margin:12rem 0 0}.about__content{display:flex;justify-content:space-evenly;margin:2rem 0 4rem;width:80%}.about__image{height:50vh;margin:0 2rem 2rem}.about__text{display:flex;flex-direction:column;width:40%}.about__text p{margin-bottom:1rem}#contact-link{color:#47725d;text-decoration:none}#contact-link:hover{text-decoration:underline;-webkit-text-decoration-color:#47725d;text-decoration-color:#47725d}@media screen and (max-width:600px){.about__content{flex-wrap:wrap}.about__image{height:40vh}.about__text{text-align:center;width:90%}}.app,.main-wrapper,.root,body,html,main{margin:0;min-height:100vh}html{background-color:#f5f5f5;font-size:62.5%}nav{position:fixed;z-index:1}main{display:flex;justify-content:center}main,main .main-wrapper{width:100%}h1{color:#424242;font-family:Glacial Indifference,sans-serif;font-size:3rem;font-weight:200;letter-spacing:.5rem;text-transform:uppercase}.page-header{margin:3rem}.page-subheader,p{color:#424242;font-family:Inter,sans-serif;font-size:2rem;font-weight:300}p{margin:0}button{border:none;border-radius:12px;box-shadow:0 4px 4px 0 #00000040;font-family:Glacial Indifference,sans-serif;font-size:2rem;height:5.25rem;letter-spacing:.0625rem;text-transform:uppercase;transition:transform .05s ease-in-out;width:16.5rem}.primary-button{background-color:#47725d;color:#f5f5f5}button:hover{animation:button-fade .5s;background-color:#8eba9e;border:none;color:#183c19}a{text-decoration:none}.material-symbols-rounded:hover,a:hover,button:hover{cursor:pointer}.material-symbols-rounded{color:#47725d;font-size:3rem}@keyframes button-fade{to{background-color:#8eba9e;border:none;color:#183c19}}.contact{align-items:center;display:flex;flex-direction:column;margin:12rem 0 0}.contact .contact__email-container{align-items:center;display:flex;margin:2rem 0 2em}.contact .contact__email{color:#47725d;margin-left:1rem}.contact .contact__email:hover{text-decoration:underline;-webkit-text-decoration-color:#47725d;text-decoration-color:#47725d}.contact .contact__socials-container{align-items:center;display:flex;height:10rem;justify-content:space-evenly;width:30%}.contact .contact__social{transition:transform .05s ease-in-out;width:5rem}.contact img:hover{transform:scale(1.1);transition:transform .05s ease-in-out}@media screen and (max-width:650px){.contact .contact__socials-container{width:60%}}@media screen and (max-width:450px){.contact__email-container{align-items:center;display:flex;flex-direction:column}}.hero{display:flex;height:100%;width:100%}.hero__text-container{align-items:center;display:flex;justify-content:center;width:60%}.hero__text-container h1{margin-bottom:3rem}.hero__text-container p{font-size:2.5rem;letter-spacing:.05rem}.hero__text-wrapper{display:flex;flex-direction:column;margin:8rem}.hero__text-wrapper .hero__buttons-container{align-items:center;display:flex;margin:3rem 0}.hero__text-wrapper .hero__buttons-container button{margin-right:2rem}.hero__text-wrapper .hero__buttons-container button:hover{transform:scale(1.1);transition:transform .05s ease-in-out}.hero__image-container{width:40%}.hero__image-container img{height:100%;object-fit:cover;width:100%}@media screen and (max-width:950px){.hero__text-wrapper{margin:8rem 4rem}}@media screen and (max-width:780px){.hero__text-container{width:65%}.hero__text-wrapper{margin:12rem 2rem;text-align:center}.hero__text-wrapper h2{font-size:2.8rem}.hero__text-wrapper p{font-size:2.2rem}.hero__buttons-container{justify-content:center}.hero__image-container{width:35%}.hero{align-items:center;background-image:url(/static/media/philomena.7d61d7023228a7c14267.jpeg);background-repeat:no-repeat;background-size:cover;display:flex;justify-content:center}.hero__image-container{display:none}.hero__text-container{background-color:hsla(0,0%,96%,.565);height:100%;width:100%}.hero__text-wrapper{align-items:center;background-color:hsla(0,0%,96%,.839);display:flex;justify-content:center;padding:1rem;width:100%}}@media screen and (max-width:500px){.hero__text-wrapper{margin:12rem 2rem;text-align:center}.hero__text-wrapper h2{font-size:2.5rem}.hero__text-wrapper p{font-size:2rem}.hero__buttons-container{align-items:center;display:flex;flex-direction:column}.hero__buttons-container button{margin:1rem}}.top-nav{background-color:#f5f5f5;border-top:5px solid #8eba9e;display:flex;justify-content:center;min-width:100%}.top-nav__wrapper{display:flex;justify-content:space-between;width:100%}#logo{margin:1rem 0 0 2rem;width:29rem}.top-nav__buttons{align-items:center;display:flex;height:100%;margin-right:2rem}.top-nav__buttons a{color:#183c19;font-family:Glacial Indifference,sans-serif;font-size:2rem;letter-spacing:.0625rem;padding-left:3rem;text-transform:uppercase;transition:transform .05s ease-in-out}.top-nav__buttons a,.top-nav__buttons a:active{text-decoration:none}.top-nav__buttons a:hover{transform:scale(1.1);transition:transform .05s ease-in-out}@media screen and (min-width:1440px){.nav-wrapper{width:1440px}}@media screen and (max-width:600px){#logo{width:25rem}}@media screen and (max-width:400px){h1{margin:0 0 0 1rem}#logo{width:20rem}}.menu{display:flex;flex-direction:column;margin:3rem;position:relative;z-index:1}#menu__exit{align-self:flex-end}.menu__buttons{align-items:center;display:flex;flex-direction:column}.menu__button{margin:1rem}.portfolio{align-items:center;display:flex;flex-direction:column;margin:12rem 0 0}.portfolio .portfolio__projects{display:flex;flex-wrap:wrap;justify-content:space-evenly;margin:0 4rem 4rem;text-align:center;width:100%}article{align-items:center;border-radius:4px;box-shadow:0 4px 4px 0 #00000040;display:flex;flex-direction:column;margin:3rem;transition:transform .15s ease-in-out}.card__front{border:none;height:47.4rem;width:52.4rem}.card__back{border:1.2rem solid #8eba9e;height:45rem;width:50rem}.card__back .card__title{font-family:Glacial Indifference,sans-serif;font-size:2rem;letter-spacing:.0625rem;margin-top:2.5rem;text-transform:uppercase}.card__back .card__tagline{color:#424242;font-family:Inter,sans-serif;font-size:2rem;font-weight:300;margin:0;width:80%}.card__back .tech{display:flex;flex-wrap:wrap;justify-content:space-evenly;margin:2rem;width:80%}.card__back .tech__icon-container{align-items:center;display:flex;flex-direction:column;margin-top:1rem;width:9rem}.card__back .tech__icon{height:3.5rem;margin:.5rem}.card__back .tech__label{font-family:Glacial Indifference,sans-serif;font-size:2rem;font-size:1rem;letter-spacing:.0625rem;margin-bottom:1rem;text-align:center;text-transform:uppercase}.card__back .project__buttons-container{bottom:3rem;display:flex;justify-content:space-evenly;position:absolute;width:95%}.card__button{font-size:1.8rem;height:4rem;width:12rem}.card__back:hover,.card__front:hover{cursor:pointer;transform:scale(1.1);transition:transform .15s ease-in-out}@media screen and (max-width:1200px){.card__front{height:40.4rem;width:45.4rem}.card__back{height:38rem;width:43rem}.card__back .card__tagline{font-size:1.6rem}.card__back .tech{width:85%}.card__back .tech__icon{height:2.8rem}}@media screen and (max-width:550px){.card__front{height:45rem;width:40rem}.card__back{height:40rem;width:36rem}.card__back .card__tagline{width:85%}.card__back .tech{width:95%}.card__back .tech__icon{height:2.5rem}.card__back .project__buttons-container{bottom:1rem;width:95%}.card__button{font-size:1.6rem;height:3rem;width:11rem}}@media screen and (max-width:430px){.card__front{height:48rem}.card__back{height:43rem}.project__buttons-container{flex-wrap:wrap}.project__buttons-container button{margin:.5rem 0}}.footer{align-items:center;background-color:#424242;display:flex;flex-direction:column;height:20rem;justify-content:center;padding:1.5rem}.footer__social{margin:1.5rem;width:3rem}.footer__links{align-items:center;display:flex;justify-content:center}.footer__link{color:#424242;color:#f5f5f5;font-family:Glacial Indifference,sans-serif;font-size:3rem;font-size:1.5rem;font-weight:200;letter-spacing:.5rem;margin:2rem 4rem;text-decoration:none;text-transform:uppercase}#footer__logo{margin:1.5rem;width:15rem}@media screen and (max-width:700px){.footer{height:30rem}.footer__links{align-items:center;display:flex;flex-direction:column}.footer__link{margin:.5rem}}.redirect{color:#47725d;color:#424242;font-family:Inter,sans-serif;font-size:2rem;font-weight:300;margin:3rem;text-decoration:none}.redirect:hover{text-decoration:underline;-webkit-text-decoration-color:#47725d;text-decoration-color:#47725d}
/*# sourceMappingURL=main.27c29d63.css.map*/