@import"https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300;500&display=swap";@font-face{font-family:Stallman;src:url(/fonts/StallmanBold75Obl.otf) format("opentype")}:root{--titleColor: white;--textColor: white;--blueColor: #42bde5;--yellowColor: #ffA831;--btnColor: #73f5ff;--textColorOld:#959595;--titleColorOld: #15104a}body{font-family:Josefin Sans,sans-serif;background:#242a41;margin:0;font-weight:300;overflow-x:hidden;max-width:100%;color:var(--textColor)}input,textarea,button,select,a,div{-webkit-tap-highlight-color:rgba(0,0,0,0)}strong{color:var(--titleColor)}img{max-width:100%;width:auto;height:auto}.btnContainer{position:relative;display:inline-flex;min-height:55px;max-width:100%;width:100%;justify-content:center;overflow:hidden}.btnContainer.header{top:42vh}.btn{display:flex;justify-content:center;position:absolute;height:100%;color:#fff;text-decoration:none}.btn:hover{filter:hue-rotate(30deg);color:#fff;text-shadow:0px 0px 15px #3ad2ff;animation:btnHover .5s linear}.btn-left,.btn-right{background:url(https://mutantsgenesiswebsite.cdn.oxv.fr/images/btnBorder2.webp);background-size:contain;background-repeat:no-repeat;background-position:100% 50%;min-width:137px}.btn-center{background:url(https://mutantsgenesiswebsite.cdn.oxv.fr/images/btnFill2.webp);background-size:contain;width:100%;height:100%;white-space:nowrap;display:flex;align-items:center;padding:0 1rem;font-size:1.4rem}.btn .btn-left{left:0}.btn .btn-right{right:0;-webkit-transform:scaleX(-1);transform:scaleX(-1)}.btnContainer2{min-height:50px;overflow:visible}.btnContainer2 .btn-left,.btnContainer2 .btn-right{background:url(https://mutantsgenesiswebsite.cdn.oxv.fr/images/btnBorder.webp);background-size:contain;background-repeat:no-repeat;background-position:100% 50%}.btnContainer2 .btn-center{background:url(https://mutantsgenesiswebsite.cdn.oxv.fr/images/btnFill.webp);background-size:contain}.btnContainer3{min-height:60px;overflow:visible}.btnContainer3 .btn-left,.btnContainer3 .btn-right{background:url(https://mutantsgenesiswebsite.cdn.oxv.fr/images/btnBorder3.webp);background-size:contain;background-repeat:no-repeat;background-position:100% 50%}.btnContainer3 .btn-center{background:url(https://mutantsgenesiswebsite.cdn.oxv.fr/images/btnFill3.webp);background-size:contain}.hidden{display:none!important;pointer-events:none!important}.metallicBorderWrapper{position:relative}.metallicBorderWrapper>.metallicBorder{background:url(https://mutantsgenesiswebsite.cdn.oxv.fr/images/SeparationHeader.webp);background-size:contain;width:100%;height:10px}.btn-block{display:inline-block;color:#000;padding:.5rem 1.2rem;background-color:#ffa91a;font-family:Stallman;font-size:1.3rem;text-transform:uppercase;-webkit-clip-path:polygon(100% 40%,100% 100%,0% 100%,0% 0%,85% 0%);clip-path:polygon(100% 40%,100% 100%,0% 100%,0% 0%,85% 0%);cursor:pointer}.btn-block:hover{background-color:#ff9b22}.btn-block:active{background-color:#b96913}main{position:relative;overflow:hidden}.wrapper{position:relative;padding:4rem 3rem}[class^=container]{display:flex;flex-direction:column;align-items:center;max-width:1200px;margin:auto}.row{display:flex;flex-direction:column;width:100%;align-items:center;justify-content:center}.col{width:100%}.illustration{display:flex;justify-content:center;position:relative}.illustration .background{position:absolute}.illustration .image{z-index:1}.title,.subtitle,.btn{font-family:Stallman;color:var(--titleColor);text-transform:uppercase;font-weight:500}.btn{color:var(--btnColor)}.title{position:relative;font-size:2rem;padding-bottom:2rem;text-align:center}.title.border:after{border-bottom:2px solid #a5a5a5;content:"";position:absolute;width:66%;margin:auto;left:0;right:0;bottom:1.2rem}.subtitle{font-size:1.25rem;padding-bottom:.5rem}.text{font-size:1rem;color:var(--textColor)}.text.align-center{text-align:center}.arrow{min-width:40px;margin-left:.5rem;text-align:center;border-left:1px solid var(--blueColor)}.arrow img{width:12px}.key-points .border-bottom_left,.key-points .border-bottom_right{background:url(https://mutantsgenesiswebsite.cdn.oxv.fr/images/SeparationCoteD_2.webp);background-size:contain;background-repeat:no-repeat;background-position:0% 100%}.wrapper .thumbs{position:relative;padding-top:.75rem;justify-content:space-between;flex-direction:row}.wrapper .thumbs .slideshow-arrow img{width:20px;border:none!important;box-shadow:none!important}.wrapper .thumbs .slideshow-arrow.left,.wrapper .thumbs .slideshow-arrow.right{min-width:24px}.wrapper .thumbs .slideshow-arrow.left{transform:scaleX(-1)}.wrapper .thumbs .col{width:29%}.slideshow-arrow img{filter:drop-shadow(0px 0px 4px #47aeca) drop-shadow(0px 0px 4px #47aeca) drop-shadow(0px 0px 4px #47aeca);transition:transform .1s}.slideshow-arrow img:hover{filter:drop-shadow(0px 0px 4px #47aeca) drop-shadow(0px 0px 4px #47aeca) drop-shadow(0px 0px 4px #47aeca) brightness(1.2);transform:scale(1.15)}.scroll{position:relative;overflow:hidden;margin:0 1.5rem}.scroll-container{display:flex;justify-content:center;transition:none}.scroll-container.smooth{transition:.2s ease-in-out}.btn:hover,.bloc-question:hover,.thumbs .col:hover{cursor:pointer}#imageLightbox{background-color:#0009}#imageLightbox img{filter:drop-shadow(0px 0px 6px #4da8db) drop-shadow(0px 0px 6px #4da8db)}.blur{filter:blur(4px)}a{color:var(--btnColor);text-transform:uppercase;font-weight:500;text-decoration:none}h1,h2{font-size:2rem;margin:0rem}h3{font-size:1.25rem;margin:0rem}p{font-size:1rem;margin:0rem}@media (min-width: 730px){.btn-block{padding:.5rem 2rem;font-size:1.8rem}}@media (min-width: 1024px){.btn-left,.btn-right{min-width:161px}.btn-center{font-size:1.85rem}.wrapper{padding:8rem 6rem}.row{flex-direction:row}.row.reverse{flex-direction:row-reverse}.col{width:50%}.title{font-size:2.5rem}.subtitle{font-size:1.75rem}.text{font-size:1.1rem}h1,h2{font-size:2.5rem}h3{font-size:1.75rem}p{font-size:1.1rem}}@media (min-width: 1366px){.title{font-size:3.5rem}.subtitle{font-size:2.75rem}.text{font-size:1.3rem}h1,h2{font-size:3.5rem}h3{font-size:2.75rem}p{font-size:1.3rem}}@media (min-width: 2560px){h1,h2{font-size:7rem}h3{font-size:4rem}p{font-size:3rem}.title{font-size:5.75rem}.text{font-size:3rem}[class^=container]{max-width:100%}}.blue{color:var(--blueColor)}.yellow{color:var(--yellowColor)}.slideToTopFadeIn{transform:translateY(-50%) translateZ(0);opacity:0}@keyframes pulse{0%,to,10%,12%,14%,30%,34%,76%{opacity:0}50%,11%,13%,31%,75%,77%{opacity:1}}@keyframes pulseMetalicBorder{0%,to,16%,24%,30%,40%,85%{opacity:.2}50%,15%,18%,22%,28%,50%,80%,95%{opacity:.6}}@keyframes pulseMedium{0%,to,10%,12%,14%,30%,34%,76%{opacity:0}50%,11%,13%,31%,75%,77%{opacity:.75}}@keyframes pulseSoft{0%,to,10%,12%,14%,30%,34%,76%{opacity:.25}50%,11%,13%,31%,75%,77%{opacity:.75}}@keyframes slideToRight{0%{transform:translate(-100%)}30%,to{transform:translate(100%)}}@keyframes fadeInOut{0%,to{opacity:0}30%,70%{opacity:.5}}@keyframes fadeInOutHigh{0%,to{opacity:.25}50%{opacity:1}}@keyframes metalicBorderAnim{0%,to{opacity:.25;filter:brightness(1)}50%{opacity:1;filter:brightness(1.25)}}@keyframes btnHover{0%,20%,40%,to{filter:brightness(1) hue-rotate(30deg)}10%,30%{filter:brightness(.5) hue-rotate(30deg)}}
