@import "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";:root{--fond:#f2f2f2;--gris:#d6d6d6;--gris_fonce:#7d7d7d;--bleu:#256fdd;--orange:#ff2c19;--transitionTime:.3s;--transitionTime_longer:.5s}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{scroll-behavior:smooth;font-size:10px}body{background-color:var(--fond);animation:.5s ease-in-out forwards opa}@keyframes opa{0%{opacity:0}to{opacity:1}}.body_scroll_disable{height:100vh;overflow:hidden}body,input,button{font-family:Inter,sans-serif}input,button{border:none;outline:none}h2,h3,h4,h5,h6{text-align:center;padding-inline:3rem;font-size:10vw;font-weight:500}a{text-decoration:none}.second_title{text-align:center;color:var(--gris_fonce);margin-top:1rem;font-size:5vw}img{width:100%;height:auto;display:block}.loader{z-index:999;background:#000;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:all .3s;display:flex;position:fixed;top:0;left:0}.loader_disable{opacity:0;pointer-events:none}.loader img{width:10rem}header{z-index:2;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);width:100%;padding-block:30px;position:fixed;top:0;left:0}.header_nav{justify-content:space-between;align-items:center;width:80%;margin-inline:auto;display:flex;position:relative}.header_nav>a{width:4rem;height:4rem;display:block}.header_nav_content{gap:3rem;display:flex}.header_nav_content a{color:#fff;transition:var(--transitionTime);cursor:pointer;background-color:#000;border-radius:8px;padding:1.1rem 1.3rem;font-size:1.6rem;display:block}@media (hover:hover){.header_nav_content a:hover{color:var(--gris)}}.header_nav_content a:active{color:var(--gris)}.header_nav_content_contact{position:relative}.header_nav_content_contact_content{pointer-events:none;opacity:0;transition:var(--transitionTime);padding-block:1.5rem;position:absolute;right:0;transform:translateY(.5rem)}.header_nav_content_contact_content_active{opacity:1;pointer-events:auto;transform:translateY(0)}.header_nav_content_contact_content_copy{background-color:var(--gris);transition:var(--transitionTime);border:1px solid #cfcfcf;border-radius:1rem;align-items:center;column-gap:1rem;padding-block:1rem;padding-inline:1.3rem;font-size:1.5rem;display:flex}.header_nav_content_contact_content_copy button{background-color:var(--fond);border:1px solid #cfcfcf;border-radius:.7rem;width:3.5rem;height:3.5rem;padding:.5rem}.header_nav_content_contact_content_copy button svg:last-child{display:none}@media (hover:hover){.header_nav_content_contact:hover .header_nav_content_contact_content{opacity:1;pointer-events:auto;transform:translateY(0)}}main{padding-inline:2rem}.hero{flex-direction:column;align-items:center;padding-top:18rem;display:flex}.hero h1{text-align:center;transition:var(--transitionTime);font-size:10vw;font-weight:600}.hero h1 span{color:var(--orange)}.hero #input_file{display:none}.hero_label{border:2px dashed var(--gris);cursor:pointer;width:88%;max-width:60rem;height:35rem;color:var(--gris_fonce);background:linear-gradient(135deg,#dfdfdf 45%,#f3f3f3 50%,#dfdfdf 55%) 100% 0/400% no-repeat;border-radius:2rem;justify-content:center;align-items:center;margin-top:5rem;font-size:1.6rem;transition:border .2s,color .2s;display:flex}.hero_label svg{width:6rem}@media (hover:hover){.hero_label:hover{border:2px dashed var(--gris_fonce);color:#505050}}.hero_label:active,.hero_label_active{border:2px dashed var(--gris_fonce);color:#505050}#drag_drop_area{z-index:3;width:100vw;height:100vh;transition:var(--transitionTime);pointer-events:none;opacity:0;background-color:#0000001a;position:absolute;top:0;left:0}.hero>img{width:100%}.hero button{color:#fff;transition:var(--transitionTime);cursor:pointer;background-color:#000;border-radius:8px;padding:1.1rem 1.3rem;font-size:1.6rem;display:block}.hero_metadata{opacity:1;flex-direction:column;gap:2rem;width:100%;max-width:65rem;margin-top:7rem;padding:1rem;display:none}.hero_metadata_title{color:var(--gris_fonce);gap:1rem;margin-left:1rem;font-size:2rem;font-weight:600;display:flex}.hero_metadata_title input{display:none}.hero_metadata_title input:checked+label{color:#000}.hero_metadata_title:has(input:first-of-type:checked)+.hero_metadata_container .hero_metadata_container_block:first-child{opacity:1;max-width:100%}.hero_metadata_title:has(input:last-of-type:checked)+.hero_metadata_container .hero_metadata_container_block:last-child{opacity:1;max-width:100%}.hero_metadata_title label{cursor:pointer;transition:var(--transitionTime)}.hero_metadata_container{gap:1rem;display:flex;overflow:hidden}.hero_metadata_container>p{font-size:2rem}.hero_metadata_container_block{opacity:0;width:100%;max-width:0;height:35rem;transition:var(--transitionTime_longer);background-color:#fdfdfd;border-radius:1rem;line-height:2.5rem;overflow:scroll}.hero_metadata_container_block_container{padding:1.5rem}.hero_metadata_container_block_container code{font-size:1.4rem}.hero_metadata_container_block:last-of-type,#code_last{color:#fff;background-color:#000}footer{padding-inline:10vw;background-color:#000;margin-top:25rem;padding-top:4vw;padding-bottom:7rem}.footer_information{color:#fff;margin-top:8rem;font-size:3rem}.footer_information p:last-child{color:var(--gris_fonce);margin-top:1rem;font-size:1.5rem}@media screen and (width>=400px){.hero{padding-top:18rem}}@media screen and (width>=500px){header{padding-top:50px}.hero h1,h2,h3,h4,h5,h6{font-size:9vw}.second_title{margin-inline:3rem;font-size:4vw}}@media screen and (width>=600px){.hero h1{font-size:7.5vw}.hero_label{width:80%;margin-top:8rem}h2,h3,h4,h5,h6{margin-inline:3rem;font-size:7vw}.second_title{font-size:3.5vw}}@media screen and (width>=700px){.hero h1{font-size:7vw}h2,h3,h4,h5,h6{margin-inline:8rem;font-size:7vw}}@media screen and (width>=800px){.hero h1{font-size:6vw;font-weight:500}h2,h3,h4,h5,h6{font-size:6vw}.second_title{font-size:3vw}footer{padding-bottom:6vw}}@media screen and (width>=1000px){.hero h1,h2,h3,h4,h5,h6{font-size:5vw}.second_title{font-size:2.5vw}}@media screen and (width>=1200px){.hero h1,h2,h3,h4,h5,h6{font-size:4.5vw}}@media screen and (width>=1300px){.hero h1{font-size:4.5vw}h2,h3,h4,h5,h6{font-size:3.5vw}.second_title{font-size:2vw}}@media screen and (width>=1600px){.hero h1{font-size:3.5vw}h2,h3,h4,h5,h6{font-size:3vw}.second_title{font-size:1.6vw}}