*{box-sizing:border-box;margin:0;padding:0;font-family:PT Sans,sans-serif}body{-webkit-font-smoothing:antialiased;position:relative}html,body{max-width:100%;overflow-x:hidden}:root{--background-primary-color: #242424;--background-secondary-color: #474747;--background-tertiary-color: #b1b1b1;--background-forth-color: #121212;--color-on-primary: #fff;--color-on-secondary: #fff;--color-on-tertiary: #242424;--cyan-color: #00b1ff;--dark-cyan-color: #006fba}body.dark{--background-primary-color: #282323;--background-secondary-color: #202020;--background-tertiary-color: #242424;--color-on-primary: #fff;--color-on-secondary: #fff;--color-on-tertiary: #fff}.btn{padding:8px 20px;border-radius:2px;outline:none;border:none;cursor:pointer;text-decoration:none;color:var(--color-on-primary)}.btn:before,.btn:after{position:absolute;top:0;left:0;width:100%;height:100%}.btn--medium{padding:8px 20px;font-size:20px}.btn--large{padding:12px 26px;font-size:20px}.home,.services,.products,.sign-up{display:flex;height:90vh;align-items:center;justify-content:center;font-size:3rem}h1{text-align:center;color:var(--tertiary-color);font-size:2.5rem;z-index:2;position:relative}p,h1{transition:color .35s ease-in-out}div{transition:background-color .35s ease-in-out}.slide_in_on_scroll{z-index:11}.c-glitch,.c-glitch_img{background-repeat:no-repeat;background-position:50% 50%;background-size:cover}.c-glitch{margin:0 auto;overflow:hidden;position:relative}.c-glitch_img{background-blend-mode:none;background-color:transparent;left:0;pointer-events:none;position:absolute;top:0;transform:translateZ(0)}.c-glitch:hover .c-glitch_img:nth-child(n+2){animation-duration:2s;animation-delay:0;animation-timing-function:linear;animation-iteration-count:infinite;animation-fill-mode:forwards}.c-glitch:hover .c-glitch_img:nth-child(2){animation-name:glitch-anim-1}.c-glitch:hover .c-glitch_img:nth-child(3){animation-name:glitch-anim-2}.c-glitch:hover .c-glitch_img:nth-child(4){animation-name:glitch-anim-3}.c-glitch:hover .c-glitch_img:nth-child(5){animation-name:glitch-anim-4;background-blend-mode:overlay;background-color:#af4949}.c-glitch_img:nth-child(n+2){opacity:0}@keyframes glitch-anim-1{0%,to{opacity:1;transform:translate3d(40px,0,0) scale3d(-1,-1,1);clip-path:polygon(0 2%,100% 2%,100% 5%,0 5%)}20%{clip-path:polygon(0 15%,100% 15%,100% 15%,0 15%)}30%{clip-path:polygon(0 10%,100% 10%,100% 20%,0 20%)}40%{clip-path:polygon(0 1%,100% 1%,100% 2%,0 2%)}50%{clip-path:polygon(0 33%,100% 33%,100% 33%,0 33%)}55%{clip-path:polygon(0 44%,100% 44%,100% 44%,0 44%)}60%{clip-path:polygon(0 50%,100% 50%,100% 20%,0 20%)}65%{clip-path:polygon(0 70%,100% 70%,100% 70%,0 70%)}70%{clip-path:polygon(0 80%,100% 80%,100% 80%,0 80%)}80%{clip-path:polygon(0 50%,100% 50%,100% 55%,0 55%)}85%{clip-path:polygon(0 60%,100% 60%,100% 65%,0 65%)}95%{clip-path:polygon(0 72%,100% 72%,100% 78%,0 78%)}}@keyframes glitch-anim-2{0%,to{opacity:1;transform:translate3d(-10px,0,0);clip-path:polygon(0 25%,100% 25%,100% 30%,0 30%)}10%{clip-path:polygon(0 3%,100% 3%,100% 3%,0 3%)}15%{clip-path:polygon(0 5%,100% 5%,100% 20%,0 20%)}17%{clip-path:polygon(0 20%,100% 20%,100% 20%,0 20%)}19%{clip-path:polygon(0 40%,100% 40%,100% 40%,0 40%)}33%{clip-path:polygon(0 52%,100% 52%,100% 59%,0 59%)}35%{clip-path:polygon(0 60%,100% 60%,100% 60%,0 60%)}40%{clip-path:polygon(0 75%,100% 75%,100% 75%,0 75%)}45%{clip-path:polygon(0 65%,100% 65%,100% 40%,0 40%)}49%{clip-path:polygon(0 45%,100% 45%,100% 50%,0 50%)}50%{clip-path:polygon(0 14%,100% 14%,100% 33%,0 33%)}55%{clip-path:polygon(0 15%,100% 15%,100% 35%,0 35%)}60%{clip-path:polygon(0 15%,100% 15%,100% 15%,0 15%)}70%{clip-path:polygon(0 65%,100% 65%,100% 60%,0 60%)}80%{clip-path:polygon(0 80%,100% 80%,100% 85%,0 85%)}90%{clip-path:polygon(0 55%,100% 55%,100% 65%,0 65%)}}@keyframes glitch-anim-3{0%,to{opacity:1;transform:translate3d(0,-5px,0) scale3d(-1,-1,1);clip-path:polygon(0 1%,100% 1%,100% 3%,0 3%)}5%{clip-path:polygon(0 10%,100% 10%,100% 9%,0 9%)}11%{clip-path:polygon(0 5%,100% 5%,100% 6%,0 6%)}20%{clip-path:polygon(0 20%,100% 20%,100% 20%,0 20%)}25%{clip-path:polygon(0 10%,100% 10%,100% 10%,0 10%)}35%{clip-path:polygon(0 30%,100% 30%,100% 25%,0 25%)}42%{clip-path:polygon(0 15%,100% 15%,100% 16%,0 16%)}48%{clip-path:polygon(0 40%,100% 40%,100% 39%,0 39%)}50%{clip-path:polygon(0 20%,100% 20%,100% 21%,0 21%)}56%{clip-path:polygon(0 60%,100% 60%,100% 55%,0 55%)}61%{clip-path:polygon(0 30%,100% 30%,100% 31%,0 31%)}68%{clip-path:polygon(0 70%,100% 70%,100% 69%,0 69%)}72%{clip-path:polygon(0 40%,100% 40%,100% 41%,0 41%)}77%{clip-path:polygon(0 80%,100% 80%,100% 75%,0 75%)}81%{clip-path:polygon(0 50%,100% 50%,100% 51%,0 51%)}86%{clip-path:polygon(0 90%,100% 90%,100% 90%,0 90%)}90%{clip-path:polygon(0 60%,100% 60%,100% 60%,0 60%)}92%{clip-path:polygon(0 100%,100% 100%,100% 99%,0 99%)}94%{clip-path:polygon(0 70%,100% 70%,100% 71%,0 71%)}}@keyframes glitch-anim-4{0%,5%{opacity:.2;transform:translate3d(10px,5px,0)}5.5%,to{opacity:0;transform:translateZ(0)}}.navbar{background:linear-gradient(90deg,#1c1b1b80,#1a171780);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);height:60px;display:flex;justify-content:center;align-items:center;font-size:1.2rem;position:fixed;top:0;z-index:999;width:100%;transition:top .3s}.navbar.hidden{top:-60px}body.dark .navbar{border-bottom:1px solid var(--color-on-primary)}.logo_home_img{width:45px;height:45px;margin-bottom:4px}.logo_englobe:hover .logo_home_img{animation:gelatine .8s infinite}@keyframes gelatine{0%,to{transform:scale(1)}20%{transform:scale(.9,1.1)}40%{transform:scale(1.1,.9)}60%{transform:scale(.95,1.05)}80%{transform:scale(1)}}.navbar-logo>i{padding-left:10px}#nav-icon{width:50px;height:30px;margin-top:1rem;margin-right:1.4rem;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out}#nav-icon span{display:block;position:absolute;height:6px;width:51%;background:var(--color-on-primary);opacity:1;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out}#nav-icon span:nth-child(2n){left:50%;border-radius:0 9px 9px 0}#nav-icon span:nth-child(odd){left:0;border-radius:9px 0 0 9px}#nav-icon span:nth-child(1),#nav-icon span:nth-child(2){top:0}#nav-icon span:nth-child(3),#nav-icon span:nth-child(4){top:14px}#nav-icon span:nth-child(5),#nav-icon span:nth-child(6){top:28px}#nav-icon.open span:nth-child(1),#nav-icon.open span:nth-child(6){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}#nav-icon.open span:nth-child(2),#nav-icon.open span:nth-child(5){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}#nav-icon.open span:nth-child(1){left:5px;top:7px}#nav-icon.open span:nth-child(2){left:calc(50% - 5px);top:7px}#nav-icon.open span:nth-child(3){left:-50%;opacity:0}#nav-icon.open span:nth-child(4){left:100%;opacity:0}#nav-icon.open span:nth-child(5){left:5px;top:22px}#nav-icon.open span:nth-child(6){left:calc(50% - 5px);top:22px}.navbar-container{display:flex;justify-content:center;align-items:center;height:60px;max-width:1120px}.nav-menu{display:grid;grid-template-columns:repeat(5,auto);list-style:none;text-align:center;width:60vw;justify-content:end;margin-right:2rem}.nav-links{color:var(--color-on-primary);display:flex;align-items:center;text-decoration:none;padding:.5rem 1rem;height:100%;border-bottom:0px solid var(--color-on-primary);transition:all .2s ease-out}.fa-bars{color:var(--color-on-primary)}.nav-links-mobile,.menu-icon{display:none}.utility_container{position:absolute;top:calc(60px + 1rem);right:-18rem;width:20rem;height:4.5rem;border-radius:2.25rem;border:1px solid rgb(26,23,23);background-color:#1a1717;color:var(--color-on-primary);display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:left;align-items:center;align-content:center;transition:all .3s ease-out}.utility_container i{padding:1rem .5rem;cursor:pointer;transition:all .3s ease-out}@media screen and (min-width: 960px){.utility_container:hover{right:-6rem;transition:all .2s ease-out}.utility_container:hover i{transform:rotate(180deg);transition:all .2s ease-out}}@media screen and (max-width: 960px){.utility_container.clicked:hover{right:-6rem;transition:all .2s ease-out}.utility_container.clicked:hover i{transform:rotate(180deg);transition:all .2s ease-out}}body.dark .utility_container{border:1px solid #fff}.contact-button{text-decoration:none;color:var(--color-on-tertiary);padding:8px 20px;border-radius:15px;background:var(--background-tertiary-color);transition:.3s}.contact-button:hover{box-shadow:5px 5px var(--color-on-secondary);transition:.3s}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-5px)}}@media (min-width: 961px){.nav-item{height:60px}.nav-links:hover{border-bottom:4px solid var(--color-on-primary);transition:all .2s ease-out}}@media screen and (max-width: 960px){.navbar .btn-mobile{display:none}.logo_englobe{margin-top:.4rem;margin-left:1rem;position:absolute;display:block}.NavbarItems{position:relative}.nav-menu{display:flex;flex-direction:column;justify-content:flex-start;width:100%;height:100vh;position:absolute;top:60px;left:-100%;opacity:1;transition:all .5s ease}.nav-menu.active{background:#242222;left:0;opacity:1;transition:all .5s ease;z-index:1}.nav-links{text-align:center;padding:2rem;width:100%;display:table}.nav-links:hover{background-color:var(--color-on-primary);color:#242424;border-radius:0}.navbar-logo{position:absolute;top:0;left:0;transform:translate(25%,50%)}.menu-icon{display:block;position:absolute;top:0;right:0;transform:translate(-100%,60%);font-size:1.8rem;cursor:pointer}.fa-times{color:var(--color-on-primary);font-size:2rem}.nav-links-mobile{display:block;text-align:center;margin:2rem auto;border-radius:4px;width:80%;text-decoration:none;font-size:1.5rem;background-color:transparent;color:var(--color-on-primary);padding:14px 20px;border:1px solid var(--color-on-primary);transition:all .3s ease-out}.nav-links-mobile:hover{background:var(--background-tertiary-color);color:var(--color-on-tertiary);transition:.25s}}.dark-mode-toggle{background:url(/images/toggle-dark-mode.jpg) right center/cover no-repeat;width:3.5rem;height:3.5rem;border-radius:50%;border:2px solid var(--background-primary-color);text-align:center;font-size:18px;top:50px;cursor:pointer;box-shadow:none!important;transition:all ease-in-out .3s}body.dark .dark-mode-toggle{background:url(/images/toggle-dark-mode.jpg) left center/cover no-repeat}.dark-mode-toggle.light{transition:all ease-in-out .3s;border-color:var(--color-on-primary)}.language_selector{border-radius:6px;margin-right:1rem}.language_selector img{width:2rem;height:2rem}.language_selector_dropdown{width:6rem;border-radius:6px}.country_option{display:block;width:6rem}.dropdown_selector_language{display:block;width:1rem;height:1rem}.footer{background-color:#202020;padding:2rem;text-align:center;display:flex;align-items:center;flex-direction:column}.footer_section{display:flex;justify-content:space-between;width:100%;padding:2rem 6rem;max-width:1120px}.footer_link{color:#add8e6;text-decoration:none;text-align:center;background:linear-gradient(0deg,var(--background-tertiary-color),var(--background-tertiary-color)) no-repeat right bottom / 0 var(--bg-h);transition:background-size .35s,color .35s ease-in-out;--bg-h: 100%;z-index:3}.footer p{z-index:3;color:var(--color-on-secondary)}.footer_link:where(:hover,:focus-visible){background-size:100% var(--bg-h);background-position-x:left;color:var(--color-on-tertiary)}@media only screen and (max-width: 1024px){.footer_section{flex-direction:column;padding:0rem 2rem}.footer_link{margin-bottom:1rem}}video{width:100%;height:100%;object-fit:cover;position:fixed;z-index:-1}.link_about{color:var(--color-on-tertiary);text-decoration:none;background:linear-gradient(0deg,var(--background-tertiary-color),var(--background-tertiary-color)) no-repeat right bottom / 0 var(--bg-h);transition:background-size .35s,color .35s ease-in-out;--bg-h: 100%}body.dark .link_about{color:#add8e6}.link_about:where(:hover,:focus-visible){background-size:100% var(--bg-h);background-position-x:left;color:var(--color-on-tertiary)}.single_line_text{display:inline}.hero-container{background:var(--background-tertiary-color);width:100%;display:flex;flex-direction:column;align-items:center;object-fit:cover;padding:0 4rem 8rem}body.dark .hero-container{box-shadow:inset 0 0 0 1000px #000000b3}.about_container{margin-top:8rem;padding:2rem 1rem;width:90%;max-width:1120px;display:flex;flex-direction:row;align-items:center;border-radius:20px;z-index:3;width:100%}body.dark .about_container{width:100%}.about_img_container{height:80%;display:flex;align-items:center;justify-content:center}.me_englobe{margin-left:1.5rem;margin-right:1.5rem;background:url(/images/charly_22.3.jpg) center center/cover no-repeat}.me_img{width:14rem;height:14rem;display:block;border-radius:50%;box-shadow:0 6px 20px #929292f2;transition:all .3s}.about_text{width:fit-content}.hero-container h1,p,h2{color:var(--color-on-tertiary)}.hero-container h1{font-size:3rem;text-align:left;padding-bottom:0}.hero-container h2{font-size:1.8rem;padding-bottom:.5rem;text-align:left}.hero-container p{font-size:1.2rem;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;line-height:1.4rem}.hero-container p.warning{color:#dc143c;font-weight:bolder;text-shadow:0 0 10px crimson}.hero-btns{margin-top:1rem;display:flex;flex-direction:row}.hero-btns .btn{display:flex;flex-direction:column;align-items:center;flex-grow:0;background-color:var(--background-secondary-color);margin-right:1rem;border-radius:8px;height:2.1rem;overflow:hidden;border:1rem solid var(--background-secondary-color)}.hero-btns .btn span{margin-top:-1rem;transition:all .3s;margin-bottom:.5rem}.hero-btns .btn:hover span{margin-top:-3.1rem;transition:all .3s}.hero-btns .btn img{width:2rem;height:2rem;margin-right:.5rem}.fa-solid{margin-left:.5rem}@media screen and (min-width: 1400px){.about_container{padding:2.5rem 1rem}.me_img{width:17rem;height:17rem}}@media screen and (max-width: 960px){.me_img{width:13rem;height:13rem}.me_englobe{margin-bottom:3rem}.hero-container{padding:0 4rem 4rem}.btn{border-radius:6px}.hero-container h2{text-align:center;font-size:1.7rem}.hero-container h1{margin-top:0;font-size:2.2rem;text-align:center}.hero-container p{text-align:center;font-size:1.3rem}.btn-mobile{display:flex;text-decoration:none;justify-content:center;align-items:center}.btn{width:95%;margin:0;margin-top:.5rem}.about_container{flex-direction:column;justify-content:center;text-align:center}.about_img_container{height:25%}.inv-mobile{display:none}}@media screen and (max-width: 750px){.hero-container{padding:0 2rem 4rem}}@media screen and (max-width: 550px){.hero-container h1{font-size:2rem}.hero-container h2{font-size:1.5rem}.hero-container p{font-size:1.2rem}.me_img{width:9rem;height:9rem}.me_englobe{margin-bottom:0}}.projects{padding:4rem 4rem 2rem;padding-top:0;background:var(--background-secondary-color)}.projects_container{display:flex;flex-flow:column;align-items:center;max-width:1120px;width:90%;margin:0 auto}.projects_wrapper{position:relative;margin:50px 0 45px;width:100%}.projects_items{margin-bottom:24px}.projects_item{position:relative;display:flex;margin:1rem;border-radius:10px;z-index:3;background-color:var(--background-secondary-color)}.projects_item_container{display:flex;flex-flow:column;width:100%;box-shadow:0 6px 20px #0000002b;border-radius:10px;overflow:hidden;text-decoration:none}body.dark .projects_item_container{box-shadow:0 6px 20px #ffffff26}.projects_item_pic-wrap{position:relative;width:100%;overflow:hidden}.projects h1{padding-top:0;color:var(--color-on-secondary)}.projects_item_pic-wrap:after{content:attr(data-category);position:absolute;bottom:0;margin-left:10px;padding:6px 8px;max-width:calc(100% - 60px);font-size:12px;font-weight:700;color:var(--color-on-primary);background-color:var(--background-primary-color);box-sizing:border-box}.projects_item_img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;max-width:100%;height:100%;max-height:100%;object-fit:cover;transition:all .2s linear}.projects_item_info{padding:20px 30px 30px;display:flex;flex-flow:row wrap;align-content:center;z-index:3}.projects_item_text,.language_item_link{color:var(--color-on-secondary);font-size:18px;line-height:24px}.language_item_link{color:var(--cyan-color);text-decoration:none;transition:all .3s ease-in-out;margin-right:1rem}.projects_btns{display:flex;flex-flow:row wrap;align-content:center;margin-top:1rem;justify-content:center}.btn_prj{font-size:18px;background-color:transparent;color:var(--color-on-secondary);position:relative;padding:.5rem 1rem;border:2px solid var(--color-on-secondary);border-radius:5px;cursor:pointer;transition:all .3s ease-in-out;z-index:3;margin:.5rem 1rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.btn_prj.active{background-color:var(--color-on-secondary);color:var(--background-secondary-color)}.btn_prj:hover{transition:all .3s ease-in-out}.language_item_link:hover{color:var(--dark-cyan-color);transition:all .3s ease-in-out}@media only screen and (min-width: 1200px){.content_blog_container{width:84%}}@media only screen and (min-width: 1400px){.projects_items{display:flex;flex-flow:row nowrap}}@media only screen and (max-width: 1024px){.projects_item{margin-bottom:2rem}.projects{padding:1rem}}.bar_projects{height:8vw;width:100%;margin:-4vw 0px;transform:rotate(-4deg) scaleX(1.2);background-color:var(--background-secondary-color);z-index:1}.image_slider{position:relative;height:27rem;display:block;background-size:cover;background-position:center}.slides_container{transition:all .5s ease-in-out;display:flex;flex-flow:row nowrap;align-items:center;align-content:center}.slider_arrow.right_arrow{right:25px}.slider_arrow{position:absolute;color:var(--color-on-primary);top:calc(50% - 1.5rem);text-shadow:0 0 14px rgb(0 0 0);cursor:pointer;transition:all .2s ease-in-out;z-index:100;font-size:3rem}.slider_arrow.left_arrow{left:25px}.slider_arrow:hover{font-size:3.5rem;text-shadow:0 0 16px 10px rgb(0 0 0 .5);top:calc(50% - 1.75rem);transition:all .2s ease-in-out}.slider_dots{position:absolute;bottom:15px;left:50%;transform:translate(-50%);display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;z-index:100}.slider_dot{width:15px;height:15px;border-radius:50%;background-color:var(--color-on-primary);box-shadow:0 0 6px 1px #00000094;margin:0 5px;cursor:pointer;transition:all .2s ease-in-out}.slider_dot:hover{width:18px;height:18px;transition:all .2s ease-in-out}.slider_dot.active_dot{width:22px;height:22px;transition:all .2s ease-in-out}@media only screen and (max-width: 900px){.image_slider{height:25rem}}@media only screen and (max-width: 700px){.image_slider{height:20rem}}@media only screen and (max-width: 600px){.image_slider{height:16rem}}@media only screen and (max-width: 500px){.image_slider{height:15rem}}@media only screen and (max-width: 400px){.image_slider{height:10rem}}@media only screen and (min-width: 1400px){ul:nth-child(1) .image_slider{height:20rem}ul:nth-child(2) .image_slider{height:15rem}ul:nth-child(1) .image_slider_container{width:520px;height:20rem}ul:nth-child(2) .image_slider_container{width:calc((1120px / 3) - 40px * 2);height:15rem}ul:nth-child(3) .image_slider_container{width:240px;height:15rem}}.career{background-color:var(--background-tertiary-color);display:flex;flex-direction:column;align-items:center;position:relative}.career .old_career{display:none}.career.show_old .old_career{display:inherit}.career h1{font-size:2.5rem;color:var(--color-on-tertiary);margin-bottom:2rem}.bar_career{height:8vw;width:100%;margin:-4vw 0px;transform:rotate(-4deg) scaleX(1.2);background-color:var(--background-tertiary-color)}.career{--space-between-career: -2rem;--number-of-children: 10}.career .light{box-shadow:0 0 20px 10px #0000004d;z-index:0}.middle_bar_arrow.light{box-shadow:0 0 20px 10px #00000040}body.dark .light{box-shadow:0 0 20px 10px #fff3}body.dark .middle_bar_arrow.light{box-shadow:0 0 20px 10px #ffffff26}.middle_bar_arrow{margin-top:10rem;left:calc(50% - 1rem);width:2rem;height:var(--len-arrow);background-color:var(--background-secondary-color);position:absolute;z-index:10}.right_side_arrow{margin-top:5.5rem;left:calc(50% + 6.2rem);width:2rem;height:11rem;background-color:var(--background-secondary-color);position:absolute;transform:rotate(-45deg);transform-origin:bottom center;z-index:10}.left_side_arrow{margin-top:5.5rem;left:calc(50% - 7.95rem);width:2rem;height:11rem;background-color:var(--background-secondary-color);position:absolute;transform:rotate(45deg);transform-origin:bottom center;z-index:10}.start_round_arrow{margin-top:calc(var(--len-arrow) + 7rem);left:calc(50% - 2rem);width:4rem;aspect-ratio:1;background-color:var(--background-secondary-color);position:absolute;border-radius:50%;z-index:3}@media screen and (max-width: 960px){.career_container{margin-bottom:4rem!important}.middle_bar_arrow{width:3rem;left:-1.5rem}.right_side_arrow{width:2rem;left:4rem;height:8rem}.left_side_arrow{left:-100%}.start_round_arrow{left:-2rem;width:4rem}}@media screen and (max-width: 550px){.start_round_arrow,.left_side_arrow,.right_side_arrow,.middle_bar_arrow{display:none}}.career_container{width:100%;padding:4rem 4rem 4rem 6rem;padding-bottom:0;margin-bottom:calc(15rem + (var(--space-between-career) * var(--number-of-children)));display:flex;flex-flow:column;max-width:1120px;font-size:17px}.career_item{width:21rem;border-radius:10px;background-color:var(--background-secondary-color);box-shadow:0 0 20px 10px #00000040;color:var(--tertiary-color);z-index:3}body.dark .career_item{box-shadow:0 0 20px 10px #f5f5f526}.career_container .img_container{float:left;position:relative;left:-2rem;top:-2rem;max-width:16rem;max-height:12rem;overflow:visible}.career_container .img_container img{border-radius:10px;max-width:16rem;max-height:12rem;box-shadow:0 0 20px 10px #0003;top:0;left:0;position:relative;transition:all .5s ease-in-out}@media screen and (min-width: 960px){.career_container .career_item:hover img{top:-2rem;left:-2rem;transform:scale(1.13);box-shadow:2rem 2rem 20px 10px #0000004d;transition:all .5s ease-in-out}}@media screen and (max-width: 960px){.career_container .career_item.clicked:hover img{top:-2rem;left:-2rem;transform:scale(1.13);box-shadow:2rem 2rem 20px 10px #0000004d;transition:all .5s ease-in-out}.career_container{padding-bottom:4rem}}.career_text{padding-top:2rem;padding-left:2rem}.career_caption{color:var(--color-on-secondary);left:-1rem;top:-1rem;position:relative}.career_date{width:100%;text-align:right;padding-top:.5rem}.career_wrapper{width:100%;display:flex;position:relative}.wrapper_career_right{flex-direction:row-reverse}.wrapper_career_left{flex-direction:row}.career_wrapper:nth-child(2){top:var(--space-between-career)}.career_wrapper:nth-child(3){top:calc(var(--space-between-career) * 2)}.career_wrapper:nth-child(4){top:calc(var(--space-between-career) * 3)}.career_wrapper:nth-child(5){top:calc(var(--space-between-career) * 4)}.career_wrapper:nth-child(6){top:calc(var(--space-between-career) * 5)}.career_wrapper:nth-child(7){top:calc(var(--space-between-career) * 6)}.career_wrapper:nth-child(8){top:calc(var(--space-between-career) * 7)}.career_wrapper:nth-child(9){top:calc(var(--space-between-career) * 8)}.career_wrapper:nth-child(10){top:calc(var(--space-between-career) * 9)}@media screen and (max-width: 960px){.career_wrapper{top:0!important;margin-top:3rem;flex-direction:column;align-items:center}}@media screen and (max-width: 550px){.career_item{width:auto}.career_container{padding:2rem 2rem 6rem 4rem}}@media screen and (max-width: 420px){.career_item{display:flex;flex-direction:column}.career_text{padding-top:0}}.show_more_career{height:10rem;z-index:21;position:absolute;bottom:-3.5rem;left:calc(50% - 6rem);transform:rotate(-4deg)}.show_more_career_text{font-size:18px;background-color:transparent;color:var(--color-on-secondary);position:relative;padding:.5rem 1rem;border:2px solid var(--color-on-secondary);border-radius:5px;cursor:pointer;transition:all .3s ease-in-out;z-index:3;margin:.5rem 1rem;text-align:center;width:12rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.show_more_career_text:hover,.show_more_career_text.active{background-color:var(--color-on-secondary);color:var(--background-secondary-color)}.career_wrapper.old{display:none}@media screen and (max-width: 960px){.show_more_career{transform:rotate(0)}}.skills h1{font-size:2.5rem;color:var(--color-on-secondary);margin-bottom:2rem}.skills{background:var(--background-secondary-color);display:flex;flex-direction:column;align-items:center}.skills_container{max-width:1120px;color:var(--color-on-secondary);padding:2rem}.bar_skills{height:8vw;width:100%;margin:-4vw 0px;transform:rotate(-4deg) scaleX(1.2);background-color:var(--background-secondary-color)}@media screen and (min-width: 960px){.bar_skills{border-top:1px solid var(--color-on-secondary)}}.skill_img{display:block;width:100%;max-width:60%;height:100%;max-height:60%}.skill .img_container{width:6rem;height:6rem;box-shadow:0 6px 20px #0000002b;border-radius:10px;overflow:hidden;text-decoration:none;margin:0 2rem;display:flex;align-items:center;justify-content:center;transform:rotate(-30deg) skew(25deg) scale(.8);transition:.5s;overflow:visible;background-color:var(--background-secondary-color)}body.dark .skill .img_container{box-shadow:0 6px 20px #ffffff26}.skill{color:var(--tertiary-color);display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 2rem;text-align:center;z-index:3}.skill .img_container img{position:absolute;width:100%;transition:.5s}.skill .img_container img:nth-child(1){filter:blur(10px) brightness(.5);opacity:.8;box-shadow:0 0 4px 2px #000c;transition:all .5s ease-in-out}.skill .img_container:hover img:nth-child(5){transform:translate(80px,-80px);opacity:1}.skill .img_container:hover img:nth-child(4){transform:translate(60px,-60px);opacity:.8}.skill .img_container:hover img:nth-child(3){transform:translate(40px,-40px);opacity:.6}.skill .img_container:hover img:nth-child(2){transform:translate(20px,-20px);opacity:.4}@media screen and (max-width: 960px){.skill{margin:0}.skill .img_container{margin:0 1rem}}.tabs{z-index:4;position:relative;border:var(--color-on-secondary) solid 1px;border-radius:10px;max-width:100%;margin-bottom:4rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow:hidden}.tabs .tab-list{display:flex;flex-flow:row;justify-content:center;flex-wrap:wrap;padding:0;margin:0;list-style:none;border-bottom:var(--color-on-secondary) solid 1px}.tab-list-item{display:inline-block;list-style:none;margin-bottom:-1px;padding:.5rem .75rem;cursor:pointer;border:rgba(0,0,0,0) 1px solid;transition:all .5s ease;flex:1;text-align:center;flex-grow:1;flex-basis:0}.tab-list-active,.tab-list-item:hover{background-color:var(--background-primary-color);color:var(--color-on-primary);transition:all .5s ease}.dark .tab-list-active,.dark .tab-list-item:hover{border:var(--color-on-primary) 1px solid;transition:all .5s ease}.tab-list{padding:0}.tab-content{min-width:1120px;max-width:1120px;display:flex;flex-flow:row;justify-content:center;flex-wrap:wrap;padding:1rem}@media screen and (max-width: 1300px){.tabs,.tab-content{min-width:100%;max-width:100%}}.contact{background-color:var(--background-tertiary-color);width:100%;padding:4rem;padding-top:0}.contact h1{color:var(--color-on-tertiary);text-align:center}.contact_container{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap;width:100%;margin-top:4rem}.contact_item_link{list-style:none;margin:1rem 2rem;font-size:1.2rem;text-decoration:none;max-width:6rem;height:6rem;color:var(--color-on-tertiary);background-color:var(--background-tertiary-color);display:flex;align-items:center;overflow:hidden;white-space:nowrap;border-radius:20px;box-shadow:0 6px 20px #161719f2;border-width:1.5rem;border-style:solid;border-color:var(--background-tertiary-color);transition:all .5s ease-out;z-index:4}body.dark .contact_item_link{box-shadow:0 0 20px 5px #ffffff1a}.contact_item_link i{margin-right:1rem;font-size:3rem}.contact_item_link:hover{max-width:25rem;transition:all 1s ease-out}.fa-solid{margin-left:0rem}.bar_contact{height:8vw;width:100%;margin:-4vw 0px;transform:rotate(-4deg) scaleX(1.2);background-color:var(--background-tertiary-color)}@media screen and (max-width: 960px){.contact_item_link:hover{max-width:6rem;color:var(--color-on-primary);background-color:var(--background-primary-color);border-color:var(--background-primary-color);transition:all .5s ease-out}.contact{padding:4rem 2rem;padding-top:0}}@media screen and (max-width: 400px){.contact{padding:4rem 1rem;padding-top:0}}.rain-button{position:fixed;bottom:0;right:0;width:50px;height:50px;cursor:pointer;z-index:100;background-color:transparent;border:none}.rain-button img{width:100%;height:100%;object-fit:cover}.rain-button.active{animation:spin 3s infinite linear}@keyframes spin{to{transform:rotate(360deg)}}.rain-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;overflow:hidden}.snowflake{position:absolute;background:#fff;border-radius:50%;pointer-events:none;animation-duration:5s;animation-iteration-count:infinite;animation-timing-function:linear}.leaf{position:absolute;border-radius:50%;pointer-events:none;animation-duration:5s;animation-iteration-count:infinite;animation-timing-function:linear;background-size:cover}.rain_anim1{animation-name:fall1}.rain_anim2{animation-name:fall2}.rain_anim3{animation-name:fall3}.snowflake,.blurry{filter:blur(1px)}@keyframes fall1{0%{transform:translateY(-20px) rotate(0)}5%{transform:translate(-5px,calc(.05 * var(--page-height))) rotate(-5deg)}10%{transform:translate(10px,calc(.1 * var(--page-height))) rotate(5deg)}15%{transform:translate(-10px,calc(.15 * var(--page-height))) rotate(-10deg)}20%{transform:translate(15px,calc(.2 * var(--page-height))) rotate(10deg)}25%{transform:translate(-20px,calc(.25 * var(--page-height))) rotate(-15deg)}30%{transform:translate(20px,calc(.3 * var(--page-height))) rotate(15deg)}35%{transform:translate(-15px,calc(.35 * var(--page-height))) rotate(-10deg)}40%{transform:translate(10px,calc(.4 * var(--page-height))) rotate(5deg)}45%{transform:translate(-5px,calc(.45 * var(--page-height))) rotate(-5deg)}50%{transform:translateY(calc(.5 * var(--page-height))) rotate(0)}55%{transform:translate(5px,calc(.55 * var(--page-height))) rotate(5deg)}60%{transform:translate(-10px,calc(.6 * var(--page-height))) rotate(-10deg)}65%{transform:translate(15px,calc(.65 * var(--page-height))) rotate(10deg)}70%{transform:translate(-20px,calc(.7 * var(--page-height))) rotate(-15deg)}75%{transform:translate(20px,calc(.75 * var(--page-height))) rotate(15deg)}80%{transform:translate(-15px,calc(.8 * var(--page-height))) rotate(-10deg)}85%{transform:translate(10px,calc(.85 * var(--page-height))) rotate(5deg)}90%{transform:translate(-5px,calc(.9 * var(--page-height))) rotate(-5deg)}95%{transform:translateY(calc(.96 * var(--page-height))) rotate(0)}to{transform:translate(-20px,calc(1.02 * var(--page-height))) rotate(0)}}@keyframes fall2{0%{transform:translate(-10px,-20px) rotate(0)}5%{transform:translate(-5px,calc(.05 * var(--page-height))) rotate(5deg)}10%{transform:translate(15px,calc(.1 * var(--page-height))) rotate(-10deg)}15%{transform:translate(-20px,calc(.15 * var(--page-height))) rotate(10deg)}20%{transform:translate(20px,calc(.2 * var(--page-height))) rotate(-5deg)}25%{transform:translate(-15px,calc(.25 * var(--page-height))) rotate(0)}30%{transform:translate(10px,calc(.3 * var(--page-height))) rotate(15deg)}35%{transform:translate(-5px,calc(.35 * var(--page-height))) rotate(-10deg)}40%{transform:translateY(calc(.4 * var(--page-height))) rotate(5deg)}45%{transform:translate(5px,calc(.45 * var(--page-height))) rotate(-15deg)}50%{transform:translate(10px,calc(.5 * var(--page-height))) rotate(0)}55%{transform:translate(-15px,calc(.55 * var(--page-height))) rotate(10deg)}60%{transform:translate(20px,calc(.6 * var(--page-height))) rotate(-10deg)}65%{transform:translate(-20px,calc(.65 * var(--page-height))) rotate(15deg)}70%{transform:translate(15px,calc(.7 * var(--page-height))) rotate(-5deg)}75%{transform:translate(-10px,calc(.75 * var(--page-height))) rotate(0)}80%{transform:translate(5px,calc(.8 * var(--page-height))) rotate(-15deg)}85%{transform:translateY(calc(.85 * var(--page-height))) rotate(10deg)}90%{transform:translate(-5px,calc(.9 * var(--page-height))) rotate(-10deg)}95%{transform:translate(10px,calc(.96 * var(--page-height))) rotate(15deg)}to{transform:translate(-20px,calc(1.02 * var(--page-height))) rotate(10deg)}}@keyframes fall3{0%{transform:translate(10px,-20px) rotate(0)}5%{transform:translate(15px,calc(.05 * var(--page-height))) rotate(-5deg)}10%{transform:translate(-20px,calc(.1 * var(--page-height))) rotate(5deg)}15%{transform:translate(20px,calc(.15 * var(--page-height))) rotate(-10deg)}20%{transform:translate(-15px,calc(.2 * var(--page-height))) rotate(10deg)}25%{transform:translate(10px,calc(.25 * var(--page-height))) rotate(-5deg)}30%{transform:translate(-5px,calc(.3 * var(--page-height))) rotate(0)}35%{transform:translateY(calc(.35 * var(--page-height))) rotate(5deg)}40%{transform:translate(5px,calc(.4 * var(--page-height))) rotate(-10deg)}45%{transform:translate(10px,calc(.45 * var(--page-height))) rotate(15deg)}50%{transform:translate(-15px,calc(.5 * var(--page-height))) rotate(10deg)}55%{transform:translate(20px,calc(.55 * var(--page-height))) rotate(-5deg)}60%{transform:translate(-20px,calc(.6 * var(--page-height))) rotate(-10deg)}65%{transform:translate(15px,calc(.65 * var(--page-height))) rotate(15deg)}70%{transform:translate(-10px,calc(.7 * var(--page-height))) rotate(-15deg)}75%{transform:translate(5px,calc(.75 * var(--page-height))) rotate(0)}80%{transform:translateY(calc(.8 * var(--page-height))) rotate(5deg)}85%{transform:translate(-5px,calc(.85 * var(--page-height))) rotate(10deg)}90%{transform:translate(10px,calc(.9 * var(--page-height))) rotate(-10deg)}95%{transform:translate(-15px,calc(.96 * var(--page-height))) rotate(15deg)}to{transform:translate(20px,calc(1.02 * var(--page-height))) rotate(20deg)}}