/*!***********************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./app/styles/styles.css ***!
  \***********************************************************************************************************************************************/*{box-sizing:border-box;margin:0;padding:0}html{color:#f0f0f0;font-size:62.5%}body,html{scroll-behavior:smooth}body{font-family:Poppins,sans-serif;width:100%}footer,section{overflow:hidden;padding:2rem;width:100%}h1{font-size:5rem}h2{font-size:3rem}@media (min-width:530px){h2{font-size:4rem}}.fa-coffee{color:wheat}.wrapper{margin:0 auto;max-width:1100px;padding:2rem}.navbar{background-color:transparent;box-sizing:border-box;left:80%;opacity:0;position:absolute;transform:scale(1.2);transform-origin:100% 50%;transition:all .5s ease-out;width:0;z-index:-2}@media (min-width:530px){.navbar{background-color:#4c8c9e;left:0;opacity:1;position:fixed;transform:scale(1);width:100%;z-index:1}}.navbar--is-open{background-color:rgba(45,64,89,.5);left:0;opacity:1;transform:scale(1);width:100%;z-index:1}.navbar>ul{align-items:center;display:flex;flex-direction:column;list-style-type:none;margin:auto;padding:.5rem 0;width:80%}@media (min-width:530px){.navbar>ul{flex-direction:row;justify-content:flex-end;padding:0 2em;width:100%}}.navbar>ul>li{background-color:transparent;color:#f0f0f0;font-size:1.5rem;padding:0;transition:all .15s ease-in-out}@media (min-width:530px){.navbar>ul>li{font-size:2.5rem;padding:1rem;transform:scale(1)}}.navbar>ul>li>a{color:inherit;text-decoration:none}.navbar>ul>li:hover{background-color:#80b1c9;color:#ff9f1c;cursor:pointer}.welcome-section{align-items:center;background:linear-gradient(45deg,#80b1c9,#ff9f1c 50%,#4c8c9e 90%,#4c8c9e);display:flex;flex-direction:column;justify-content:center;text-align:center}@media (min-width:530px){.welcome-section{background:#f5f5f5 url(/3fa54b76387f8cba2da6.jpg) no-repeat 50%/cover}.welcome-section--about{background:#f5f5f5 url(/d99d5af2cc088decb98f.jpg) no-repeat 50%/cover}.welcome-section--projects{background:#f5f5f5 url(/7277e433e66c9ad4db83.jpg) no-repeat 50%/cover}.welcome-section--contact{background:#f5f5f5 url(/98a7dadd3e7a6c7a3c73.jpg) no-repeat 50%/cover}}.centered-content{padding:1rem 2rem;position:relative;top:-4%}@media (min-width:530px){.centered-content{background-color:rgba(0,0,0,.5)}}.projects-section{align-items:center;background-color:#f3f7fa;display:flex;flex-direction:column;justify-content:center;text-align:center;width:100%}.projects-section__projects{display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));height:100%;margin:0 auto 5rem;max-width:1280px;place-items:center;width:100%}.project-tile{background-color:#37474f;font-size:22px;text-align:center;transform:scale(1);transition:all .2s ease-out;width:400px}.project-tile__text{color:#fff;font-size:2rem;padding:1rem;text-decoration:none}.project-tile span{color:#37474f;transition:color .2s linear .1s}.project-tile__certification{border:2px solid gold}.project-tile:hover{box-shadow:0 4px 8px rgba(0,0,0,.1),0 6px 20px rgba(0,0,0,.08);position:relative;transform:scale(1.05)}.project-tile:hover span{color:#ff4500}.project-tile img{display:block;height:calc(100% - 9.8rem);min-height:350px;-o-object-fit:cover;object-fit:cover;width:100%}@media (min-width:530px){.project-tile img{height:350px}}.project-tile a{text-decoration:none}#projects h1{border-bottom:2px solid #fff;font-size:4rem;margin:2rem auto 4rem;width:-moz-fit-content;width:fit-content}.footer{background:#37474f;display:flex;flex-direction:column;justify-content:space-between;min-height:25vh;padding:2rem;text-align:center}@media (min-width:530px){.footer{min-height:25vh}}.footer__top{padding-top:2.5rem}.footer__text{font-size:1.6rem;font-style:italic}.footer__bottom-line{border:1px solid red;margin-bottom:1.5rem}.social_media{font-size:2rem;margin-top:3%;padding:2rem 0}@media (min-width:530px){.social_media{font-size:2.4rem}}.social_media a{color:#fff;margin-right:15px;text-decoration:none}.section{min-height:50vh}@media (min-width:530px){.section{min-height:80vh}}.section__title{color:#333;font-family:Roboto,Raleway,sans-serif;margin-bottom:1rem}.section__title--underline{margin-bottom:1rem;text-decoration:underline}.section__title--dark{color:#222}.section__title--light{color:#f3f7fa}.section__title--portfolio{font-size:3rem}@media (min-width:530px){.section__title--portfolio{font-size:4.5rem}}.section__title--about{margin-bottom:3rem}.section__title--margin-t-large{margin-top:4rem}.section__subtitle{color:#bbb;font-size:2.1rem;font-style:italic;font-weight:600}@media (min-width:530px){.section__subtitle{font-size:3.3rem}}.section__subtitle--small{font-size:2.8rem;padding-top:1rem}.section__subtitle--coffee{color:sienna}.section__subtitle--light{color:#f3f7fa}.section__subtitle--light-two{color:#f0f0f0}.section__subtitle--dark{color:#222}.section__subtitle--portfolio{font-size:2.2rem}@media (min-width:530px){.section__subtitle--portfolio{font-size:2.6rem}}.section__portfolio-page{display:flex;flex-direction:column;max-width:1200px;min-height:50vh;padding:0 2rem}@media (min-width:530px){.section__portfolio-page{flex-direction:row;padding:5rem 2rem}}.section__portfolio-page--col-1{order:1;padding-top:40px}@media (min-width:530px){.section__portfolio-page--col-1{order:2;padding-top:80px;width:40vw}}.section__portfolio-page--col-1 img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}@media (min-width:530px){.section__portfolio-page--col-1 img{display:none}}.section__portfolio-page--col-2{height:auto;margin-right:5rem;order:2;padding-top:50px;width:100%}@media (min-width:530px){.section__portfolio-page--col-2{height:70vh;order:1;width:50vw}}.section__portfolio-page--col-2 img{display:none;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}@media (min-width:530px){.section__portfolio-page--col-2 img{display:block}}.section__projects-about{min-height:50vh}.section__contact{min-height:20vh}.mobile-menu{display:block;height:25px;position:absolute;right:20px;top:20px;width:25px;z-index:5}@media (min-width:530px){.mobile-menu{display:none}}.mobile-menu:before{content:"";top:0;transform-origin:0 0;transition:transform .2s ease-out}.mobile-menu:before,.mobile-menu__middle{background-color:#fff;height:3px;left:0;position:absolute;width:25px}.mobile-menu__middle{opacity:1;top:11px;transform-origin:0 50%;transition:all .4s ease-out}.mobile-menu:after{background-color:#fff;bottom:0;content:"";height:3px;left:0;position:absolute;transform-origin:0 100%;transition:transform .2s ease-out;width:25px}.mobile-menu__close-x:before{transform:rotate(45deg) translateY(-1px) scaleX(1.35)}.mobile-menu__close-x .mobile-menu__middle{opacity:0;transform:scaleX(0)}.mobile-menu__close-x:after{transform:rotate(-45deg) scaleX(1.35) translateY(1px)}.main-container{display:flex;flex-direction:column;min-height:100vh}.main-container__content{align-items:center;display:flex;flex-direction:column;flex-grow:1;justify-content:center}.cta-button{background-color:#1f3a60;border:2px solid transparent;border-radius:.4rem;color:#f0f0f0;display:inline-block;font-size:2.5rem;margin:2rem 1rem;padding:1rem 2rem;text-decoration:none;transform:scale(1);transition:all .3s ease}.cta-button:hover{background-color:#4c8c9e;color:#ff9f1c}.technologies-list{align-items:center;display:flex;list-style-type:none;margin:1rem auto;padding:.5rem 0}.technologies-list>li{background-color:#80b1c9;color:#333;font-size:1.5rem;margin-right:1rem;padding:.5rem}@media (min-width:530px){.technologies-list>li{font-size:1.8rem;padding:1rem}}.technologies-list--projects{align-items:stretch;display:grid;gap:1rem;grid-template-columns:1fr 1fr;justify-items:stretch;margin:2rem 0}.technologies-list--projects>li{background-color:#0a5d56;color:#d3e3e3;margin:0;text-align:left}.general-copy{color:#333;font-family:helvetica;font-size:1.6rem;font-weight:400;line-height:1.7;margin:2rem 0;text-align:justify}.general-copy--paragraph-two-col{-moz-column-gap:3.5rem;column-gap:3.5rem;-moz-column-width:40rem;column-width:40rem}@media (min-width:530px){.general-copy{font-size:1.6rem;margin-top:0}}.form{margin:0 auto;width:70%}.form__group{border:none;width:100%}.form__field{color:#333;font-size:2.6rem;margin:2rem 0;width:100%}.form__field label{display:inline-block;margin-right:1rem;padding:1rem 0}.form__field input{display:block;height:4rem;vertical-align:top;width:80%}.form__field textarea{display:block;width:100%}:root{--footer-text:1.6rem}