nav{background:var(--color-primary);box-shadow:0 1rem 1.5rem hsla(var(--primary-hue),68%,42%,20%);display:grid;height:5rem;left:0;place-items:center;position:fixed;top:0;transition:var(--transition);width:100vw;z-index:9}.nav__container{align-items:center;display:flex;justify-content:space-between}.nav__logo{border-radius:50%;overflow:hidden;width:3rem}.nav__menu{display:flex;gap:3.5rem}#dark__mode{background:transparent;color:#fff;cursor:pointer;font-size:2rem}@media screen and (max-width:1024px){.nav__menu{display:none}}header{background:var(--color-white);display:grid;height:calc(100vh - 5rem);margin-top:5rem;place-items:center;transition:var(--transition)}.header__container{align-items:center;display:flex;flex-direction:column;position:relative}.header__profile{border-radius:3rem 6rem 3rem 6rem;height:30rem;margin-bottom:2rem;overflow:hidden;width:20rem}.header__container p{margin:.6rem 0 3rem;text-align:center;width:35rem}.header__contact{align-items:center;display:flex;gap:2rem}.header__social{bottom:0;display:flex;flex-direction:column;gap:1rem;left:0;position:absolute}.header__social a{background:var(--color-light);border-radius:var(--border-radius-3);color:var(--color-black);display:grid;height:2rem;place-items:center;width:2rem}.header__social a:hover{background:var(--color-primary);color:var(--color-white);-webkit-transform:translateX(-.5rem);transform:translateX(-.5rem)}@media screen and (max-width:1024px){header{height:100vh;margin-top:0}}@media screen and (max-width:600px){.header__profile{height:17rem;margin-top:0;max-height:35vh;max-width:100%;width:14rem}.header__container p{width:100%}.header__contact{gap:1.5rem}.header__social{display:none}}.about__container{grid-gap:12%;display:grid;gap:12%;grid-template-columns:35% 53%}.about__photo{border:1rem solid var(--color-white);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-height:90rem;transition:var(--transition)}.about__photo:hover{border-width:0}.about__cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);margin:3rem 0 1.5rem}.card.about__card{text-align:center}.about__Card-icon{align-items:center;border-radius:var(--border-radius-3);color:var(--color-black);display:flex;font-size:1.3rem;margin-inline:auto;padding:.6rem;transition:var(--transition);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.card.about__card h5{margin:1rem 0}.about__right p{margin-bottom:.8rem}.about__right .btn{margin-top:2rem}@media screen and (max-width:1024px){.about__left{display:none}.about__container{grid-template-columns:1fr}.about__right h2{text-align:center}}@media screen and (max-width:600px){.about__cards{gap:1rem;grid-template-columns:1fr 1fr}.about__right .btn{margin-top:2rem}}.card{background:var(--color-white);border:2px solid transparent;border-radius:var(--border-radius-1);padding:1.5rem;transition:var(--transition)}.card:hover{background:transparent;border-color:var(--color-white);-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}.card.light{background:var(--color-light)}.card.light:hover{background:transparent;border-color:var(--color-light)}@media screen and (max-width:600px){.card{padding:1.5rem}}.faqs__container{grid-gap:1.5rem 4rem;align-items:start;display:grid;gap:1.5rem 4rem;grid-template-columns:1fr 1fr}.card.faq:hover{background:var(--color-white);cursor:pointer}.faq>div{align-items:flex-start;display:flex;gap:2rem;justify-content:space-between}.faq h5{line-height:1.4}.faq__icon{background:transparent;color:var(--color-black);font-size:1.2rem}.faq__answer{-webkit-animation:animateAnswer .5s ease-in forwards;animation:animateAnswer .5s ease-in forwards;margin-top:1rem;opacity:0}@-webkit-keyframes animateAnswer{to{opacity:1}}@keyframes animateAnswer{to{opacity:1}}@media screen and (max-width:1024px){.faqs__container{grid-template-columns:1fr}}@media screen and (max-width:600px){.faqs__container{gap:1rem}}footer{background:var(--color-primary);box-shadow:0 -1rem 1.5rem hsla(var(--primary-hue),68%,42%,20%);padding-top:8rem;transition:var(--transition)}footer .nav__menu{justify-content:center}.footer__socials{display:flex;gap:1.5rem;margin:3rem auto 4rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.footer__socials a{background:var(--color-black);border-radius:var(--border-radius-3);color:var(--color-white);padding:.6rem}.footer__socials a:hover{opacity:.7;-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}.footer__copyright{border-top:2px solid rgba(0,0,0,.2);color:#fff;padding:1.5rem 0;text-align:center}.contact__container{display:flex;gap:3rem;justify-content:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.contact__container a{aspect-ratio:1/1;background:var(--color-primary);border:2px solid transparent;border-radius:var(--border-radius-1);color:#fff;display:grid;font-size:2rem;place-items:center;width:5rem}.contact__container a:hover{background:transparent;border-color:var(--color-primary);color:var(--color-primary);-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}@media screen and (max-width:600px){.contact__container{gap:1.5rem}}.portfolio__categories{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.btn.cat__btn{text-transform:capitalize;transition:var(--transition)}.btn.cat__btn:hover{-webkit-transform:translateY(0);transform:translateY(0)}.portfolio__projects{grid-gap:3rem;align-items:start;display:grid;gap:3rem;grid-template-columns:repeat(3,1fr);margin-top:3rem}.card.portfolio__project{-webkit-animation:animateProject .8s ease-in forwards;animation:animateProject .8s ease-in forwards}@-webkit-keyframes animateProject{0%{opacity:0}to{opacity:1}}@keyframes animateProject{0%{opacity:0}to{opacity:1}}.portfolio__project-image{background:var(--color-light);border-radius:var(--border-radius-2);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-bottom:1.5rem;max-height:15rem;min-height:7rem;overflow:hidden;width:100%}.portfolio__project p{margin:.5rem 0 2rem}.portfolio__project-cta{display:flex;gap:1rem}.portfolio__project:hover .btn.sm{border-color:var(--color-white)}.portfolio__project:hover .btn.sm.primary{background:transparent;border-color:var(--color-primary);color:var(--color-primary)}@media screen and (max-width:1024px){.portfolio__projects{gap:2rem;grid-template-columns:1fr 1fr}}@media screen and (max-width:600px){.portfolio__categories{gap:.6rem}.btn.cat__btn{padding:.7rem .8rem}.portfolio__projects{gap:1.5rem;grid-template-columns:1fr}}*{border:0;box-sizing:border-box;list-style:none;margin:0;outline:0;padding:0;text-decoration:none}:root{--primary-hue:210;--black-lightness:10%;--dark-lightness:25%;--light-lightness:80%;--white-lightness:100%;--color-primary:hsl(var(--primary-hue),50%,50%);--color-white:hsl(0,0%,var(--white-lightness));--color-black:hsl(0,0%,var(--black-lightness));--color-dark:hsl(0,0%,var(--dark-lightness));--color-light:hsl(var(--primary-hue),5%,var(--light-lightness));--container-width-lg:75%;--container-width-md:90%;--border-radius-1:1.2rem;--border-radius-2:0.8rem;--border-radius-3:0.5rem;--transition:all 500ms ease-in-out}html{scroll-behavior:smooth}body{font-family:Roboto Flex,sans-serif;font-size:.9rem;line-height:1.6}.container{margin-inline:auto;max-width:1920px;width:75%;width:var(--container-width-lg)}section{background:#c9cccf;background:var(--color-light);padding:10rem 0;transition:all .5s ease-in-out;transition:var(--transition)}section:nth-child(2n){background:#fff;background:var(--color-white)}section>h2,section>p{text-align:center}section>p{margin:.5rem auto 4rem;width:40%}a{color:#fff;color:var(--color-white);transition:all .5s ease-in-out;transition:var(--transition)}h1,h2,h3,h4,h5,h6{color:#1a1a1a;color:var(--color-black);line-height:1.1}h1{font-size:3rem}h2{font-size:2rem}h3{font-size:1.6rem}h4{font-size:1.1rem}h5{font-size:.95rem}h6{font-size:.8rem}img{display:block;object-fit:cover;width:100%}.btn{align-items:center;background:#c9cccf;background:var(--color-light);border:2px solid transparent;border-radius:.8rem;border-radius:var(--border-radius-2);cursor:pointer;display:inline-block;display:flex;gap:1rem;padding:.6rem 2.5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.btn:hover{background-color:initial;border-color:#c9cccf;border-color:var(--color-light);-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}.btn.white{background:#fff;background:var(--color-white)}.btn.white:hover{background-color:initial;border-color:#fff;border-color:var(--color-white)}.btn.primary{background:#4080bf;background:var(--color-primary);color:#fff}.btn.primary:hover{background:transparent;border-color:#4080bf;border-color:var(--color-primary);color:#4080bf;color:var(--color-primary)}.btn.sm{padding:.5rem 1.2rem}.btn.light{background:#b3b3b7}@media screen and (max-width:1024px){body{font-size:1rem}.container{width:90%;width:var(--container-width-md)}section{padding:8rem 0}section>p{margin-bottom:3rem;width:72%}h1{font-size:2rem}}@media screen and (max-width:600px){h1{font-size:2.4rem}h2{font-size:1.8rem}h3{font-size:1.4rem}h4{font-size:1rem}.btn{padding:.6rem 1.5rem}section>p{width:90%;width:var(--container-width-md)}}
/*# sourceMappingURL=main.95da2ff9.css.map*/