@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@100;300;400;500;600;700&display=swap);.portfolio__social{flex-wrap:wrap;padding:0!important}.portfolio__social,.portfolio__social div{align-items:center;display:flex;justify-content:center}.portfolio__social div{flex:1 1;margin:1rem;max-width:150px;min-width:25px}.portfolio__social img{margin:0;max-height:20px}.portfolio__contact{align-items:center;background:var(--gradient-bar);border:1px solid #fff;border-radius:1rem;color:#fff;display:flex;flex-direction:row;justify-content:center;margin:4rem;padding:2rem}.portfolio__contact-content p{color:#0e0e0e;font-family:var(--font-family);font-size:12px;font-weight:500;line-height:30px}.portfolio__contact-content h3{color:#000;font-family:var(--font-family);font-size:24px;font-weight:800;line-height:45px}.portfolio__contact-content h4{color:#fff;font-family:var(--font-family);font-size:20px;font-weight:300;line-height:45px}.portfolio__contact-btn,.portfolio__contact-title{align-items:center;display:flex;justify-content:center;margin-left:2rem}.portfolio__contact-btn button{background:#000;border:none;border-radius:40px;color:#fff;cursor:pointer;font-family:var(--font-family);font-size:18px;font-weight:700;line-height:30px;min-width:150px;outline:none;padding:.5rem 1rem}@media screen and (max-width:650px){.portfolio__contact{flex-direction:column}.portfolio__contact-btn{margin:2rem 0 0}}@media screen and (max-width:550px){.portfolio__contact{margin:4rem 2rem}.portfolio__contact-content h3{font-size:18px;line-height:32px}.portfolio__contact-btn button{font-size:14px;line-height:28px}}.portfolio__projects-container__project-card{align-items:center;border-radius:15px;box-shadow:0 7px 10px rgba(black,.5);display:flex;height:300px;justify-content:center;margin-bottom:2rem;padding:1.5rem;position:relative;transition:.4s ease-out;width:300px}.portfolio__projects-container__project-card:hover{-webkit-transform:translateY(20px);transform:translateY(20px)}.portfolio__projects-container__project-card:hover:before{background-color:#000;content:"";opacity:.8;position:absolute}.portfolio__projects-container__project-card:before{border-radius:15px;content:"";display:block;height:100%;left:0;opacity:0;position:absolute;top:0;transition:.5s;width:100%;z-index:2}.portfolio__projects-container__project-card:hover .portfolio__projects-container__project-info{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.portfolio__projects-container__project-info{opacity:0;position:relative;text-align:center;-webkit-transform:translateY(30px);transform:translateY(30px);transition:.5s;z-index:3}.portfolio__projects-container__project-title{flex:1 1;margin:0 0 3rem}.portfolio__projects-container__project-title h1{-webkit-text-fill-color:transparent;background:var(--gradient-text);background-clip:text;-webkit-background-clip:text;font-family:var(--font-family);font-size:2rem;font-weight:800}.portfolio__projects-container__project-title:hover h1{-webkit-text-fill-color:transparent;background:var(--color-library);background-clip:text;-webkit-background-clip:text}.portfolio__projects-container__project-title div{background:var(--gradient-bar);box-shadow:0 4px 4px rgba(0,0,0,.4);height:3px;width:38px}.portfolio__projects-container__project-link h2{-webkit-text-fill-color:transparent;background:var(--gradient-text);background-clip:text;-webkit-background-clip:text;font-family:var(--font-family);font-size:1.25rem;font-weight:800;letter-spacing:-.04em;line-height:24px;margin-bottom:1.5rem}.portfolio__projects-container__project-link:hover h2{-webkit-text-fill-color:transparent;background:var(--color-library);background-clip:text;-webkit-background-clip:text}.portfolio__projects-container__project-tech-stack,.portfolio__projects-container__project-text{flex:2 1;max-width:290px}.portfolio__projects-container__project-tech-stack p,.portfolio__projects-container__project-text{color:var(--color-text);font-family:var(--font-family);font-size:.8rem;font-weight:500;line-height:24px}.portfolio__projects-container__project-tech-stack p{color:var(--color-subtext)}.portfolio__projects-container__project-image img{border-radius:15px;height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}@media screen and (max-width:550px){.portfolio__projects-container__project h1{font-size:14 px;line-height:22px}.portfolio__projects-container__project p{font-size:12px;line-height:20px}.portfolio__projects-container__project{margin:1rem 0}}.portfolio__navbar{align-items:center;display:flex;justify-content:space-between;padding:2rem 6rem}.portfolio__navbar-links{align-items:center;display:flex;flex:1 1;justify-content:flex-start}.portfolio__navbar-links_logo{margin-right:2rem}.portfolio__navbar-links_logo h1{color:#fff;font-family:var(--font-family)}.portfolio__navbar-links_container{display:flex}.portfolio__navbar-sign{align-items:center;display:flex;justify-content:flex-end}.portfolio__navbar-links_container p,.portfolio__navbar-menu_container p,.portfolio__navbar-sign p{color:#fff;cursor:pointer;font-family:var(--font-family);font-size:18px;font-weight:500;line-height:25px;margin:0 1rem;text-transform:capitalize}.portfolio__navbar-menu_container button,.portfolio__navbar-sign button{background:#ff4820;border:0;border-radius:5px;color:#fff;cursor:pointer;font-family:var(--font-family);font-size:18px;font-weight:500;line-height:25px;outline:none;padding:.5rem 1rem}.portfolio__navbar-menu{display:none;margin-left:1rem;position:relative}.portfolio__navbar-menu svg{cursor:pointer}.portfolio__navbar-menu_container{align-items:flex-end;background:var(--color-footer);border-radius:5px;box-shadow:0 0 5 rgba(0,0,0,.2);display:flex;flex-direction:column;justify-content:flex-end;margin-top:1rem;min-width:1rem;padding:2rem;position:absolute;right:0;text-align:end;top:40px}.portfolio__navbar-menu_container p{margin:1rem 0}.portfolio__navbar-menu_container-links-sign{display:none}@media screen and (max-width:1050px){.portfolio__navbar-links_container{display:none}.portfolio__navbar-menu{display:flex}}@media screen and (max-width:700px){.portfolio__navbar{padding:2rem 4rem}}@media screen and (max-width:550px){.portfolio__navbar{padding:2rem}.portfolio__navbar-sign{display:none}.portfolio__navbar-menu_container{top:20px}.portfolio__navbar-menu_container-links-sign{display:block}}.portfolio__skills-container{align-items:center;display:flex;flex:1.5 1;flex-direction:column;flex-wrap:wrap;justify-content:space-around;margin-bottom:5rem}.portfolio__experience-skills-container{align-items:center;display:flex;flex:1.5 1;flex-direction:row;flex-wrap:wrap;gap:1.5rem;justify-content:space-around}.portfolio__experience-skills-content{background-color:initial;display:flex;flex-direction:row;font-family:var(--font-family);padding:0;position:relative}.portfolio__experience-skills-content img{margin-right:.5rem;width:20px}.name{color:var(--color-library);font-weight:500}.portfolio__work-experience-container{align-items:center;display:flex;flex:1.5 1;flex-direction:column;flex-wrap:wrap;justify-content:space-around}.portfolio__experience-heading h2{color:#fff;font-weight:800}.portfolio__experience-button{align-items:center;display:flex;flex-direction:row;gap:1rem;justify-content:center}.portfolio__experience-heading h3{font-family:var(--font-family);font-size:16px;font-style:normal;font-weight:500;line-height:45px}.portfolio__experience-button-content{align-items:center;display:flex;flex-direction:row;justify-content:center}.portfolio__experience-button-content img{margin-right:.5rem;width:20px}.active h3{color:pink}.inactive h3{color:var(--color-library)}.portfolio__experience-timeline{margin:0 auto;position:relative}.portfolio__experience-timeline:after{background-color:pink;bottom:0;content:"";left:50%;margin-left:-3px;position:absolute;top:0;width:2px}.portfolio__experience-timeline-container{background-color:inherit;padding:10px 40px;position:relative;width:50%}.portfolio__experience-timeline-container:after{background-color:pink;border-radius:50%;content:"";height:12px;position:absolute;right:-4px;top:15px;width:12px;z-index:1}.portfolio__experience-timeline-container.left{left:0}.portfolio__experience-timeline-container.right{left:50%}.portfolio__experience-timeline-container.right:after{left:-8px}.portfolio__experience-timeline-content{background-color:initial;font-family:var(--font-family);padding:0;position:relative}.portfolio__experience-timeline-content p{padding:3px}.job{color:pink;font-weight:800}.description{color:#fff}.date{color:var(--color-library);font-weight:500}@media screen and (max-width:550){.portfolio__experience-timeline:after{left:31px}.portfolio__experience-timeline-container{padding-left:70px;padding-right:25px;width:100%}.left:after,.right:after{left:15px}.right{left:0}}.portfolio__about{background:var(--color-footer);background:radial-gradient(circle at 30% -100%,#042c54 25%,#042c54 85%,#1b78de 100%);border-radius:5px;display:flex;-webkit-filter:drop-shadow(0 4px 4px rgba(0,0,0,.25));filter:drop-shadow(0 4px 4px rgba(0,0,0,.25));flex-direction:column;padding:2rem}.portfolio__about-project{display:flex}.portfolio__about-feature .portfolio__features-container__feature{margin:0}.portfolio__about-feature .portfolio__features-container_feature-text{max-width:700px}.portfolio__about-heading{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin:4rem 0 2rem}.portfolio___about-project p{margin-right:10px}.portfolio__about-heading h1{font-family:var(--font-family);font-size:34px;font-weight:800;line-height:45px;max-width:510px}.portfolio__about-heading p{color:var(--color-subtext);cursor:pointer;font-family:var(--font-family);font-size:16px;font-weight:500;line-height:30px}.portfolio__about-container{display:flex;flex-direction:row;flex-wrap:wrap;margin-top:2rem}.portfolio__about-container .portfolio__features-container__feature{display:inline;display:initial;flex:1 1;flex-direction:column;margin:1rem}.portfolio__about-container .portfolio__features-container_feature-text{margin-top:.5rem}.portfolio__about-content img{width:360px}.portfolio__about-content{align-items:center;display:flex;justify-content:center}@media screen and (max-width:850px){.portfolio__about-heading{align-items:flex-start;flex-direction:column;margin-bottom:0}.portfolio__about-heading p{margin-top:1rem}}@media screen and (max-width:650px){.portfolio__about-feature .portfolio__features-container__feature{flex-direction:column}.portfolio__about-feature .portfolio__features-container_feature-text{margin-top:.5rem}.portfolio__about-heading h1{font-size:28px;line-height:40px}}@media screen and (max-width:350px){.portfolio__about-container .portfolio__features-container__feature{margin:1rem 0;min-width:100%}}.portfolio__experience{background:var(--color-footer);border-radius:5px;display:flex;-webkit-filter:drop-shadow(0 4px 4px rgba(0,0,0,.25));filter:drop-shadow(0 4px 4px rgba(0,0,0,.25));flex-direction:column;padding:2rem}.portfolio__experience-heading{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;text-align:left}.portfolio__experience-heading h1{font-family:var(--font-family);font-size:34px;font-weight:800;line-height:45px;max-width:510px}.portfolio__experience-heading h2{font-family:var(--font-family);font-size:25px;font-style:normal;font-weight:600;line-height:45px}.portfolio__experience-container{align-items:center;display:flex;flex:1.5 1;flex-direction:column;flex-wrap:wrap;justify-content:space-around}@media screen and (max-width:990px){.portfolio__experience{flex-direction:column}.portfolio__experience-heading{margin:0 0 2rem}}.portfolio__projects{background-color:var(--color-library);border-radius:5px;display:flex;-webkit-filter:drop-shadow(0 4px 4px rgba(0,0,0,.25));filter:drop-shadow(0 4px 4px rgba(0,0,0,.25));flex-direction:column;justify-content:space-between}.portfolio__projects-heading{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;margin:0 1rem 3rem 0;text-align:left}.portfolio__projects-heading h1{font-family:var(--font-family);font-size:34px;font-style:normal;font-weight:800;line-height:45px}.portfolio__projects-heading p{color:#ff8a71;font-family:var(--font-family);font-size:16px;font-style:normal;font-weight:500;line-height:30px}.portfolio__projects-container{align-items:center;display:flex;flex:1.5 1;flex-wrap:wrap;justify-content:space-around}@media screen and (max-width:990px){.portfolio__projects{flex-direction:column}.portfolio__projects-heading{margin:0 0 2rem}}@media screen and (max-width:550px){.portfolio__projects-heading h1{font-size:28px;line-height:38px}}.portfolio__footer{align-items:center;background-color:var(--color-footer);display:flex;flex-direction:column;justify-content:center}.portfolio__footer-heading{margin-bottom:3rem;text-align:center;width:100%}.portfolio__footer-heading h1{font-family:var(--font-family);font-size:62px;font-style:normal;font-weight:800;letter-spacing:-.04em;line-height:75px;text-align:center}.portfolio__footer-btn{align-items:center;border:1px solid #fff;cursor:pointer;display:flex;justify-content:center;margin-bottom:10rem;padding:1rem;text-align:center}.portfolio__footer-btn p{color:#fff;font-family:var(--font-family);font-size:18px;line-height:21px;word-spacing:2px}.portfolio__footer-links{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:space-between;text-align:left;width:100%}.portfolio__footer-links div{margin:1rem;width:250px}.portfolio__footer-links_logo{display:flex;flex-direction:column}.portfolio__footer-links_logo p{font-size:12px;line-height:14px}.portfolio__footer-links_logo h1,.portfolio__footer-links_logo p{color:#fff;font-family:var(--font-family)}.portfolio__footer-links_div{display:flex;flex-direction:column;justify-content:flex-start}.portfolio__footer-links_div h4{color:#fff;font-family:var(--font-family);font-size:14px;line-height:16px;margin-bottom:1rem}.portfolio__footer-links_div p{color:#fff;cursor:pointer;font-family:var(--font-family);font-size:12px;line-height:14px;margin:.5rem 0}.portfolio__footer-copyright{margin-top:2rem;text-align:center;width:100%}.portfolio__footer-copyright p{color:#fff;font-family:var(--font-family);font-size:12px;line-height:14px}@media screen and (max-width:850px){.portfolio__footer-heading h1{font-size:44px;line-height:50px}}@media screen and (max-width:550px){.portfolio__footer-heading h1{font-size:34px;line-height:42px}.portfolio__footer-links div{margin:1rem 0}.portfolio__footer-btn p{font-size:14px;line-height:20px}.portfolio__footer-heading h1{font-size:27px;line-height:38px}}.portfolio__header{display:flex;height:100vh}.portfolio__header-content{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;justify-content:center;margin-right:5rem}.portfolio__header-content h1{color:#fff;font-family:var(--font-family);font-size:62px;font-weight:800;letter-spacing:-.04em;line-height:75px}.portfolio__header-content p{color:#fff;font-family:var(--font-family);font-size:20px;font-style:normal;font-weight:400;line-height:27px;margin-top:1.5rem}.portfolio__header-transition{background:linear-gradient(180deg,#c7a09e 30%,#c7ac92);height:5rem}.portfolio__header-content__input{display:flex;margin:2rem 0 1rem;width:100%}.portfolio__header-content__input input,.portfolio__header-content__input textarea{background:var(--color-footer);border:2px solid var(--color-footer);border-radius:5px 0 0 5px;border-bottom-right-radius:5px;border-top-right-radius:5px;flex:2 1}.portfolio__header-content__input button,.portfolio__header-content__input input,.portfolio__header-content__input textarea{color:#fff;font-family:var(--font-family);font-size:20px;line-height:27px;min-height:50px;outline:none;padding:0 1rem;width:100%}.portfolio__header-content__input button{background:#ff4820;border:none;border-radius:5px 0 0 5px;border-bottom-right-radius:5px;border-top-right-radius:5px;cursor:pointer;flex:0.6 1;font-weight:700}.portfolio__header-content__people{align-items:center;display:flex;justify-content:flex-start;margin-top:2rem;width:100%}.portfolio__header-content__people img{height:38px;width:181px}.portfolio__header-content__people p{color:#fff;font-family:var(--font-family);font-size:12px;font-style:normal;font-weight:500;line-height:38px;margin:0 0 0 1rem;text-align:center}.portfolio__header-image{align-items:center;display:flex;flex:1 1;justify-content:center}.portfolio__header-image img{border-radius:5px;height:100%;object-fit:contain;width:100%}@media screen and (max-width:1050px){.portfolio__header{flex-direction:column}.portfolio__header-content{margin:0 0 3rem}}@media screen and (max-width:650px){.portfolio__header h1{font-size:48px;line-height:60px}.portfolio__header p{font-size:16px;line-height:24px}.portfolio__header-content__people{flex-direction:column}.portfolio__header-content__people p{margin:0}.portfolio__header-content__input button,.portfolio__header-content__input input{font-size:16px;line-height:24px}}@media screen and (max-width:490px){.portfolio__header h1{font-size:36px;line-height:48px}.portfolio__header p{font-size:14px;line-height:24px}.portfolio__header-content__input button,.portfolio__header-content__input input{font-size:12px;line-height:16px}}*{box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth}body{background:var(--color-bg)}a{color:inherit;text-decoration:none}.gradient__bg{background:radial-gradient(circle at 16% 24%,#c7a09e 0,#a3667f 100%)}.gradient__text{-webkit-text-fill-color:transparent;background:var(--gradient-text);background-clip:text;-webkit-background-clip:text}.section__padding{padding:4rem 6rem}.section__margin{margin:4rem 6rem}.scale-up-center{-webkit-animation:scale-up-center .4s cubic-bezier(.39,.575,.565,1) both;animation:scale-up-center .4s cubic-bezier(.39,.575,.565,1) both}@-webkit-keyframes scale-up-center{0%{-webkit-transform:scale(.5);transform:scale(.5)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scale-up-center{0%{-webkit-transform:scale(.5);transform:scale(.5)}to{-webkit-transform:scale(1);transform:scale(1)}}@media screen and (max-width:700px){.section__padding{padding:4rem}.section__margin{margin:4rem}}@media screen and (max-width:550px){.section__padding{padding:4rem 2rem}.section__margin{margin:4rem 2rem}}:root{--font-family:"Montserrat",sans-serif;--gradient-text:linear-gradient(90deg,#c7a09e,#b0c7bd);--gradient-bar:linear-gradient(103.22deg,#ae67fa -13.86%,#f49867 99.55%);--color-bg:#c7ac92;--color-footer:#cc8b86;--color-library:#625756;--color-text:#c693a9;--color-subtext:#ff8a71}
/*# sourceMappingURL=main.cac744ed.css.map*/