.app__navbar{background:var(--navbar-bg-color);-webkit-backdrop-filter:blur(4px);border:1px solid var(--navbar-border-color);z-index:2;justify-content:space-between;align-items:center;width:100%;padding:1rem 2rem;display:flex;position:fixed}.app__navbar-logo{justify-content:flex-start;align-items:center;display:flex}.app__navbar-logo img{object-fit:cover;width:90px;height:20px}@media screen and (min-width:200px){.app__navbar-logo img{width:180px;height:40px}}.app__navbar-links{flex:1;justify-content:center;align-items:center;list-style:none;display:flex}.app__navbar-links li{cursor:pointer;flex-direction:column;margin:0 1rem}.app__navbar-links li div{background:0 0;border-radius:50%;width:5px;height:5px;margin-bottom:5px}.app__navbar-links li a{color:var(--gray-color);text-transform:uppercase;flex-direction:column;font-weight:500;text-decoration:none;transition:all .3s ease-in-out}.app__navbar-links li a:hover{color:var(--secondary-color)}.app__navbar-links li:hover div{background-color:var(--secondary-color)}@media screen and (max-width:900px){.app__navbar-links{display:none}}.app__navbar-menu{background-color:var(--secondary-color);border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;display:flex;position:relative}.app__navbar-menu svg{width:70%;height:70%;color:var(--white-color)}.app__navbar-menu div{z-index:5;background:url(../media/bgWhite.1pmh5eruyiq6g.png);background-color:var(--surface-color);background-repeat:repeat;background-size:cover;flex-direction:column;justify-content:flex-end;align-items:flex-end;width:80%;height:100vh;padding:1rem;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:0 0 20px #a8a8a826}.app__navbar-menu div svg{width:35px;height:35px;color:var(--secondary-color);margin:.5rem 1rem}.app__navbar-menu div ul{flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;height:100%;margin:0;padding:0;list-style:none;display:flex}.app__navbar-menu div ul li{margin:1rem}.app__navbar-menu div ul li a{color:var(--gray-color);text-transform:uppercase;font-size:1rem;font-weight:500;text-decoration:none;transition:all .3s ease-in-out}.app__navbar-menu div ul li a:hover{color:var(--secondary-color)}@media screen and (min-width:900px){.app__navbar-menu div,.app__navbar-menu{display:none}}.app__navbar-lang{align-items:center;gap:.35rem;margin:0 1rem;display:flex}.app__navbar-lang span{color:var(--lightGray-color)}.app__navbar-lang button{cursor:pointer;font-family:var(--font-base);color:var(--gray-color);background:0 0;border:none;padding:.25rem;font-size:.9rem;font-weight:500;transition:color .3s ease-in-out}.app__navbar-lang button:hover,.app__navbar-lang button.active{color:var(--secondary-color)}.app__navbar-lang button.active{font-weight:700}.app__navbar-theme{cursor:pointer;color:var(--gray-color);background:0 0;border:none;justify-content:center;align-items:center;margin-right:1rem;padding:.25rem;transition:color .3s ease-in-out;display:flex}.app__navbar-theme svg{width:20px;height:20px}.app__navbar-theme:hover{color:var(--secondary-color)}
.app__about{flex-direction:column;flex:1;width:100%}.app__profiles{flex-wrap:wrap;justify-content:center;align-items:flex-start;margin-top:2rem;display:flex}.app__profile-item{flex-direction:column;justify-content:flex-start;align-items:flex-start;width:190px;margin:2rem;display:flex}.app__profile-item img{object-fit:cover;border-radius:15px;width:100%;height:170px}@media screen and (min-width:2000px){.app__profile-item{width:370px;margin:2rem 4rem}.app__profile-item img{height:320px}}
.app__footer{flex-direction:column;flex:1;width:100%}.app__footer-cards{flex-wrap:wrap;justify-content:space-evenly;align-items:center;width:60%;margin:2rem 2rem 1rem;display:flex}.app__footer-cards .app__footer-card{cursor:pointer;background-color:var(--accent-bg-color);border-radius:10px;flex-direction:row;justify-content:flex-start;align-items:center;min-width:290px;margin:1rem 0;padding:1rem;transition:all .3s ease-in-out;display:flex}.app__footer-cards .app__footer-card img{width:40px;height:40px;margin:0 .7rem}.app__footer-cards .app__footer-card p{font-weight:600}.app__footer-cards .app__footer-card a{font-weight:500;text-decoration:none}.app__footer-cards .app__footer-card:hover{box-shadow:0 0 25px var(--accent-bg-color)}@media screen and (max-width:450px){.app__footer-cards .app__footer-card{width:100%}}@media screen and (max-width:768px){.app__footer-cards{width:100%}}p.app__footer-intro{text-align:center;max-width:520px;margin-top:1rem}.app__footer-cta{background-color:var(--secondary-color);font-family:var(--font-base);color:var(--white-color);border-radius:10px;margin-top:.5rem;padding:1rem 2rem;font-weight:500;text-decoration:none;transition:all .3s ease-in-out}.app__footer-cta:hover{transform:translateY(-2px);box-shadow:0 0 25px #313bac40}
#home{background:url(../media/bgIMG.1s3kit3p1dbtw.png) 50%/cover;position:relative}#home .app__wrapper{padding:0}#home .app__wrapper .copyright{display:none}.app__header{flex-direction:row;flex:1;width:100%;height:100%;padding:6rem 2rem 0}@media screen and (min-width:2000px){.app__header{padding-top:8rem}}@media screen and (max-width:1200px){.app__header{flex-direction:column}}@media screen and (max-width:450px){.app__header{padding:6rem 1rem 2rem}}.app__header-info{flex-direction:column;flex:.65;justify-content:flex-start;align-items:flex-start;height:100%;display:flex}@media screen and (max-width:2000px){.app__header-info{width:100%;margin-right:0}}.app__header-badge{flex-direction:column;justify-content:flex-end;align-items:flex-end;width:100%;display:flex}.app__header-badge .badge-cmp,.app__header-badge .tag-cmp{border:var(--white-color);border-radius:15px;flex-direction:row;width:auto;padding:1rem 2rem;box-shadow:0 0 20px #0000001a}.app__header-badge .tag-cmp{flex-direction:column;margin-top:3rem}.app__header-badge .tag-cmp p{text-transform:uppercase;text-align:right;width:100%}.app__header-badge span{font-size:2.5rem}@media screen and (min-width:2000px){.app__header-badge span{font-size:5rem}}@media screen and (max-width:1200px){.app__header-badge{justify-content:flex-start;align-items:flex-start}}.app__header-circles{flex-direction:column;flex:.75;justify-content:space-evenly;align-items:flex-start;height:100%;margin-left:1rem;display:flex}.app__header-circles div{background:var(--surface-color);border-radius:50%;width:100px;height:100px;box-shadow:0 0 20px #0000001a}.app__header-circles div img{width:60%;height:60%}.app__header-circles div:first-child{width:100px;height:100px}.app__header-circles div:nth-child(2){width:150px;height:150px;margin:1.75rem}.app__header-circles div:nth-child(3){width:70px;height:70px}@media screen and (min-width:2000px){.app__header-circles div:first-child{width:400px;height:400px}.app__header-circles div:nth-child(2){width:170px;height:170px}.app__header-circles div:nth-child(3){width:200px;height:200px}}@media screen and (max-width:1200px){.app__header-circles{flex-flow:wrap;width:100%;margin-left:0}.app__header-circles div{margin:1rem}}.app__header-img{flex:1;justify-content:flex-end;align-items:flex-end;height:100%;display:flex;position:relative}.app__header-img img{object-fit:contain;z-index:1;width:100%}.app__header-img .overlay_circle{z-index:0;width:100%;height:90%;position:absolute;bottom:0;left:0;right:0}@media screen and (max-width:1200px){.app__header-img{margin:2rem 0}}
.app__skills{flex-direction:column;flex:1;width:100%}.app__skills-container{flex-direction:row;width:80%;margin-top:3rem;display:flex}@media screen and (max-width:900px){.app__skills-container{flex-direction:column;width:100%}}.app__skills-list{flex-wrap:wrap;flex:1;place-content:flex-start;align-items:flex-start;margin-right:5rem;display:flex}@media screen and (max-width:900px){.app__skills-list{justify-content:center;align-items:center;margin-right:0}}.app__skills-item{text-align:center;flex-direction:column;margin:1rem;transition:all .3s ease-in-out}.app__skills-item div{background-color:var(--surface-color);border-radius:50%;width:90px;height:90px}.app__skills-item div img{width:50%;height:50%}.app__skills-item div:hover{box-shadow:0 0 25px var(--accent-bg-color)}@media screen and (min-width:2000px){.app__skills-item div{width:150px;height:150px}}@media screen and (max-width:400px){.app__skills-item div{width:70px;height:70px}}.app__skills-item p{margin-top:.5rem;font-weight:500}@media screen and (min-width:2000px){.app__skills-item{margin:1rem 2rem}.app__skills-item p{margin-top:1rem}}.app__skills-exp{flex-direction:column;flex:1;justify-content:flex-start;align-items:flex-start;display:flex}@media screen and (max-width:900px){.app__skills-exp{margin-top:2rem}}.app__skills-exp-item{flex-direction:row;justify-content:flex-start;align-items:flex-start;width:100%;margin:1rem 0;display:flex}.app__skills-exp-works{flex:1}.app__skills-exp-works .app__skills-exp-work{cursor:pointer;flex-direction:column;justify-content:flex-start;align-items:flex-start;margin-bottom:1rem;display:flex}.app__skills-exp-works .app__skills-exp-work h4{font-weight:500}.app__skills-exp-works .app__skills-exp-work p{color:var(--gray-color);margin-top:5px;font-weight:400}.app__skills-exp-year{margin-right:3rem}.app__skills-exp-year p{color:var(--secondary-color);font-weight:800}@media screen and (max-width:450px){.app__skills-exp-year{margin-right:1rem}}.skills-tooltip{background-color:var(--surface-color)!important;max-width:300px!important;color:var(--gray-color)!important;text-align:center!important;opacity:1!important;border-radius:5px!important;padding:1rem!important;line-height:1.5!important;box-shadow:0 0 25px #0000001a!important}@media screen and (min-width:2000px){.skills-tooltip{max-width:500px!important;font-size:1.75rem!important;line-height:2!important}}
.app__testimonial{flex-direction:column;flex:1;width:100%}.app__testimonial-item{background-color:var(--surface-color);border-radius:15px;width:60%;min-height:320px;padding:2rem;transition:all .3s ease-in-out;display:flex;box-shadow:0 0 30px #0000001a}.app__testimonial-item img{object-fit:cover;border-radius:50%;width:100px;height:100px}@media screen and (min-width:2000px){.app__testimonial-item{min-height:450px}.app__testimonial-item img{width:150px;height:150px}}@media screen and (max-width:850px){.app__testimonial-item{width:100%}}@media screen and (max-width:600px){.app__testimonial-item{flex-direction:column}}.app__testimonial-content{text-align:left;flex-direction:column;flex:1;justify-content:space-around;align-items:flex-start;height:100%;padding:0 2rem;display:flex}.app__testimonial-content p{color:var(--black-color);font-size:1.25rem;line-height:2rem;font-family:var(--font-base)}.app__testimonial-content h4{color:var(--secondary-color);margin-top:2rem;font-weight:600}.app__testimonial-content h5{color:var(--gray-color);margin-top:5px;font-weight:400}.app__testimonial-btns{flex-direction:row;margin-top:1rem}.app__testimonial-btns div{background-color:var(--surface-color);border-radius:50%;width:50px;height:50px;margin:1rem;transition:all .3s ease-in-out}.app__testimonial-btns div svg{width:20px;height:20px;color:var(--secondary-color)}.app__testimonial-btns div:hover{background-color:var(--secondary-color)}.app__testimonial-btns div:hover svg{color:var(--white-color)}.app__testimonial-soon{flex-direction:column;justify-content:center;align-items:center;gap:5px;display:flex}.app__testimonial-soon .dot-elastic{color:#9880ff;background-color:#9880ff;border-radius:5px;width:10px;height:10px;animation:1s linear infinite dotElastic;position:relative}.app__testimonial-soon .dot-elastic:before,.app__testimonial-soon .dot-elastic:after{content:"";display:inline-block;position:absolute;top:0}.app__testimonial-soon .dot-elastic:before{color:#9880ff;background-color:#9880ff;border-radius:5px;width:10px;height:10px;animation:1s linear infinite dotElasticBefore;left:-15px}.app__testimonial-soon .dot-elastic:after{color:#9880ff;background-color:#9880ff;border-radius:5px;width:10px;height:10px;animation:1s linear infinite dotElasticAfter;left:15px}@keyframes dotElasticBefore{0%{transform:scale(1)}25%{transform:scaleY(1.5)}50%{transform:scaleY(.67)}75%{transform:scale(1)}to{transform:scale(1)}}@keyframes dotElastic{0%{transform:scale(1)}25%{transform:scale(1)}50%{transform:scaleY(1.5)}75%{transform:scale(1)}to{transform:scale(1)}}@keyframes dotElasticAfter{0%{transform:scale(1)}25%{transform:scale(1)}50%{transform:scaleY(.67)}75%{transform:scaleY(1.5)}to{transform:scale(1)}}.app__testimonial-brands{flex-wrap:wrap;width:80%;margin-top:2rem}.app__testimonial-brands div{width:150px;margin:1.5rem}.app__testimonial-brands div img{object-fit:cover;filter:grayscale();width:100%;height:auto}.app__testimonial-brands div:hover img{filter:grayscale(0)}@media screen and (min-width:2000px){.app__testimonial-brands div{width:210px;margin:2rem}}@media screen and (max-width:450px){.app__testimonial-brands div{width:120px;margin:1rem}}@media screen and (max-width:800px){.app__testimonial-brands{width:100%}}
.app__works{flex-direction:column;flex:1;width:100%}.app__work-filter{flex-flow:wrap;justify-content:flex-start;align-items:center;margin:4rem 0 2rem;display:flex}.app__work-filter .app__work-filter-item{background-color:var(--surface-color);color:var(--black-color);cursor:pointer;border-radius:.5rem;margin:.5rem;padding:.5rem 1rem;font-weight:800;transition:all .3s}.app__work-filter .app__work-filter-item:hover{background-color:var(--secondary-color);color:#fff}@media screen and (min-width:2000px){.app__work-filter .app__work-filter-item{border-radius:.85rem;padding:1rem 2rem}}.app__work-filter .item-active{background-color:var(--secondary-color);color:#fff}.app__work-portfolio{flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.app__work-portfolio .app__work-item{background-color:var(--surface-color);width:270px;color:var(--black-color);cursor:pointer;border-radius:.5rem;flex-direction:column;margin:2rem;padding:1rem;transition:all .3s}.app__work-portfolio .app__work-item:hover{box-shadow:0 0 25px #0003}@media screen and (min-width:2000px){.app__work-portfolio .app__work-item{border-radius:.75rem;width:470px;padding:1.25rem}}@media screen and (max-width:300px){.app__work-portfolio .app__work-item{width:100%;margin:1rem}}.app__work-img{aspect-ratio:16/10;width:100%;height:auto;position:relative}.app__work-img img{object-fit:contain;background-color:var(--primary-color);border-radius:.5rem;width:100%;height:100%;padding:.5rem}@media screen and (min-width:2000px){.app__work-img{aspect-ratio:16/9}}.app__work-hover{opacity:0;background-color:#00000080;border-radius:.5rem;width:100%;height:100%;transition:all .3s;position:absolute;inset:0}.app__work-hover div{color:#fff;width:50px;height:50px;font-family:var(--font-base);cursor:pointer;background-color:#00000080;border-radius:50%;margin:1rem;font-weight:800;transition:all .3s}.app__work-hover div svg{width:50%;height:50%;color:var(--white-color)}.app__work-content{flex-direction:column;width:100%;padding:.5rem;position:relative}.app__work-content h4{margin-top:1rem;line-height:1.5}.app__work-content .app__work-tag{background-color:var(--surface-color);border-radius:10px;padding:.5rem;position:absolute;top:-25px}