*{padding:0;margin:0;font-family:Plus Jakarta Sans,sans-serif}.fade-in-up{opacity:0;transform:translateY(200px);transition:opacity 1s ease-in-out,transform 1s ease-in-out}.fade-in-up-active{opacity:1;transform:translateY(0)}.wrapper{overflow:hidden}footer{background-color:#061238;color:#fff;display:flex;flex-direction:column;gap:1.5rem;padding:2rem}footer a{text-decoration:none;color:#fff}footer img{width:150px}footer .copyright{font-size:.8rem}@media (min-width: 650px){footer{align-items:center}p{font-size:1.3rem}}.container-header{position:fixed;z-index:100}.header{display:flex;background-color:#061238;justify-content:space-between;position:fixed;width:100%;padding-bottom:1rem;padding-top:1rem;align-items:center}.header-nav{position:absolute;width:100%;right:0;top:78px;background-color:#000;overflow:hidden;max-height:0;transition:max-height .3s ease-in-out;z-index:3}.header-nav ul{display:flex;flex-direction:column;gap:1.5rem;padding:1rem}.header-nav ul li{list-style-type:none;color:#fff}.header-nav ul li a{background-color:#e7e7e700}.header-nav ul a{background-color:#ff2d7e;padding:1rem;color:#fff;text-align:center;font-size:1rem;border-radius:10px;text-decoration:none}.header-nav ul .cv{background-color:#fff0;border:2px solid white}.header-nav ul button{background-color:#ff2d7d00;padding:1rem;color:#fff;text-align:center;font-size:1rem;border-radius:10px;border:1px solid white}.header-nav.visible{max-height:300px;z-index:10}.header img{width:120px;height:28px;margin-left:2rem}.header ul{align-items:none}.header .nav-menu-icon-wrapper{background-color:#ff2d7e;border-radius:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:.5rem;height:30px;cursor:pointer;margin-right:1rem}.header .nav-menu-icon-wrapper .nav-bar-menu-line{width:32px;height:3px;background-color:#fff;transition:transform .3s ease}.header .nav-menu-icon-wrapper .bottom{margin-top:12px}.header .nav-menu-icon-wrapper .top.active{transform:rotate(45deg) translate(5px,5px)}.header .nav-menu-icon-wrapper .bottom.active{transform:rotate(-45deg) translate(5px,-5px)}@media (min-width: 1024px){.header-nav{position:relative;top:auto;max-height:none;display:flex;justify-content:space-between;background-color:transparent}.header-nav ul{flex-direction:row;justify-content:space-around;width:100%;align-items:center}.header-nav a,.header-nav button{font-size:1.2rem}.header .nav-menu-icon-wrapper{display:none}.header img{width:180px;height:auto}}.NotFound{background-color:#061238;display:flex;justify-content:center;flex-direction:column;align-items:center;color:#fff;padding:1rem;text-align:center;gap:2rem;padding-top:20vh;min-height:80vh}.NotFound a{background-color:#ff2d7e;padding:1rem;border-radius:10px;text-decoration:none;color:#fff}.NotFound img{height:50vw;max-height:600px}.hero{background-color:#061238;color:#fff;padding:2rem;display:flex;flex-direction:column;gap:2rem;overflow:hidden}.hero h1,.hero p,.hero .handle_anim,.hero a{opacity:1;transform:translateY(200px);animation:fadeInUp .8s ease-in-out forwards}.hero_text{display:flex;flex-direction:column;gap:1.5rem;overflow:hidden}.hero_text h1{font-size:1.5rem;margin-top:10vh}.hero_text a{background-color:#ff2d7e;padding:1rem;color:#fff;text-align:center;font-size:1rem;border-radius:10px;text-decoration:none}.hero .container-element-anim{position:relative;width:300px;margin:0 auto;display:flex;flex-direction:column;gap:2rem;transform:translateY(500px);animation:fadeInUp .8s ease-in-out forwards}.hero .container-element-anim .picture{width:200px;transition:1s;z-index:3;position:relative;left:17%}.hero .container-element-anim .amp{width:50px;height:50px;position:absolute;opacity:1;background-color:#ff2d7e;border-radius:10px;font-size:.8rem;display:flex;justify-content:center;align-items:center;box-shadow:1px 1px 10px 2px #fff;transition:1.5s}.hero .container-element-anim .amp1{top:100px;right:-20px}.hero .container-element-anim .amp2{top:100px;left:-20px}.hero .container-element-anim .charge{display:flex;justify-content:space-around;width:100%;height:100px;position:absolute;top:100px;right:0;z-index:1;gap:40px}.hero .container-element-anim .charge .segment{width:70px;height:1.5px;background-color:gray;position:relative;top:30px}.hero .container-element-anim .charge .segment .block{position:relative;height:1.5px;width:5px;background-color:#fff;opacity:0;transition:opacity .5s}.hero .container-element-anim .charge .segment .bl1{left:70px;animation:animBlock1 1.5s infinite}.hero .container-element-anim .charge .segment .bl2{animation:animBlock2 1.5s infinite}.hero .handle_anim{width:50%;margin:0 auto;border-radius:10px;padding:.5rem;background-color:#fffc65;color:#000;border:1px solid rgb(2,2,2);transition:1s;cursor:pointer}@keyframes animBlock1{0%{transform:translateY(0)}to{transform:translate(-70px)}}@keyframes animBlock2{to{transform:translate(67px)}}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@media (min-width: 990px){.hero{flex-direction:row;align-items:center;padding-top:10vh;padding-bottom:5vh}.hero_text h1{font-size:3rem}.hero_text p{font-size:1.5rem}}@media (min-width: 1300px){.hero{padding-left:5vw;padding-right:5vw}.hero .container-element-anim{width:500px}.hero .container-element-anim .picture{width:340px}.hero .container-element-anim .amp{width:100px;height:100px}.hero .container-element-anim .charge .segment{top:50px;height:3px}.hero .container-element-anim .charge .segment .block{height:3px}}.conclusion{background:#041026;background:linear-gradient(180deg,#041026,#061238);color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:600px;gap:2rem;padding-top:3vh;padding-bottom:3vh}.conclusion div:nth-child(1) p{font-size:4rem;width:90vw;margin:0 auto;text-align:center}.conclusion div:nth-child(2) p{font-size:2rem;width:90vw;margin:0 auto;text-align:center;line-height:50px}@media (max-width: 1024px){.conclusion div:nth-child(1) p{font-size:2.5rem}.conclusion div:nth-child(2) p{font-size:1.5rem}}@media (max-width: 600px){.conclusion div:nth-child(1) p{font-size:2rem}.conclusion div:nth-child(2) p{font-size:1rem;line-height:25px}}.container-cta{color:#fff;width:80vw;margin:0 auto;position:relative;display:flex;flex-direction:column;gap:3rem;justify-content:center;align-items:center;margin-bottom:5rem;height:60vh;border-radius:20px;overflow:hidden}.container-cta .wrapper{overflow:hidden;max-width:650px;text-align:center}.container-cta .cta-mini-title{color:#59e659;text-transform:uppercase}.container-cta .cta-heading h2{font-size:3rem}.container-cta .cta-detail{font-size:1.5rem;margin-bottom:1rem}.container-cta .cta-img{width:100%;height:100%;position:absolute;top:0;background:contain;z-index:-1}.container-cta .cta-button a{background-color:#ff2d7e;text-decoration:none;color:#fff;padding:1rem;border-radius:10px;font-size:1.2rem;border:2px solid rgba(255,255,255,0);transition:.5s}.container-cta .cta-button a:hover{border:2px solid white;background-color:#fff0}@media (max-width: 1000px){.container-cta{padding:1rem;gap:1.5rem;height:40vh}.container-cta .wrapper{max-width:500px}.container-cta .cta-heading h2{font-size:2rem}.container-cta .cta-detail p{font-size:1.2rem}}@media (max-width: 630px){.container-cta{padding:1rem;gap:1.5rem;line-height:30px;width:85vw}.container-cta .wrapper{max-width:400px}.container-cta .cta-heading h2{font-size:1.5rem}.container-cta .cta-detail p{font-size:1.1rem}}@media (max-width: 480px){.container-cta{padding:1rem;gap:1.5rem;line-height:30px;width:80vw;height:60vh;margin-bottom:5rem}.container-cta .cta-heading h2{font-size:1.5rem}}.mission{background-color:#f4f7fe;padding-bottom:10vh}.mission h2{font-size:1.8rem;text-align:start}.mission .container_mission{display:flex;flex-direction:column;justify-content:center;margin:0 auto;align-items:center;gap:2rem;text-align:center;width:80vw}.mission .container_mission .container-animation-text{display:flex;flex-direction:column;gap:1rem}.mission .container_mission .container-animation-text p{text-align:justify;margin-top:1rem;line-height:20px}.mission .container_mission .container-animation-text strong{color:#ff2d7e}.mission .container_mission .container-text{display:flex;flex-direction:column;gap:1rem}.mission .container_mission .animation{display:flex;flex-direction:column}.mission .container_mission .animation .container-animation{opacity:0;background-color:#e9e0ff;transition:opacity 1s;height:300px;width:300px;display:flex;justify-content:center;align-items:center;border-radius:10px;flex-direction:column;color:#41b783;overflow:hidden;position:relative;margin:0 auto;margin-bottom:2rem}.mission .container_mission .animation .container-animation.fade-in{animation-name:anim;animation-duration:1s;animation-delay:1s;animation-fill-mode:forwards}.mission .container_mission .animation .container-animation .vueImg{transform:scale(.1)}.mission .container_mission .animation .container-animation .animImg{animation-name:AnimImg;animation-duration:2s;animation-delay:1s;animation-fill-mode:forwards;transition:opacity 1s ease-in-out,transform 2s ease-in-out}.mission .container_mission .animation .container-animation_container-text{display:flex;gap:.5rem;margin-top:1rem}.mission .container_mission .animation .container-animation_container-text .first{transform:translate(-200px)}.mission .container_mission .animation .container-animation_container-text .first.animText{animation-name:animText;animation-duration:1s;animation-delay:3s;animation-fill-mode:forwards}.mission .container_mission .animation .container-animation_container-text .second{transform:translate(200px)}.mission .container_mission .animation .container-animation_container-text .second.animText{animation-name:animText;animation-duration:1s;animation-delay:3s;animation-fill-mode:forwards}.mission .container_mission .animation .container-animation .belt{position:absolute;width:50%;opacity:0}.mission .container_mission .animation .container-animation .belt.anim{animation-name:anim;animation-duration:1s;animation-delay:4s;animation-fill-mode:forwards}.mission .container_mission .title_mission{text-transform:uppercase;margin-top:5vh}.mission .container_mission .title_mission h2{color:#7567bc;font-size:18px;font-weight:100}.mission .container_mission p{color:#6f6c6d}.mission .container_mission h2{color:#0a0a53}.mission .container_mission .container_scene{height:300px;width:300px;margin:0 auto;border-radius:10px;position:relative;background-color:#ffbaba;opacity:0;transition:1s}.mission .container_mission .container_scene.anim{animation-name:anim;animation-delay:1s;animation-duration:1s;animation-fill-mode:forwards}.mission .container_mission .container_scene img{position:absolute}@keyframes anim{to{opacity:1}}@keyframes AnimImg{0%{transform:scale(.1)}to{transform:scale(1)}}@keyframes AnimImgFullWidth{0%{transform:scale(.1)}to{transform:scale(1.2)}}@keyframes animText{to{transform:translate(0)}}@media (min-width: 650px){.mission p{font-size:1.2rem}.mission .container_mission .container-animation-text p{text-align:justify;line-height:30px;font-size:1.2rem}}@media (min-width: 1200px){.mission p{margin-bottom:2rem}.mission h2{font-size:2.5rem}.mission .container_mission{max-width:1400px}.mission .container_mission .container-animation-text p{line-height:35px;text-align:justify;margin-top:3rem;font-size:1.5rem}.mission .container_mission .animation{flex-direction:row;gap:5vw;margin-top:5vh;width:90vw}.mission .container_mission .animation .container-animation{width:100%;height:450px;max-width:800px}.mission .container_mission .animation .container-animation .vueImg{animation-name:AnimImgFullWidth}.mission .container_mission .animation .container-animation .belt{width:30%;max-width:200px}.mission .container_mission .animation .container-animation_container-text{font-size:2rem}.mission .container_mission .animation .container-animation_container-text .first{transform:translate(40vw);margin-top:30px}.mission .container_mission .animation .container-animation_container-text .second{transform:translate(-40vw);margin-top:30px}}.robot{background-color:#f4f7fe;padding-bottom:5vh}.robot h2{color:#0a0a53;font-size:3rem}.robot p{color:#6f6c6d;font-size:1.5rem;line-height:30px;margin-top:1rem;margin-bottom:1rem}.robot .container-input-range{font-size:1.5rem;text-align:start;display:flex;gap:2rem}.robot .container-input-range label{width:300px;color:#6f6c6d}.image-container{display:flex;align-items:center;gap:5vw;justify-content:center;width:90vw;margin:0 auto}.image-wrapper{max-width:500px;max-height:500px;width:80vw;height:60vh;background-color:#e6faff;display:flex;justify-content:center;align-items:center;overflow:hidden;background-image:url(/background-robot.jpg);background-repeat:no-repeat;background-size:cover;position:relative;border-radius:20px}.container-image-wrapper{display:flex;justify-content:center;width:50%}.container-input{width:50%;display:flex;flex-direction:column;gap:1rem}.container-input-button{display:flex;gap:2rem;margin-bottom:2rem}.container-input-button button{padding:1rem;border:2px solid white;border-radius:10px;font-size:1.5rem;cursor:pointer;background-color:#ff2d7e;color:#fff;transition:.5s}.container-input-button button:hover{background-color:#fff0;color:#ff2d7e;border:2px solid #ff2d7e}.dynamic-image{transition:all .3s ease;position:absolute;bottom:10px}@media (max-width: 1200px){.robot h2{font-size:2rem}.robot p{font-size:1.2rem}.robot .image-container{gap:2rem;width:90%}}@media (max-width: 1300px){.image-container{flex-direction:column}.container-input{width:90%}.container-image-wrapper{width:100%}}@media (max-width: 650px){.robot h2{font-size:1.8rem}.robot p{font-size:1rem;line-height:20px}.container-input-button{margin-bottom:0rem}.container-input-button button,.container-input-range label{font-size:1rem}}.skills{padding-top:5vh}.skills h2{font-size:3rem;margin-bottom:5vh;text-align:center;color:#0a0a53}.skills .container-skills{display:flex;padding:5%;height:200vh;width:90%;gap:2rem}.skills .container-skills strong{color:#ff2d7e;font-weight:100}.skills .container-skills .left,.skills .container-skills .right{width:90%;display:flex;flex-direction:column}.skills .container-skills .left{padding-bottom:30vh}.skills .container-skills .right{padding-bottom:10vh}.skills .container-skills .text{position:sticky;height:60vh;display:flex;flex-direction:column;justify-content:center;max-width:700px;gap:1rem;top:150px;background-color:#fff;line-height:40px;text-align:justify}.skills .container-skills .text a{padding:1rem;background-color:#ff2d7e;border:3px solid #ff2d7e;color:#fff;width:50%;text-decoration:none;text-align:center;border-radius:10px;margin-top:1rem;font-size:1.2rem;transition:.5s}.skills .container-skills .text a:hover{background-color:#20202000;color:#000;color:#ff2d7e}.skills .container-skills .text h3{font-size:3rem;color:#0a0a53}.skills .container-skills .text p{font-size:1.5rem;color:#6f6c6d}.skills .container-skills .t1{top:250px;justify-content:flex-start}.skills .container-skills .container-img{width:700px;height:500px;background-color:#f9e7e3;position:sticky;top:250px;border-radius:10px;transition:1s;overflow:hidden}.skills .container-skills .container-img .front-img{position:absolute;z-index:2;top:10px;width:60px;transition:1s}.skills .container-skills .container-img .front-img:nth-child(1){transform:translate(50px,150px)}.skills .container-skills .container-img .front-img:nth-child(2){transform:translate(150px,100px)}.skills .container-skills .container-img .front-img:nth-child(3){transform:translate(250px,50px);background-color:#ffffff85}.skills .container-skills .container-img .front-img:nth-child(4){transform:translate(550px,150px)}.skills .container-skills .container-img .front-img:nth-child(5){transform:translate(600px,100px)}.skills .container-skills .container-img .front-img:nth-child(6){transform:translate(500px,50px)}.skills .container-skills .container-img .resizing{opacity:0;transition:1s}.skills .container-skills .container-img .back-img{position:absolute;z-index:2;bottom:10px;width:60px;transition:1.5s;opacity:0}.skills .container-skills .container-img .back-img:nth-child(1){transform:translate(50px,-150px)}.skills .container-skills .container-img .back-img:nth-child(2){transform:translate(150px,-100px)}.skills .container-skills .container-img .back-img:nth-child(3){transform:translate(250px,-50px)}.skills .container-skills .container-img .back-img:nth-child(4){transform:translate(550px,-150px)}.skills .container-skills .container-img .back-img:nth-child(5){transform:translate(600px,-100px)}.skills .container-skills .container-img .back-img:nth-child(6){transform:translate(500px,-50px)}.skills .container-skills .container-img .other-img{position:absolute;z-index:2;bottom:10px;width:60px;transition:1.5s;opacity:0}.skills .container-skills .container-img .other-img:nth-child(1){transform:translate(200px,-200px)}.skills .container-skills .container-img .other-img:nth-child(2){transform:translate(320px,-200px)}.skills .container-skills .container-img .other-img:nth-child(3){transform:translate(450px,-200px)}.skills .container-skills .container-img .apparition{opacity:1}.skills .container-skills .container-img .iceberg{width:100%;transform:scale(2);transform-origin:top center;transition:1s}.skills .container-skills .container-img .fullsize{transform:scale(1)}.skills .container-skills .container-img .back-end{transform:scale(1.5);transform-origin:bottom center}.skills .container-skills .color_anim1{opacity:.6}.skills .container-skills .color_anim2{background-color:#e2d3fa}@media (max-width: 1420px){.skills .container-skills .text h3{font-size:2rem}.skills .container-skills .text a{width:80%}}@media (max-width: 1230px){.skills .container-skills .text{height:60vh}.skills .container-skills .text p{font-size:1.2rem;line-height:30px}.skills .container-skills .container-img{width:500px;height:400px}.skills .container-skills .container-img .front-img,.skills .container-skills .container-img .back-img,.skills .container-skills .container-img .other-img{width:40px}.skills .container-skills .container-img .front-img:nth-child(1){transform:translate(50px,100px)}.skills .container-skills .container-img .front-img:nth-child(2){transform:translate(120px,100px)}.skills .container-skills .container-img .front-img:nth-child(3){transform:translate(200px,50px)}.skills .container-skills .container-img .front-img:nth-child(4){transform:translate(400px,100px)}.skills .container-skills .container-img .front-img:nth-child(5){transform:translate(440px,50px)}.skills .container-skills .container-img .front-img:nth-child(6){transform:translate(380px,30px)}.skills .container-skills .container-img .back-img:nth-child(1){transform:translate(50px,-100px)}.skills .container-skills .container-img .back-img:nth-child(2){transform:translate(120px,-100px)}.skills .container-skills .container-img .back-img:nth-child(3){transform:translate(200px,-50px)}.skills .container-skills .container-img .back-img:nth-child(4){transform:translate(300px,-100px)}.skills .container-skills .container-img .back-img:nth-child(5){transform:translate(430px,-50px)}.skills .container-skills .container-img .back-img:nth-child(6){transform:translate(380px,-30px)}}@media (max-width: 1000px){.skills{width:100%}.skills h2{width:100%;font-size:2rem}.skills .container-skills{flex-direction:column;align-items:center;width:100%;padding:0;height:auto;margin-top:10vh}.skills .container-skills .left{width:90%}.skills .container-skills .left .text{max-width:900px;height:50vh;padding-bottom:0vh}.skills .container-skills .left .text h3{font-size:1.5rem}.skills .container-skills .right{position:block;top:0;padding-bottom:0vh;margin-top:-35vh;margin-bottom:10vh}.skills .container-skills .right .container-img{width:100%;max-width:600px;margin:0 auto}.skills .container-skills .right .container-img .back-img{opacity:1}.skills .container-skills .right .iceberg{width:100%;height:100%}}@media (max-width: 580px){.skills .container-skills .left .text{height:65vh}.skills .container-skills .container-img .front-img{width:35px}.skills .container-skills .container-img .front-img:nth-child(1){transform:translate(50px,20px)}.skills .container-skills .container-img .front-img:nth-child(2){transform:translate(100px,60px)}.skills .container-skills .container-img .front-img:nth-child(3){transform:translate(180px,50px)}.skills .container-skills .container-img .front-img:nth-child(4){transform:translate(230px,20px)}.skills .container-skills .container-img .front-img:nth-child(5){transform:translate(280px,80px)}.skills .container-skills .container-img .front-img:nth-child(6){transform:translate(290px,30px)}.skills .container-skills .container-img .back-img{width:35px}.skills .container-skills .container-img .back-img:nth-child(1){transform:translate(50px,-20px)}.skills .container-skills .container-img .back-img:nth-child(2){transform:translate(100px,-60px)}.skills .container-skills .container-img .back-img:nth-child(3){transform:translate(180px,-50px)}.skills .container-skills .container-img .back-img:nth-child(4){transform:translate(230px,-20px)}.skills .container-skills .container-img .back-img:nth-child(5){transform:translate(280px,-80px)}.skills .container-skills .container-img .back-img:nth-child(6){transform:translate(290px,-30px)}.skills .container-skills .container-img .other-img{width:35px}.skills .container-skills .container-img .other-img:nth-child(1){transform:translate(75px,-200px)}.skills .container-skills .container-img .other-img:nth-child(2){transform:translate(175px,-200px)}.skills .container-skills .container-img .other-img:nth-child(3){transform:translate(300px,-200px)}}.why-me{display:flex;flex-direction:column;gap:2rem;background-color:#f4f7fe;padding:1rem;align-items:center}.why-me .container-text{display:flex;flex-direction:column;gap:1rem;width:80%;max-width:600px;text-align:center;margin-top:5vh;overflow:hidden}.why-me .container-text h2{color:#0a0a53}.why-me .container-text p{color:#6f6c6d}.why-me .why-me-container{display:flex;flex-direction:column;gap:1rem;overflow:hidden}.why-me .why-me-item{flex:1 1 calc(33.33% - 20px);padding:4rem;background-color:#fff;border-radius:8px;text-align:center;max-width:400px;border:3px solid white;opacity:0;transition:opacity 1s ease-in-out,transform 1s ease-in-out;line-height:25px}.why-me .item-0,.why-me .item-2{transform:translateY(-550px)}.why-me .item-1{transform:translateY(550px)}.why-me .item-animation{transform:translateY(0);opacity:1}.why-me .why-me-item img{max-width:100%;height:auto;margin-bottom:15px}.why-me .why-me-item h3{margin-bottom:20px;font-size:1.5em}.why-me .why-me-item p{font-size:1em;color:#6f6c6d}@media (min-width: 700px){.why-me .container-text h2{font-size:2rem}}@media (min-width: 1000px){.why-me .container-text{max-width:none}.why-me .container-text h2{font-size:3rem}.why-me .container-text p{font-size:1.5rem}.why-me .why-me-container{flex-direction:row;padding-bottom:10vh}.why-me .why-me-container .why-me-item:hover{border:3px solid #ff2d7e}}.stacks{background-color:#061238;color:#fff;padding:1rem;display:flex;flex-direction:row;overflow:hidden;overflow-x:scroll;align-items:center;height:30vh}.stacks .stack-item{margin:.5rem 0;padding:.5rem}.stacks img{width:80px;min-width:80px}@media (min-width: 1120px){.stacks{overflow:none;justify-content:space-around;height:40vh}}