html{--c-b-top: 0;--c-b-left: 0;--c-b-width: 0px;--c-b-height: 0px;--c-b-border-radius: var(--bor-rad-1);--top-spacing: 100vh;background-color:var(--clr-bg)}body{overflow-x:hidden;color:var(--clr-txt)}header{position:fixed;display:flex;align-items:center;flex-direction:column;top:0;width:100%;z-index:999}#hero{position:fixed;display:flex;align-items:center;flex-direction:column;justify-content:center;top:0;min-height:100vh;width:100%;background-color:var(--clr-bg)}.hero-content{display:flex;position:relative;width:30rem;flex-direction:column;flex-wrap:nowrap;gap:.5rem}#hero h1{font-size:4.8rem}#hero h2{font-size:var(--fs-t)}.blue{color:var(--clr-pri)}#hero h3{font-size:var(--fs-tps);color:var(--clr-par)}#canvas{top:0;left:0;position:fixed;z-index:-1}.top-bar{position:absolute;display:flex;justify-content:space-between;align-items:center;top:var(--pad-2);padding:.5rem;gap:10rem;background-color:var(--clr-bg);border-radius:var(--bor-rad-1);font-size:var(--fs-t)}.top-bar .logo{height:4rem}.top-bar .menu{display:flex;align-items:center;gap:var(--pad-2);min-width:fit-content}.top-bar .menu .m-e-v{background-color:var(--clr-qua);color:var(--clr-pri);padding:var(--pad-3);border-radius:var(--bor-rad-1)}.page{position:relative;}.page-content{position:relative;display:flex;flex-direction:column;gap:6.5rem;z-index:99;padding:var(--pad-2);margin:calc(var(--top-spacing) - var(--bor-rad-1)) var(--pad-1) 27.5rem var(--pad-1)}.page-content:before{content:"";z-index:-1;top:var(--c-b-top);left:var(--c-b-left);position:absolute;width:calc(100% + 2 * var(--c-b-width));height:calc(100% + 2 * var(--c-b-height));border-radius:var(--c-b-border-radius);background-color:var(--clr-sec)}#bento-ctf{display:flex;flex-direction:row;align-items:stretch;gap:var(--pad-3);color:var(--clr-par)}#bento-ctf .title{font-size:var(--fs-t);color:var(--clr-txt)}#bento-ctf>.left{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;width:65%;background-color:var(--clr-bg);border-radius:var(--bor-rad-2);padding:var(--pad-2)}#bento-ctf>.left>.title{background-color:var(--clr-qua);padding:var(--pad-3);border-radius:var(--bor-rad-3);max-width:22rem}#bento-ctf>.left>.text{font-size:var(--fs-s)}#bento-ctf>.right{display:flex;flex-direction:column;gap:var(--pad-3);width:100%}#bento-ctf>.right>.top{display:flex;gap:var(--pad-3)}#bento-ctf>.right>.top>.left{display:flex;flex-direction:column;justify-content:space-evenly;background-color:var(--clr-pri);border-radius:var(--bor-rad-2);padding:var(--pad-2);color:var(--clr-qua);width:fit-content}#bento-ctf>.right>.top>.left>.title{font-size:7rem;color:var(--clr-qua)}#bento-ctf>.right>.top>.left>.text{font-size:var(--fs-s);width:max-content}#bento-ctf>.right>.top>.right{display:flex;flex-direction:column;justify-content:space-between;gap:var(--pad-2);background-color:var(--clr-bg);border-radius:var(--bor-rad-2);padding:var(--pad-2);font-size:var(--fs-s);width:100%;fill:var(--clr-par)}#bento-ctf>.right>.top>.right>.content{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--pad-3)}#bento-ctf>.right>.top>.right>.content .element{display:flex;flex-direction:row;align-items:center;gap:.5rem;background-color:var(--clr-ter);border-radius:var(--bor-rad-3);padding:calc(3 / 4 * var(--pad-3))}#bento-ctf>.right>.top>.right>.content .element>svg{width:1.5rem;height:1.5rem}#bento-ctf>.right>.bottom{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:var(--pad-3);background-color:var(--clr-bg);border-radius:var(--bor-rad-2);padding:var(--pad-2);font-size:var(--fs-s)}#bento-ctf>.right>.bottom>.title{font-size:var(--fs-s)}.button{display:flex;flex-direction:row;align-items:center;flex-wrap:nowrap;width:max-content;gap:calc(var(--pad-3) - 2%);background-color:var(--clr-pri);color:var(--clr-qua);fill:var(--clr-qua);border-radius:calc(3 / 4 * var(--bor-rad-3));padding:calc(3 / 4 * var(--pad-3));transition:gap .3s}.button:hover{gap:var(--pad-3)}.button>svg{width:1.25rem;height:1.25rem}#metiers{display:flex;flex-direction:column;gap:var(--bor-rad-3)}#metiers>.title{font-size:var(--fs-t)}#metiers>.content{display:flex;align-items:center}#metiers>.content>.elements-left{display:flex;gap:var(--pad-3)}#metiers>.content>.elements-left>.element{display:flex;flex-direction:column;background-color:var(--clr-bg);border-radius:var(--bor-rad-2);gap:var(--pad-2);width:24vw;padding:calc(var(--pad-2) / 2);padding-bottom:var(--pad-2)}#metiers>.content>.elements-left>.element>.text{font-size:var(--fs-tps);color:var(--clr-st)}#metiers>.content>.elements-left>.element>.text,#metiers>.content>.elements-left>.element>.title{margin:0 calc(var(--pad-2) / 2)}#metiers>.content>.elements-left>.element>.title{font-size:var(--fs-s)}#metiers>.content>.elements-left>.element>.image{width:100%;display:flex;border-radius:var(--bor-rad-3);background-color:var(--clr-qua);justify-content:center}#metiers>.content>.elements-left>.element>.image img{width:13rem;transform:translateY(1.1rem)}#metiers>.content>.elements-right{display:flex;width:100%;justify-content:center}#footer{z-index:-2;display:block;position:fixed;bottom:0;width:100%;height:27.5rem}.front{display:flex;width:100%;height:70%;align-items:center}.front>.elements-left,.front>.elements-right{width:50%;height:100%}.front>.elements-left{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center}.front>.elements-left>.element{display:flex;flex-direction:column;gap:var(--pad-3)}.front>.elements-left>.element>.title{font-size:var(--fs-tps);color:var(--clr-st)}.front>.elements-left>.element>.list{display:flex;flex-direction:column;flex-wrap:nowrap}.front>.elements-right{display:flex;flex-wrap:nowrap;flex-direction:column;justify-content:center}.front>.elements-right img{padding:calc(2 * var(--pad-1));padding-right:0}.back{z-index:-1;position:absolute;font-size:16vw;color:var(--clr-ter);width:100%;text-align:center;bottom:-6.5vw}