@import"https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600&family=Roboto:wght@400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@font-face{font-family:Monologue-Sequane;src:url(/_next/static/media/Monologue-Sequane.50decbba.woff2) format("woff2"),url(/_next/static/media/Monologue-Sequane.ad186af1.woff) format("woff"),url(/_next/static/media/Monologue-Sequane.14bb0259.ttf) format("truetype");font-weight:400;font-style:normal}:root{--couleur-fond:#fff;--couleur-fond2:#f9f9f9;--couleur-fond-header:#fff;--couleur-fond-canvas-snake:#9bba59;--couleur-fond-selections:#000000bc;--couleur-texte-selections:#fff;--couleur-texte:#2d2e32;--couleur-texte-hover:#2c2c2cc5;--couleur-span:#0e6899;--couleur-span-hover:#2c79a0;--couleur-nav:#6c6c6c;--couleur-nav-hover:#606060;--couleur-hover:#d1d1d1;--couleur-image-hover:#ffffff69;--couleur-nav-active:#4d4d4d;--couleur-h3:#2d2e32;--couleur-scroll-to-top-button:#fff;--couleur-scroll-to-top-button-active:#fcfcfc;--couleur-box-shadow:#0000001a;--couleur-border:#2d2e32;--couleur-p:#2d2e32db;--couleur-background-button:#e6e6e6c2;--couleur-background-button-active:#fff;--noir:#1d1d1d;--blanc:#fff}.dark-mode{--couleur-fond:#1d1d1d;--couleur-fond2:#1a1a1a;--couleur-fond-header:#1e1e1e;--couleur-fond-canvas-snake:#9bba59;--couleur-fond-selections:#ffffffa8;--couleur-texte-selections:#000;--couleur-texte:#f6f6f6;--couleur-texte-hover:#8c8c8cc5;--couleur-span:#f19766;--couleur-span-hover:#f9c5a1;--couleur-nav:#a6a6a6;--couleur-nav-hover:#606060;--couleur-hover:#2b2b2bce;--couleur-image-hover:#ffffffde;--couleur-nav-active:#dcdcdc;--couleur-h3:#f6f6f6;--couleur-scroll-to-top-button:#2e2e2e;--couleur-scroll-to-top-button-active:#2a2a2a;--couleur-box-shadow:#00000035;--couleur-border:#4e5255;--couleur-p:#d0d0d0db;--couleur-background-button:#1d1d1d;--couleur-background-button-active:#2b2b2bce;--noir:#fff;--blanc:#1d1d1d}*,a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,var,video{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}abbr[title]{text-decoration:none!important}body{margin:0 auto;min-width:320px}img{width:100%;height:100%;object-fit:cover}button{all:unset}ul{list-style:none}a{width:max-content}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}@keyframes infinite-scale{0%{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes changing-color{0%{color:#0e6899}50%{color:#f19766}}@keyframes rotate{0%{transform:scale(1.65) rotate(0)}to{transform:scale(.8) rotate(1turn)}}.char{animation:colorChange 1s linear infinite}@keyframes colorChange{0%{color:#000}50%{color:red}to{color:#000}}@keyframes shake{0%{transform:rotate(0)}50%{transform:rotate(.22turn)}to{transform:rotate(0)}}@keyframes run{0%{transform:translateX(-10vw)}to{transform:translateX(100vw)}}@keyframes run-rectangle{0%{left:0;bottom:0;transform:rotate(0deg) scaleX(1)}24%{left:calc(100% - 100px);bottom:0;transform:rotate(0deg) scaleX(1)}25%{left:calc(100% - 100px);bottom:0;transform:rotate(-90deg) scaleY(-1)}49%{left:calc(100% - 100px);bottom:calc(100% - 300px);transform:rotate(-90deg) scaleY(-1)}50%{left:calc(100% - 100px);bottom:calc(100% - 300px);transform:rotate(0deg) scaleX(-1)}74%{left:0;bottom:calc(100% - 300px);transform:rotate(0deg) scaleX(-1)}75%{left:0;bottom:calc(100% - 300px);transform:rotate(90deg) scaleY(-1)}99%{left:0;bottom:0;transform:rotate(90deg) scaleY(-1)}to{left:0;bottom:0;transform:rotate(0deg) scaleX(1)}}@keyframes website-broken{0%,to{transform:rotate(0deg) translate(0) skew(0deg,0deg) scale(1)}10%{transform:rotate(5deg) translate(5px,-20px) skew(1deg,-1deg) scale(1.05)}20%{transform:rotate(-8deg) translate(-10px,15px) skew(-2deg,2deg) scale(.98)}30%{transform:rotate(12deg) translate(20px,-30px) skew(3deg,-3deg) scale(1.08)}40%{transform:rotate(-15deg) translate(-15px,20px) skew(-4deg,4deg) scale(1)}50%{transform:rotate(10deg) translateY(-10px) skew(5deg,-5deg) scale(1.1)}60%{transform:rotate(-12deg) translate(25px,10px) skew(-3deg,3deg) scale(.95)}70%{transform:rotate(8deg) translate(-20px,-20px) skew(2deg,-2deg) scale(1.07)}80%{transform:rotate(-5deg) translate(15px,25px) skew(-1deg,1deg) scale(1)}90%{transform:rotate(-1turn) translate(0) skew(0deg,0deg) scale(1)}to{transform:rotate(0deg) translate(0) skew(0deg,0deg) scale(1)}}@keyframes loupe-moving{0%{left:-20%}to{left:150%}}@keyframes loading{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes floating{0%{transform:translate(0)}20%{transform:translate(2.5rem)}40%{transform:translate(2.5rem,-2.5rem)}}@keyframes dispertion{0%{height:100vh}to{padding-block:0;height:0;display:none}}@keyframes dispertion-left{to{opacity:0}}@keyframes car-moove{0%{transform:translate(-50%,-50%)}25%{transform:translate(calc(-50% + 6.25rem),-50%)}50%{transform:translate(calc(-50% + 6.25rem),calc(-50% - 6.25rem))}75%{transform:translate(-50%,calc(-50% - 6.25rem))}to{transform:translate(-50%,-50%)}}@keyframes in-progress{0%{transform:translateY(0)}45%{transform:translateY(-2px)}50%{transform:translateY(0)}to{transform:translateY(0)}}@keyframes zoomEffect{0%{transform:scale(1);padding:0}to{transform:scale(1.2);padding:20px}}@keyframes cinematicEnd{0%{background:initial}to{background:#000}}@keyframes slide{0%{transform:translateX(0)}to{transform:translateX(-40px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}::selection{background-color:var(--couleur-fond-selections);color:var(--couleur-texte-selections)}.loading{background:#fff;width:100vw;height:100vh;position:fixed;z-index:2}.loading div,.loading span{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);height:25rem;width:25rem;border-radius:50%;background:transparent;border:1rem solid var(--couleur-span);z-index:3}body.dark-mode .lighthouse-score{filter:brightness(.88)}@media screen and (max-width:1250px){.hidden-for-tablet{display:none!important}}.displayed-for-tablet{display:none!important}@media screen and (max-width:1250px){.displayed-for-tablet{display:block!important}}.hidden-by-nav-open{display:none!important}.displayed-by-nav-open{display:block!important}html{scroll-padding-top:5rem}@media screen and (max-width:1250px){html{scroll-padding-top:0}}body{font-size:1rem}@media screen and (max-width:1640px){body{font-size:1rem}}@media screen and (max-width:1250px){body{font-size:1rem}}@media screen and (max-width:678px){body{font-size:.875rem}}body{font-family:Roboto,sans-serif;font-weight:300;line-height:20px;letter-spacing:0;color:var(--couleur-texte);background:var(--couleur-fond)}body:has(.ModalProject){overflow:hidden}body:has(.website-broken){animation:website-broken 2s}body:has(.website-broken) header{animation:website-broken 2s}body:has(.not-found.page404) footer,body:has(.not-found.page404) header{display:none}h1{font-size:4.188rem}@media screen and (max-width:1640px){h1{font-size:4.125rem}}@media screen and (max-width:1250px){h1{font-size:3.313rem}}@media screen and (max-width:678px){h1{font-size:2.25rem}}h1{font-family:Poppins,sans-serif;position:relative;font-weight:700;margin-bottom:10px;line-height:1.2}h2{font-size:2.813rem}@media screen and (max-width:1640px){h2{font-size:2.813rem}}@media screen and (max-width:1250px){h2{font-size:2.313rem}}@media screen and (max-width:678px){h2{font-size:1.563rem}}h2{font-family:Poppins,sans-serif;position:relative;font-weight:700;line-height:38px;letter-spacing:0;padding-bottom:1.875rem}@media screen and (max-width:1640px){h2{padding-bottom:1.75rem}}@media screen and (max-width:1250px){h2{padding-bottom:.938rem}}@media screen and (max-width:678px){h2{padding-bottom:0}}h3{font-size:1.375rem}@media screen and (max-width:1640px){h3{font-size:1.25rem}}@media screen and (max-width:1250px){h3{font-size:1.125rem}}@media screen and (max-width:678px){h3{font-size:.938rem}}h3{font-family:Poppins,sans-serif;line-height:1;letter-spacing:0;padding-bottom:.625rem;color:var(--couleur-h3)}span{color:var(--couleur-span)}section{padding:8.125rem 4.063rem 5rem}@media screen and (max-width:1250px){section{padding:8.125rem 4.063rem 5rem}}@media screen and (max-width:678px){section{padding:6.25rem 1.563rem 5rem}}section{overflow:hidden}section .container{max-width:1500px;margin:auto}section .container>h2{text-align:center}section .container>p{font-size:1.375rem}@media screen and (max-width:1640px){section .container>p{font-size:1.375rem}}@media screen and (max-width:1250px){section .container>p{font-size:1.563rem}}@media screen and (max-width:678px){section .container>p{font-size:.938rem}}section .container>p{text-align:center;color:var(--couleur-nav)}section .container>div{margin-top:6.25rem}@media screen and (max-width:1250px){section .container>div{margin-top:3.125rem}}@media screen and (max-width:678px){section .container>div{margin-top:1.875rem}}footer,header,section{transition:background-color .3s ease!important}a{text-decoration:none;color:inherit}.media:not(:has(iframe)){box-shadow:0 2px 4px var(--couleur-box-shadow);transition:box-shadow .3s ease}iframe{box-shadow:0 2px 4px var(--couleur-box-shadow);transition:box-shadow .3s ease}.media,iframe{position:relative;display:block;height:33.75rem;width:100%;min-height:18.75rem}.media iframe,.media img,.media video,iframe iframe,iframe img,iframe video{width:100%;height:100%;object-fit:cover}@media screen and (max-width:1640px){.media,iframe{max-height:25rem}}@media screen and (max-width:678px){.media,iframe{max-height:18.75rem!important}}.media.cover,iframe.cover{position:relative;display:block;height:33.75rem;width:100%;min-height:18.75rem}.media.cover iframe,.media.cover img,.media.cover video,iframe.cover iframe,iframe.cover img,iframe.cover video{width:100%;height:100%;object-fit:cover}@media screen and (max-width:1640px){.media.cover,iframe.cover{max-height:25rem}}@media screen and (max-width:678px){.media.cover,iframe.cover{max-height:18.75rem!important}}.media.contain,iframe.contain{position:relative;display:block;height:33.75rem;width:100%}.media.contain iframe,.media.contain img,.media.contain video,iframe.contain iframe,iframe.contain img,iframe.contain video{width:100%;height:100%;object-fit:contain}@media screen and (max-width:1640px){.media.contain,iframe.contain{max-height:25rem}}@media screen and (max-width:678px){.media.contain,iframe.contain{max-height:18.75rem!important}}.media.portrait,iframe.portrait{position:relative;display:block;height:33.75rem;width:100%;height:50rem;max-height:unset!important}@media screen and (max-width:1640px){.media.portrait,iframe.portrait{max-height:25rem;height:37.5rem}}@media screen and (max-width:678px){.media.portrait,iframe.portrait{max-height:18.75rem!important}}main.merci{height:100vh;padding-inline:3.125rem;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2.188rem}main.merci h1,main.merci h2{line-height:50px}@media screen and (max-width:678px){main.merci{padding-inline:1.875rem}}main.merci .paper-plane{max-height:21.875rem}@media screen and (max-width:1250px){main.merci .paper-plane{width:18.75rem}}@media screen and (max-width:678px){main.merci .paper-plane{width:12.5rem}}span.merci{margin-top:1.563rem}.in-progress .button-in-progress{background:color-mix(in srgb,var(--project-progress-color),#fff 30%);overflow:hidden;content:"En cours";position:absolute;top:7px;right:7px;width:max-content;height:max-content;border:1px solid color-mix(in srgb,var(--project-progress-color),#fff 70%);border-radius:10px;font-size:medium;box-shadow:0 2px 10px var(--couleur-box-shadow);animation:in-progress 7s infinite;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:1}.in-progress .button-in-progress .container-zone{position:relative;color:#fff;display:flex;justify-content:center;align-items:center;padding:.313rem .625rem}@keyframes progress-slide{0%{left:0}to{left:100%}}.not-found.page404 .secret-zone{display:flex;overflow:hidden}.not-found.page404 .container{position:relative;margin:auto;min-height:100vh;padding:6.25rem;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.not-found.page404 .container h1 .element404{position:absolute;font-size:2rem;font-family:Poppins,sans-serif;font-weight:200;bottom:120%;left:55%;border:1px solid var(--couleur-span);padding:.625rem 1.25rem;box-shadow:0 0 20px 0 var(--couleur-span);cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;animation:floating 3s infinite}.not-found.page404 .container h1 .element404:hover{animation-play-state:paused}.not-found.page404 .container .troll{margin-block:3.125rem;font-size:x-large;font-family:Poppins,sans-serif;font-weight:200;line-height:1.2}.not-found.page404 .container .troll i{font-size:3rem;font-style:unset;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}.not-found.page404 .container .buttons-zone{display:flex;gap:1.25rem}.not-found.page404 .container .buttons-zone button{width:9.063rem;padding:1.25rem;border-radius:3.125rem;color:var(--couleur-scroll-to-top-button);font-weight:700;cursor:pointer;transition:.3s}.not-found.page404 .container .buttons-zone button span{color:var(--couleur-scroll-to-top-button);font-size:small;font-weight:300}.not-found.page404 .container .buttons-zone button.no{position:relative;background-color:var(--couleur-texte);filter:grayscale(50%);cursor:url(/images/smiley.jpeg),pointer}.not-found.page404 .container .buttons-zone button.no i{position:absolute;font-style:normal;opacity:0}.not-found.page404 .container .buttons-zone button.no i.i-one{left:0;top:0;transition-delay:.1s}.not-found.page404 .container .buttons-zone button.no i.i-two{right:10%;top:0;transition-delay:.2s}.not-found.page404 .container .buttons-zone button.no i.i-three{left:15%;bottom:-10%;transition-delay:.3s}.not-found.page404 .container .buttons-zone button.no i.i-four{right:15%;bottom:0;transition-delay:.4s}.not-found.page404 .container .buttons-zone button.no i.i-five{left:35%;top:-14%;transition-delay:.5s}.not-found.page404 .container .buttons-zone button.no:hover i{opacity:1}.not-found.page404 .container .buttons-zone button.yes{background-color:var(--couleur-span)}.not-found.page404 .container .buttons-zone button.yes::selection{background-color:var(--couleur-fond);color:var(--couleur-span)}.not-found.page404 .container .buttons-zone button.yes:hover{transform:scale(1.02)}.not-found.page404 .container .buttons-zone button.yes:active{transform:scale(.98);filter:brightness(1.1)}.not-found.page404 .container .redirect{position:absolute;left:50%;transform:translateX(-50%);bottom:6.25rem;margin-top:6.25rem;font-family:Poppins,sans-serif;font-weight:400;color:var(--couleur-nav);font-size:large}.not-found.page404 .container .redirect i{font-size:2rem;font-style:unset;cursor:default}.not-found.page404 .container.secret-mode-active{min-height:0;overflow:hidden;animation:dispertion 2s forwards}.not-found.page404 .container.secret-mode{width:100vw;transition:1s ease-in-out}.not-found.page404 .container.secret-mode .troll-content{margin-bottom:3.125rem;font-size:large;line-height:1.2}.not-found.page404 .container.secret-mode.hidden{opacity:0;width:0;padding:0;visibility:hidden;animation:dispertion-left 2s forwards}.not-found.page404 .container.game{margin:unset;background-color:var(--couleur-fond-canvas-snake);width:0;padding:0;visibility:hidden;transition:1s ease-in-out}.not-found.page404 .container.game ::selection{background-color:#fff;color:var(--couleur-fond-canvas-snake)}.not-found.page404 .container.game.visible{width:100vw;visibility:visible}@media screen and (max-width:678px){.not-found.page404 .container{padding:2rem 1rem}.not-found.page404 .container h1>span{display:block}.not-found.page404 .container h1 .element404{font-size:1.25rem;padding:.625rem .938rem;bottom:100%;left:60%}.not-found.page404 .container .troll{margin-block:1.25rem;font-size:large}.not-found.page404 .container .troll span{display:inline-block}.not-found.page404 .container .troll i{font-size:2rem;display:block}.not-found.page404 .container .buttons-zone{flex-direction:column-reverse;align-items:center}.not-found.page404 .container .buttons-zone button{padding:.625rem}.not-found.page404 .container .buttons-zone button span{font-size:x-small}.not-found.page404 .container .buttons-zone button.no{transform:scale(.85)}.not-found.page404 .container .redirect{bottom:2rem;font-size:.938rem}.not-found.page404 .container .redirect i{font-size:.938rem}.not-found.page404 .container.secret-mode .troll-content{font-size:.9rem;margin-top:.625rem}}.signature{margin:0;color:var(--couleur-span)}.signature p{font-weight:400;color:var(colo)}.signature p a{text-decoration:inherit}.signature p .site{font-size:1rem}@media screen and (max-width:1640px){.signature p .site{font-size:1rem}}@media screen and (max-width:1250px){.signature p .site{font-size:1rem}}@media screen and (max-width:678px){.signature p .site{font-size:.875rem}}.signature p .site{font-family:Roboto,sans-serif}.signature{height:26px;overflow:hidden;width:-moz-fit-content;width:fit-content;margin:0 auto;position:relative}.signature p{display:inline-block;font-size:26px;line-height:26px;letter-spacing:-4.5px;font-family:Monologue-Sequane,sans-serif;margin:0;position:relative}.signature p a{color:inherit;font:inherit;text-decoration:none!important;position:relative;letter-spacing:inherit;text-transform:inherit}.signature p .site{letter-spacing:0;font-family:Poppins,sans-serif;font-size:16px;position:relative;top:-5px}.signature p .relever{position:relative;top:26px;transition:all .3s ease-out;height:100%;font-family:unset}.signature:hover p,.signature:hover p .relever{top:0;letter-spacing:0}header.Header{box-shadow:0 2px 4px var(--couleur-box-shadow);transition:box-shadow .3s ease;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;position:fixed;top:0;left:0;width:100%;height:5rem;background:var(--couleur-fond-header);padding-inline:65px;z-index:2}header.Header .logo{height:60%;cursor:pointer;transition:1.3s;display:block;border:1px solid var(--couleur-fond-header);border-radius:50%}header.Header .logo:active{transform:rotate(-1turn);transition:padding-block .3s}header.Header .logo.active{border:1px solid var(--couleur-span)}header.Header nav{justify-content:space-between;align-items:center;flex-wrap:wrap}header.Header nav,header.Header nav ul{display:flex;gap:3vw}header.Header nav ul li a,header.Header nav ul li span{font-size:1rem}@media screen and (min-width:1921px){header.Header nav ul li a,header.Header nav ul li span{font-size:calc(1rem + .15vw)}}@media screen and (max-width:1640px){header.Header nav ul li a,header.Header nav ul li span{font-size:1rem}}@media screen and (max-width:1250px){header.Header nav ul li a,header.Header nav ul li span{font-size:1.5rem}}@media screen and (max-width:678px){header.Header nav ul li a,header.Header nav ul li span{font-size:1.5rem}}header.Header nav ul li a,header.Header nav ul li span{transition:.3s ease;color:var(--couleur-nav-active)}header.Header nav ul li a:hover,header.Header nav ul li span:hover{color:var(--couleur-span-hover);opacity:.85}header.Header nav ul li a.active,header.Header nav ul li span.active{color:var(--couleur-span);opacity:1;transition:none}header.Header nav ul li a.active svg,header.Header nav ul li span.active svg{fill:var(--couleur-span)}header.Header nav .dark-mode-toggle{padding:.313rem .438rem;border-radius:50%;cursor:pointer;transition:background-color,color,transform .3s ease}header.Header nav .dark-mode-toggle:hover{background:var(--couleur-fond2);transform:scale(.9);color:var(--couleur-span)}header.Header nav .dark-mode-toggle:active{animation:rotate .7s forwards}@media screen and (min-width:1921px){header.Header{height:calc(5rem + .15vw)}}@media screen and (max-width:1250px){header.Header{left:50%;transform:translate(-50%,-7%);top:unset;bottom:7%;width:90%;height:6.25rem;padding-inline:2.188rem;border-radius:1.875rem;box-shadow:0 2px 10px var(--couleur-box-shadow)}header.Header nav.nav-is-closed{margin-left:auto;margin-right:3.125rem}header.Header nav.nav-is-open .responsive-nav{display:flex!important;padding-left:.625rem;gap:0}header.Header nav.nav-is-open .responsive-nav li a{font-size:2rem;color:var(--couleur-texte);padding-inline:2.5rem;border-right:1px solid var(--couleur-hover)}header.Header nav.nav-is-open .responsive-nav li a svg{transition:.3s ease}header.Header nav.nav-is-open .responsive-nav li a:hover{color:var(--couleur-span)}header.Header .nav-toggle{padding:.625rem;border-radius:30%;transition:background-color,color,transform .3s ease}header.Header .nav-toggle.fa-xmark{font-size:1.25rem}header.Header .nav-toggle:hover{background:var(--couleur-fond2);transform:scale(.9);color:var(--couleur-span)}}@media screen and (max-width:678px){header.Header{height:3.313rem;padding-inline:1.563rem;bottom:5%}header.Header nav.nav-is-closed{margin-right:1.25rem}header.Header nav.nav-is-open .responsive-nav{gap:2.188rem}header.Header nav.nav-is-open .responsive-nav li{line-height:1}header.Header nav.nav-is-open .responsive-nav li a{font-size:1.125rem;border-right:none;padding:0}header.Header .nav-toggle.fa-xmark{font-size:.875rem}}@media screen and (min-width:1249px){header.Header .logo{display:block!important}header.Header .responsive-nav{display:none!important}}footer.Footer{border-top:1px solid var(--couleur-border);text-align:center;padding:5rem 5rem 1rem;background:var(--couleur-fond);transition:background-color .3s}footer.Footer nav ul{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:2rem;margin-block:1.875rem}footer.Footer nav ul li{transition:opacity .2s ease-in-out}footer.Footer nav ul li a{font-size:1rem}@media screen and (max-width:1640px){footer.Footer nav ul li a{font-size:1rem}}@media screen and (max-width:1250px){footer.Footer nav ul li a{font-size:1rem}}@media screen and (max-width:678px){footer.Footer nav ul li a{font-size:.875rem}}footer.Footer nav ul li a{font-weight:400;line-height:1.188rem;letter-spacing:.4px}footer.Footer nav ul li:hover{opacity:.7}footer.Footer .social-networks{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:2.5rem}footer.Footer .social-networks li a svg{font-size:1.375rem;transition:all .2s ease-in-out}footer.Footer .social-networks li:hover a svg{color:var(--couleur-texte-hover);transform:scale(1.08)}footer.Footer .copyright{font-size:.875rem;margin-top:2.5rem}@media screen and (max-width:768px){footer.Footer{padding-inline:2rem}footer.Footer .social-networks li a svg{font-size:1.25rem}}.Home{background-color:var(--couleur-fond2);padding:8.125rem 4.063rem 16.563rem}.Home .presentation-and-avatar{display:flex;align-items:center;margin-top:0}.Home .presentation-and-avatar .presentation{width:60%}.Home .presentation-and-avatar .presentation h1{width:50%;display:flex;flex-direction:column}.Home .presentation-and-avatar .presentation h1 .specification{position:relative;width:max-content;color:var(--couleur-texte);padding-right:.625rem}.Home .presentation-and-avatar .presentation h1 .specification::selection{background:transparent;color:var(--couleur-span)}.Home .presentation-and-avatar .presentation h1 .specification i{font-style:normal;position:absolute;bottom:0;left:100%;transition:transform 1.3s;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.Home .presentation-and-avatar .presentation h1 .specification i.title-is-active{pointer-events:none}.Home .presentation-and-avatar .presentation h1 .specification i.shake{animation:shake .5s}.Home .presentation-and-avatar .presentation h1 .specification .hand-title{border-radius:.313rem;padding:.313rem;width:max-content;position:absolute;left:100%;bottom:45%;z-index:1;font-size:small;color:var(--couleur-fond2);font-weight:500;background-color:var(--couleur-p);box-shadow:0 2px 4px var(--couleur-box-shadow)}.Home .presentation-and-avatar .presentation .description{font-size:1.375rem}@media screen and (max-width:1640px){.Home .presentation-and-avatar .presentation .description{font-size:1.375rem}}@media screen and (max-width:1250px){.Home .presentation-and-avatar .presentation .description{font-size:1.563rem}}@media screen and (max-width:678px){.Home .presentation-and-avatar .presentation .description{font-size:.938rem}}.Home .presentation-and-avatar .presentation .description{line-height:1.15;color:var(--couleur-p);padding-block:.938rem .625rem;padding-right:3rem}.Home .presentation-and-avatar .presentation .description .display-for-mobile{display:none}@media screen and (max-width:678px){.Home .presentation-and-avatar .presentation .description .display-for-mobile{display:block}}.Home .presentation-and-avatar .presentation .social-networks{display:flex;align-items:center;gap:1rem;margin-top:1rem}.Home .presentation-and-avatar .presentation .social-networks li a svg{font-size:2.5rem;transition:transform .2s ease-in-out,color .2s ease}.Home .presentation-and-avatar .presentation .social-networks li:hover a svg{color:var(--couleur-texte-hover);transform:scale(1.08)}.Home .presentation-and-avatar .avatar{position:relative;overflow:hidden;width:40%;max-width:34.375rem;border-radius:50%}.Home .presentation-and-avatar .avatar .loupe{position:absolute;top:0;left:-10%;width:10%;height:100%;filter:blur(10px);background-color:#fff;opacity:.5}.Home .presentation-and-avatar .avatar .loupe.hand-is-shaked{animation:loupe-moving 2s forwards}.Home .presentation-and-avatar .avatar img{object-fit:contain}.Home .technos{display:flex;align-items:center;gap:2rem;margin-top:3.125rem}.Home .technos .title{font-size:1.375rem}@media screen and (max-width:1640px){.Home .technos .title{font-size:1.25rem}}@media screen and (max-width:1250px){.Home .technos .title{font-size:1.125rem}}@media screen and (max-width:678px){.Home .technos .title{font-size:.938rem}}.Home .technos .title{font-weight:500;padding-right:10px;color:var(--couleur-p);border-right:2px solid var(--couleur-nav)}@media screen and (max-width:1250px){.Home{padding:8.125rem 4.063rem}.Home .presentation-and-avatar{flex-direction:column-reverse}.Home .presentation-and-avatar .avatar{width:70%}.Home .presentation-and-avatar .presentation{width:100%;text-align:center}.Home .presentation-and-avatar .presentation h1,.Home .presentation-and-avatar .presentation h1 .specification{margin:auto}.Home .presentation-and-avatar .presentation .description{text-align:center;margin-bottom:2rem;padding-right:0}.Home .presentation-and-avatar .presentation .social-networks{justify-content:center;gap:1.875rem}.Home .presentation-and-avatar .presentation .social-networks li a svg{font-size:1.875rem}.Home .technos{flex-direction:column;margin-top:2.5rem}.Home .technos .title{border-right:none;padding-right:0;border-bottom:2px solid var(--couleur-nav);padding-bottom:.313rem}.Home .technos .TechnosZone{gap:1.25rem}.Home .technos .TechnosZone .techno{width:3.25rem;height:3.25rem}}@media screen and (max-width:678px){.Home{padding-inline:2rem}.Home .presentation-and-avatar .presentation h1{width:100%;margin-top:1.25rem}.Home .presentation-and-avatar .presentation h1 .specification .hand{left:97%}.Home .presentation-and-avatar .presentation h1 .specification .hand-title{left:50%;bottom:200%}.Home .technos .TechnosZone{width:80%}}.About{background-color:var(--couleur-fond)}.About .illustration-and-presentation{display:flex;gap:2rem;align-items:center}.About .illustration-and-presentation .illustration{width:50%;height:25rem;overflow:hidden;border-radius:3.125rem;transition:.3s ease-out}.About .illustration-and-presentation .illustration:hover{border-radius:0}.About .illustration-and-presentation .illustration:active{border-radius:3.125rem}.About .illustration-and-presentation .presentation{width:50%;text-align:center}.About .illustration-and-presentation .presentation h3{color:var(--couleur-texte)}.About .illustration-and-presentation .presentation .age{cursor:default}.About .illustration-and-presentation .presentation .share-with-world{margin-block:.625rem 1.25rem}.About .illustration-and-presentation .presentation details{position:relative}.About .illustration-and-presentation .presentation details summary{cursor:pointer;list-style:none;font-weight:500;position:absolute;bottom:-2.5rem;left:50%;transform:translateX(-50%);opacity:.8;transition:.3s ease-out}.About .illustration-and-presentation .presentation details summary:hover{opacity:.7}.About .illustration-and-presentation .presentation details summary:active{opacity:.6}.About .illustration-and-presentation .presentation details[open] summary{bottom:-3.5rem}@media screen and (max-width:1250px){.About .illustration-and-presentation{flex-direction:column}.About .illustration-and-presentation .illustration{width:95%;border-radius:1.875rem}.About .illustration-and-presentation .presentation{width:100%}}@media screen and (max-width:678px){.About .illustration-and-presentation .illustration{height:16.688rem}}.Portfolio{position:relative;background:var(--couleur-fond2)}.Portfolio .container.secret-mode-game-active .projects-zone .cards-zone,.Portfolio .container.secret-mode-game-active .projects-zone .select-projects-zone{display:none}.Portfolio .container .secret-mode-game{padding:0!important;background:#fff;background:#000;position:relative;border-radius:.125rem;border-radius:.313rem;border:2.5rem solid #2d2e32;height:calc(100vh - 10rem);min-height:25rem;width:90%;margin:auto;display:flex;justify-content:center;align-items:center;text-align:center;line-height:1.4}.Portfolio .container .secret-mode-game .cinematic-announcement{width:max-content;background:#000;color:#fff;position:absolute;top:3.125rem;left:50%;transform:translate(-50%,-50%);padding:.625rem 1.25rem;border-radius:.438rem;box-shadow:0 2px 10px var(--couleur-box-shadow);z-index:1000}.Portfolio .container .secret-mode-game.projects-are-displayed{border:none}.Portfolio .container .secret-mode-game.secret-mode-game-zoom{animation:zoomEffect .5s ease-in-out forwards}.Portfolio .container .secret-mode-game.cinematic-end{background:#000;transition:4s}.Portfolio .container .secret-mode-game.cinematic-end .buttons-zone{display:none!important}.Portfolio .container .secret-mode-game .car{position:absolute;width:auto;height:auto;object-fit:contain;top:40%;left:50%;transform:translate(-50%,-50%)}.Portfolio .container .secret-mode-game .buttons-zone{position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);display:flex;gap:1.25rem}.Portfolio .container .secret-mode-game .buttons-zone button{width:max-content;padding:.125rem 1.25rem;letter-spacing:1.5px;border-radius:3.125rem;font-weight:500;color:var(--couleur-scroll-to-top-button);cursor:pointer;transition:.3s}.Portfolio .container .secret-mode-game .buttons-zone button:hover{transform:scale(1.03)}.Portfolio .container .secret-mode-game .buttons-zone button:active{transform:scale(.98);filter:brightness(.8)}.Portfolio .container .secret-mode-game .buttons-zone button.no{background-color:var(--couleur-texte)}.Portfolio .container .secret-mode-game .buttons-zone button.yes{height:2.5rem;background-color:var(--couleur-span);position:relative}.Portfolio .container .secret-mode-game:before{content:"";position:absolute;top:100%;background-color:#2d2e32;height:5rem;width:1.875rem}.Portfolio .container .secret-mode-game:after{content:"";position:absolute;top:calc(100% + 5rem);background-color:#2d2e32;height:.438rem;width:12.5rem}.Portfolio .projects-zone{position:relative}.Portfolio .projects-zone .cards-zone{display:grid;grid-gap:.938rem;gap:.938rem;grid-template-columns:repeat(2,1fr)}@media screen and (max-width:678px){.Portfolio .projects-zone .cards-zone{grid-template-columns:1fr!important}}.Portfolio .projects-zone .cards-zone{width:92%;margin-inline:auto;grid-gap:1.875rem}.Portfolio .projects-zone .select-projects-zone{display:none}.Portfolio .car-toogle{object-fit:contain;display:block;width:6.875rem;height:max-content;margin-top:3.125rem;transition:opacity 1s ease;animation:run 17s linear infinite;cursor:pointer}.Portfolio .car-toogle.car-hidden{display:none}@media screen and (max-width:1250px){.Portfolio .container .secret-mode-game{height:25rem;border-width:1.25rem}.Portfolio .projects-zone .cards-zone{grid-template-columns:1fr}.Portfolio .projects-zone .cards-zone .CardProject{display:none}.Portfolio .projects-zone .cards-zone .CardProject.project-selected{display:unset;height:40.625rem}.Portfolio .projects-zone .cards-zone .CardProject.project-selected .cover{height:28.125rem}.Portfolio .projects-zone .cards-zone .CardProject.project-selected .cover img{transition:15s ease}.Portfolio .projects-zone .cards-zone .CardProject.project-selected .cover:hover img{transform:translateY(calc(-100% + 28.125rem))}.Portfolio .projects-zone .cards-zone .CardProject.project-selected .content{gap:1rem}.Portfolio .projects-zone .select-projects-zone{display:flex;gap:.625rem;width:max-content;margin:2.5rem auto}.Portfolio .projects-zone .select-projects-zone .select{border:1px solid var(--couleur-fond);background-color:var(--couleur-background-button);display:flex;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;border-radius:50%;box-shadow:0 2px 10px var(--couleur-box-shadow);cursor:pointer;transition:all .3s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.Portfolio .projects-zone .select-projects-zone .select.select-active{background-color:var(--couleur-background-button-active);transition:all .3s;color:var(--couleur-span)}.Portfolio .car-toogle{position:unset;left:unset;bottom:unset;animation:run 20s linear infinite}}@media screen and (max-width:678px){.Portfolio{padding-bottom:1rem}.Portfolio .container{margin-bottom:3.125rem}.Portfolio .container .secret-mode-game{height:25vh;min-height:13.125rem;border-width:.438rem;margin-inline:0;width:100%}.Portfolio .container .secret-mode-game:before{height:1.875rem}.Portfolio .container .secret-mode-game:after{top:calc(100% + 1.875rem);width:4.375rem}.Portfolio .container .secret-mode-game .buttons-zone{top:52%;flex-direction:column;align-items:center}.Portfolio .projects-zone .cards-zone{width:100%}.Portfolio .projects-zone .cards-zone .CardProject.project-selected{min-height:24.188rem;height:max-content}.Portfolio .projects-zone .cards-zone .CardProject.project-selected .cover{height:12.938rem}.Portfolio .projects-zone .cards-zone .CardProject.project-selected .cover img{transform:translateY(0)}.Portfolio .projects-zone .cards-zone .CardProject.project-selected .cover:hover img{transform:translateY(calc(-100% + 12.938rem))}.Portfolio .projects-zone .cards-zone .CardProject.project-selected .content{gap:1.875rem}.Portfolio .projects-zone .cards-zone .CardProject.project-selected .content .description{margin-top:1rem}.Portfolio .projects-zone .cards-zone .CardProject.project-selected .content .description .mission{-webkit-line-clamp:2;margin-bottom:1.25rem}.Portfolio .projects-zone .cards-zone .CardProject.project-selected .content .technos-used .techno{font-size:.438rem;line-height:2.5}.Portfolio .projects-zone .select-projects-zone{margin:1.875rem auto;gap:.625rem}.Portfolio .projects-zone .select-projects-zone .select{width:1.875rem;height:1.875rem;font-size:.625rem}.Portfolio .car-toogle{width:20%!important;animation:run 7s linear infinite}}.Skills{background:var(--couleur-fond)}.Skills .devLanguages-and-tools{display:grid;grid-gap:.938rem;gap:.938rem;grid-template-columns:repeat(2,1fr)}@media screen and (max-width:678px){.Skills .devLanguages-and-tools{grid-template-columns:1fr!important}}.Skills .devLanguages-and-tools{gap:10rem}.Skills .devLanguages-and-tools .DevLanguagesZone,.Skills .devLanguages-and-tools .ToolsZone{width:60%}@media screen and (max-width:1250px){.Skills .devLanguages-and-tools{display:grid;grid-gap:.938rem;gap:.938rem;grid-template-columns:repeat(1,1fr)}}@media screen and (max-width:1250px)and (max-width:678px){.Skills .devLanguages-and-tools{grid-template-columns:1fr!important}}@media screen and (max-width:1250px){.Skills .devLanguages-and-tools{gap:6.25rem}.Skills .devLanguages-and-tools .DevLanguagesZone,.Skills .devLanguages-and-tools .ToolsZone{width:60%;margin:auto;gap:2.5rem}}@media screen and (max-width:678px){.Skills .devLanguages-and-tools{margin-top:2.5rem}.Skills .devLanguages-and-tools .DevLanguagesZone,.Skills .devLanguages-and-tools .ToolsZone{width:100%}.Skills .devLanguages-and-tools .DevLanguagesZone h3,.Skills .devLanguages-and-tools .ToolsZone h3{gap:.625rem}.Skills .devLanguages-and-tools .DevLanguagesZone h3 svg,.Skills .devLanguages-and-tools .ToolsZone h3 svg{font-size:1.125rem}.Skills .devLanguages-and-tools .DevLanguagesZone ul,.Skills .devLanguages-and-tools .ToolsZone ul{width:90%;margin:auto;gap:2.25rem .313rem}.Skills .devLanguages-and-tools .DevLanguagesZone ul li .title,.Skills .devLanguages-and-tools .ToolsZone ul li .title{font-size:.75rem}.Skills .devLanguages-and-tools .DevLanguagesZone ul li img,.Skills .devLanguages-and-tools .ToolsZone ul li img{width:2.625rem;height:2.625rem}}.Recommendations{padding:4.375rem;background-color:var(--couleur-fond2)}.Contact{background-color:var(--couleur-fond)}.Contact .contact-zone{display:flex;align-items:flex-start;justify-content:center;margin:100px 0}.Contact .contact-zone h3{text-align:center}.Contact .contact-zone h3 svg{margin-right:.625rem}.Contact .contact-zone .classic-contact{margin-right:30px;width:30%;padding:0 5%}.Contact .contact-zone .classic-contact ul{margin-block:35px;font-size:medium;display:grid;grid-gap:.625rem;gap:.625rem}.Contact .contact-zone .classic-contact ul li span{color:var(--couleur-p)}.Contact .contact-zone .classic-contact ul li .email{text-decoration:underline}@media screen and (max-width:1250px){.Contact .contact-zone{flex-direction:column;gap:3.125rem;text-align:center}.Contact .contact-zone .Form,.Contact .contact-zone .classic-contact{width:90%;margin:auto}.Contact .contact-zone .Form div{width:65%;margin-inline:auto}.Contact .contact-zone .Form .submit{text-align:center}}@media screen and (max-width:678px){.Contact .contact-zone{margin-top:3.75rem}.Contact .contact-zone .Form div{width:90%}.Contact .contact-zone .Form div input,.Contact .contact-zone .Form div textarea{font-size:.813rem;padding:.938rem 1.25rem}.Contact .contact-zone .Form div textarea{height:9.375rem}}.TechnosZone{display:flex;flex-wrap:wrap;list-style:none;justify-content:center;gap:1.063rem;padding-block:.625rem}.TechnosZone .techno{position:relative;width:3.875rem;height:3.875rem;background:#f9f9f9;padding:.313rem;border-radius:50%;box-shadow:0 0 10px var(--couleur-box-shadow);cursor:pointer;overflow:hidden;transition:all .3s;animation:infinite-scale 3s infinite}.TechnosZone .techno .seo-only{position:absolute;width:100%;height:100%;top:-3.5rem;left:50%;transform:translateX(-50%);color:transparent;padding:2rem;font-size:2rem}.TechnosZone .techno img{object-fit:contain}.TechnosZone .techno:hover{background:var(--couleur-image-hover);box-shadow:0 0 15px rgba(0,0,0,.188);transform:scale(1.01)}.ToolsZone{display:grid;grid-gap:5rem;gap:5rem;margin-right:auto}.ToolsZone h3{display:flex;justify-content:center;align-items:flex-end;gap:.875rem}.ToolsZone h3 svg{font-size:1.25rem}.ToolsZone .tools{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:3.75rem .75rem;gap:3.75rem .75rem}.DevLanguagesZone{display:grid;grid-gap:5rem;gap:5rem;margin-left:auto}.DevLanguagesZone h3{display:flex;justify-content:center;gap:.875rem;align-items:center}.DevLanguagesZone h3 svg{font-size:1.563rem}.DevLanguagesZone .dev-languages{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:3.75rem .75rem;gap:3.75rem .75rem}.Skill{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;position:relative;cursor:pointer;flex-direction:column;gap:2.5rem}.Skill:hover img{animation:bounce 1s}.Skill img{display:block;object-fit:contain;width:3.438rem;height:3.438rem;animation:infinite-scale 3s infinite}.Skill .title{color:var(--couleur-p);font-family:Poppins,sans-serif;font-weight:700}.Skill .subtitle{background-color:var(--couleur-nav-active);color:var(--couleur-fond);position:absolute;bottom:30px;text-align:center;left:50%;transform:translateX(-50%);padding:5px 10px;border-radius:4px;font-size:.688rem;width:102%;line-height:14px;display:none}.Skill .subtitle::selection{background-color:var(--couleur-texte-selections);color:var(--couleur-texte)}.Skill.showDetails .subtitle{display:block}@media screen and (max-width:678px){.Skill .subtitle{font-size:.6rem}}.Form{margin-left:1.875rem;display:flex;flex-direction:column;width:30%}.Form div{margin-top:2.188rem;position:relative}.Form div label{cursor:pointer;padding:3px 6px;position:absolute;top:-10px;left:15px;font-size:small}.Form div input,.Form div label,.Form div textarea{background:var(--couleur-fond);transition:background-color .3s}.Form div input,.Form div textarea{border-radius:30px;border:1px solid var(--couleur-nav);outline-color:var(--couleur-nav);color:var(--couleur-texte);padding:20px;width:100%;font-family:Poppins,sans-serif}.Form div input:-webkit-autofill,.Form div textarea:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--couleur-fond) inset;-webkit-text-fill-color:var(--couleur-texte)}.Form div textarea{height:14.375rem;resize:none}.Form .confirm{display:none}.Form .submit{border:none;text-align:left;font-weight:600;font-family:poppins,"sans-serif";margin-top:20px;transition:.3s;font-size:small;cursor:pointer}.Form .submit svg{transform:rotate(-45deg);margin-left:10px;transition:.3s}.Form .submit:hover{transition:.3s}.Form .submit:hover,.Form .submit:hover svg path{color:var(--couleur-span)}.Form .submit:active svg{transform:rotate(0)}.ScrollToTop{cursor:pointer;position:fixed;right:65px;bottom:7%;background:var(--couleur-scroll-to-top-button);color:var(--couleur-nav);box-shadow:0 2px 4px var(--couleur-box-shadow);padding:.313rem .625rem;border-radius:3px;transition:background-color .3s,transform .3s,background-color .3s,background-color .3s}.ScrollToTop:hover{transform:scale(1.05)}.ScrollToTop:active{background-color:var(--couleur-scroll-to-top-button-active);transform:scale(.95)}.CardProject{position:relative;padding:.938rem;border-radius:25px;box-shadow:0 2px 10px var(--couleur-box-shadow);height:36.875rem;background:var(--couleur-fond);opacity:1;transition:.3s ease}.CardProject.not-loaded{opacity:0}.CardProject.id-17 .button-in-progress{display:none}.CardProject .cover{display:block;position:relative;overflow:hidden;width:100%;height:23.75rem;border-radius:25px}.CardProject .cover .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(0deg,rgba(0,0,0,.05),transparent);background-size:100% 55%;background-repeat:no-repeat;background-position:bottom;z-index:1;transition:.3s ease-out}.CardProject .cover img{height:unset;transform:translateY(0);transition:15s ease}.CardProject .cover:hover img{transform:translateY(calc(-100% + 23.75rem))}.CardProject .content{display:grid;grid-gap:1.875rem;gap:1.875rem}.CardProject .content .description{margin-top:2rem}.CardProject .content .description .title{color:var(--project-color)}.CardProject .content .description .mission{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.CardProject .content .description .see-more{margin-top:.313rem;text-decoration:underline;color:var(--couleur-p);cursor:pointer;transition:all .3s ease}.CardProject .content .description .see-more svg{margin-left:.625rem;transition:.3s ease}.CardProject .content .description .see-more:hover{color:var(--project-color)}.CardProject .content .description .see-more:active svg{transform:scale(.9) translateX(.438rem)}.CardProject .content .technos-used{display:flex;flex-wrap:wrap;gap:.625rem;justify-content:flex-end}@media screen and (max-width:678px){.CardProject .content .technos-used{justify-content:flex-start}}.CardProject .content .technos-used .techno{padding:0 .75rem;border:1px solid var(--project-color);border-radius:30px;font-weight:300;font-size:.875rem;color:var(--project-color);-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:.3s ease}.CardProject .content .technos-used .techno:hover{background-color:var(--project-color);color:var(--couleur-fond)}.ModalProject{position:fixed;top:0;left:0;width:100vw;height:100vh;margin:0!important;z-index:4}.ModalProject .overlay{position:fixed;top:0;left:0;background:rgba(51,51,51,.827);width:100%;height:100%;z-index:1;cursor:auto}.ModalProject .modal{position:absolute;width:90vw;height:77%;max-height:50rem;background:var(--couleur-fond);border-radius:5px;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;overflow:scroll;padding:3.125rem 2rem;z-index:2}.ModalProject .modal .close-modal{position:absolute;top:1.25rem;right:2.5rem;font-size:larger;cursor:pointer;transition:.3s}.ModalProject .modal .close-modal:hover{color:var(--couleur-texte-hover)}.ModalProject .modal .close-modal:active{transform:scale(1.1)}.ModalProject .modal .project{width:100%}.ModalProject .modal .project .presentation{display:flex;gap:2rem;width:100%;padding-inline:1.25rem}.ModalProject .modal .project .presentation .cover{width:50%;display:block;position:relative;overflow:hidden;height:33.125rem;border-radius:25px;box-shadow:0 2px 10px var(--couleur-box-shadow);cursor:pointer}.ModalProject .modal .project .presentation .cover img{height:unset;transform:translateY(0);transition:10s ease}.ModalProject .modal .project .presentation .cover:hover img{transform:translateY(calc(-100% + 33.125rem))}.ModalProject .modal .project .presentation .cover:active img{transform:scale(1)}.ModalProject .modal .project .content{width:50%;color:var(--couleur-nav)}.ModalProject .modal .project .content .title{font-family:Roboto,sans-serif;color:var(--project-color);font-size:2.188rem;margin-top:1rem}.ModalProject .modal .project .content h4{font-family:Poppins,sans-serif;font-weight:600;font-size:1.25rem;color:var(--couleur-p);margin-top:.875rem}.ModalProject .modal .project .content h4 span{font-weight:500;color:var(--project-color)}.ModalProject .modal .project .content .mission{line-height:1.1}.ModalProject .modal .project .content .strong-points{list-style:circle;margin:.75rem 1rem 1rem;display:flex;flex-direction:column;gap:.75rem;line-height:1.1}.ModalProject .modal .project .content .technos-used{display:flex;flex-wrap:wrap;gap:.625rem;margin-block:1rem 2rem}.ModalProject .modal .project .content .technos-used .techno{padding:0 .75rem;border:1px solid var(--project-color);border-radius:30px;font-weight:300;font-size:.875rem;color:var(--project-color);-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .3s ease}.ModalProject .modal .project .content .technos-used .techno:hover{background-color:var(--project-color);color:var(--couleur-fond)}.ModalProject .modal .project .content .links{display:flex}.ModalProject .modal .project .content .links a{position:relative;display:flex;align-items:center;justify-content:center;padding:7px 15px;margin-right:20px;text-align:center;text-decoration:none;font-size:1.125rem;max-width:300px;min-width:30%;border-width:1px;width:max-content;border-radius:15px;background-color:var(--project-color);color:var(--couleur-fond);transition:.3s}.ModalProject .modal .project .content .links a:active{transform:scale(.98)}.ModalProject .modal .project .content .links a.github-link{background:inherit;border-style:dashed;border-color:var(--project-color);color:var(--project-color);border-radius:15px}.ModalProject .modal .project .content .links a.github-link:after{position:absolute;content:"";top:-1px;left:-1px;width:100%;height:100%;border:1px solid var(--project-color);border-radius:15px;opacity:0;transition:.3s ease-in-out}.ModalProject .modal .project .content .links a.github-link:hover:after{opacity:1}.ModalProject .modal .project .content .links a.website-link svg{transition:.3s ease}.ModalProject .modal .project .content .links a.website-link:hover{background-color:color-mix(in srgb,var(--project-color),var(--couleur-texte) 20%)}.ModalProject .modal .project .content .links a.website-link:hover svg{transform:translate(1px,-1px)}.ModalProject .modal .project .content .links a svg{margin-left:.313rem}.ModalProject .modal .project .pictures-and-lighthouse-score{margin-top:4.375rem;text-align:center;padding-right:10%}.ModalProject .modal .project .pictures-and-lighthouse-score .lighthouse-score,.ModalProject .modal .project .pictures-and-lighthouse-score .pictures{width:80%;margin:auto}.ModalProject .modal .project .contact-link{display:block;border:1px solid var(--noir);border-radius:50px;margin:1.875rem auto;transition:.3s}.ModalProject .modal .project .contact-link .text-content{width:max-content;display:block;text-align:center;background:var(--noir);color:var(--blanc);font-weight:700;font-size:1.25rem;padding:1.25rem 2rem;border-radius:50px;transition:.3s}.ModalProject .modal .project .contact-link:hover .text-content{transform:translateY(-5px)}.ModalProject .modal .project .contact-link:active{transform:scale(.98)}.ModalProject .modal .project .contact-link:active .text-content{transform:translateY(0)}@media screen and (max-width:1250px){.ModalProject .modal .project .presentation{flex-direction:column}.ModalProject .modal .project .presentation .content,.ModalProject .modal .project .presentation .cover{width:100%}}@media screen and (max-width:678px){.ModalProject .modal{padding:2.5rem 0 0}.ModalProject .modal .close-modal{top:1rem;right:1rem}.ModalProject .modal .project .presentation .cover{height:18.75rem}.ModalProject .modal .project .content .title{font-size:1.563rem}.ModalProject .modal .project .content h4{font-size:1rem}.ModalProject .modal .project .content .strong-points{margin:.75rem 1rem}.ModalProject .modal .project .content .technos-used{margin-block:1rem 1.25rem}.ModalProject .modal .project .content .technos-used .techno{font-size:.75rem}.ModalProject .modal .project .content .links a{font-size:1rem}}.Canvas .instruction{margin-bottom:1rem}.Canvas .SnakeCanvas{border:2px solid #000;max-width:90%}.Canvas .overlay{position:absolute;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:2500}.Canvas .responsive-arrows{display:none;grid-template-columns:repeat(3,1fr);gap:1rem;justify-content:center;align-items:center;width:calc(160px + 2rem);margin:2rem auto}.Canvas .responsive-arrows .arrow{-webkit-user-select:none;-moz-user-select:none;user-select:none;width:50px;height:50px;background-color:#fff;display:flex;justify-content:center;align-items:center;border-radius:5px;color:green;margin:auto;font-size:1.3rem;cursor:pointer;transition:.3s}.Canvas .responsive-arrows .arrow:hover{background-color:#f0f0f0}.Canvas .responsive-arrows .arrow:active{background-color:#e0e0e0}.Canvas .responsive-arrows .arrow.arrow-up{grid-column:2;grid-row:1}.Canvas .responsive-arrows .arrow.arrow-left{grid-column:1;grid-row:2}.Canvas .responsive-arrows .arrow.arrow-right{grid-column:3;grid-row:2}.Canvas .responsive-arrows .arrow.arrow-down{grid-column:2;grid-row:3}.Canvas .modal-game-result{position:fixed;background-color:#fff;color:var(--couleur-fond-canvas-snake);width:50%;height:400px;top:50%;left:50%;transform:translate(-50%,-40%);border-radius:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:3000;box-shadow:0 0 20px 0 var(--couleur-box-shadow)}.Canvas .modal-game-result .message{font-size:larger;width:65%;line-height:1.5;font-weight:700;margin-bottom:2rem}.Canvas .modal-game-result .buttons-zone{position:absolute;bottom:3rem}.Canvas .modal-game-result .buttons-zone .restart{padding:10px 20px;background-color:var(--couleur-fond-canvas-snake);color:#fff!important}.Canvas .modal-game-result .buttons-zone .restart:hover{transform:scale(1.02)}.Canvas .modal-game-result .buttons-zone .restart:active{background-color:#7e9a43;transform:scale(.98)}.Canvas .modal-game-result .buttons-zone .left{background:gray;color:#fff!important}.Canvas .modal-game-result .redirection{position:absolute;bottom:3rem;left:50%;transform:translateX(-50%);border:1px solid var(--couleur-fond-canvas-snake);background:#fff;padding:.1rem 1rem;border-radius:4px;width:max-content;max-width:80%;overflow:hidden;cursor:pointer;animation:clignote 1s infinite}.Canvas .modal-game-result .redirection::selection{background:var(--couleur-fond-canvas-snake)!important;color:#fff!important}@keyframes clignote{0%{color:inherit}50%{color:rgba(155,186,89,.18)}to{color:inherit}}.Canvas .score{margin:0 auto 1rem;color:hsla(0,0%,100%,.639);-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;flex-direction:column;align-items:center;gap:1rem}.Canvas .score .number{display:flex;color:#fff;font-size:2.25rem;font-weight:700}.Canvas .score .number .win{color:gold;text-shadow:0 0 5px gold}@media screen and (max-width:1250px){.Canvas .responsive-arrows{display:grid}.Canvas .modal-game-result{width:85%;height:18.75rem;padding-inline:1rem}.Canvas .modal-game-result .message{width:unset;max-width:100%}.Canvas .modal-game-result .buttons-zone{position:unset}}.CinematicProjectDisplay{display:flex;flex-direction:column;background:#fff;justify-content:space-between;position:relative;width:100%;height:100%;border:10px solid #000;overflow:hidden}.CinematicProjectDisplay ::selection{background-color:rgba(0,0,0,.318);color:#fff}.CinematicProjectDisplay.not-available{background:#000;color:#fff;display:flex;justify-content:center;align-items:center;font-size:1.25rem;font-weight:700;height:100%;width:100%;text-align:center}.CinematicProjectDisplay .leaveButton{background:var(--project-color);color:#fff;display:flex;align-items:center;justify-content:center;height:max-content;position:absolute;top:3rem;right:4rem;border-radius:5px;font-weight:600;padding:.4rem .8rem;gap:.625rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;text-transform:uppercase;z-index:1;transition:.3s ease}.CinematicProjectDisplay .leaveButton svg{transform:rotate(-90deg);transition:.3s ease}.CinematicProjectDisplay .leaveButton span{color:#fff}.CinematicProjectDisplay .leaveButton:hover{transform:scale(1.02);filter:brightness(1.1)}.CinematicProjectDisplay .leaveButton:hover svg{transform:rotate(-450deg)}.CinematicProjectDisplay .leaveButton:active{transform:scale(.98);filter:brightness(1)}.CinematicProjectDisplay .CardOfProject{position:absolute;bottom:16%;right:4rem}.CinematicProjectDisplay .sky{position:relative;width:100%;height:100%;background:color-mix(in srgb,var(--project-color),#f4fcff 90%)}.CinematicProjectDisplay .sky .end-of-cinematic-text{font-weight:500;position:absolute;color:#000;top:50%;left:50%;transform:translate(-50%,-35%);text-align:center;font-size:x-large;animation:fadeIn 1s ease-in-out}.CinematicProjectDisplay .sky .end-of-cinematic-text .close-button{margin:1.25rem auto;width:max-content;background:var(--project-color);color:#fff;padding:.438rem .938rem;border-radius:5px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:.3s ease}.CinematicProjectDisplay .sky .end-of-cinematic-text .close-button:hover{transform:scale(1.02);filter:brightness(1.1)}.CinematicProjectDisplay .sky .end-of-cinematic-text .close-button:active{transform:scale(.98);filter:brightness(1)}.CinematicProjectDisplay .sky .list-of-projects{position:absolute;left:4rem;top:3rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.CinematicProjectDisplay .sky .list-of-projects.folder{background:var(--project-color);height:3.125rem;width:3.125rem;display:flex;align-items:center;justify-content:center;font-size:1.875rem;border-radius:.313rem;border:1px solid var(--bg-color-dark);cursor:pointer}.CinematicProjectDisplay .sky .list-of-projects.files{background:color-mix(in srgb,var(--project-color),#f4fcff 90%);display:grid;grid-template-columns:repeat(6,1fr);grid-gap:.313rem .625rem;gap:.313rem .625rem;z-index:2}.CinematicProjectDisplay .sky .list-of-projects.files .close-button{border-radius:50%;margin:auto;color:var(--project-color);cursor:pointer;transition:.3s ease}.CinematicProjectDisplay .sky .list-of-projects.files .close-button:hover{transform:scale(1.02);box-shadow:0 2px 4px var(--project-color)}.CinematicProjectDisplay .sky .list-of-projects.files .close-button:active{transform:scale(.98)}.CinematicProjectDisplay .sky .list-of-projects.files .icon-file{position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer}.CinematicProjectDisplay .sky .list-of-projects.files .icon-file span{position:absolute;left:50%;top:55%;transform:translate(-50%,-50%);font-size:.75rem;font-weight:700;color:var(--project-color)}.CinematicProjectDisplay .sky .list-of-projects.files .icon-file.clicked{pointer-events:none}.CinematicProjectDisplay .sky .list-of-projects.files .icon-file:hover span{color:#fff}.CinematicProjectDisplay .sky .list-of-projects.files .icon-file:hover svg{fill:color-mix(in srgb,var(--files-color),transparent)}.CinematicProjectDisplay .sky .list-of-projects.files .icon-file.active svg{fill:var(--project-color)}.CinematicProjectDisplay .sky .list-of-projects.files .icon-file.active span{color:#fff}.CinematicProjectDisplay .sky .list-of-projects .number-of-project{color:var(--project-color);position:absolute;left:50%;top:50%;transform:translate(-50%,-40%);font-size:.75rem;font-weight:700}.CinematicProjectDisplay .sky .list-of-projects svg{color:#fff;transition:.3s ease}.CinematicProjectDisplay .sky .list-of-projects:hover svg{transform:scale(1.05)}.CinematicProjectDisplay .sky .description{font-size:1.375rem;position:absolute;left:4rem;top:10rem;width:40%;text-align:left;color:#000;opacity:1;transition:.3s ease}@media screen and (max-width:1640px){.CinematicProjectDisplay .sky .description{font-size:1.375rem}}@media screen and (max-width:1250px){.CinematicProjectDisplay .sky .description{font-size:1.563rem}}@media screen and (max-width:678px){.CinematicProjectDisplay .sky .description{font-size:.938rem}}.CinematicProjectDisplay .sky .description.not-loaded{opacity:0}.CinematicProjectDisplay .sky .description h3{font-size:2.375rem;color:#000}@media screen and (max-width:1640px){.CinematicProjectDisplay .sky .description h3{font-size:2.375rem}}@media screen and (max-width:1250px){.CinematicProjectDisplay .sky .description h3{font-size:2.375rem}}@media screen and (max-width:678px){.CinematicProjectDisplay .sky .description h3{font-size:1.5rem}}.CinematicProjectDisplay .sky .description .mission strong{font-weight:500}.CinematicProjectDisplay .sky .description .technos-used{font-size:1.375rem;margin-top:1.25rem;display:flex;flex-wrap:wrap;gap:.625rem}@media screen and (max-width:1640px){.CinematicProjectDisplay .sky .description .technos-used{font-size:1.25rem}}@media screen and (max-width:1250px){.CinematicProjectDisplay .sky .description .technos-used{font-size:1.125rem}}@media screen and (max-width:678px){.CinematicProjectDisplay .sky .description .technos-used{font-size:.938rem}}.CinematicProjectDisplay .floor{position:relative;background:#7d7d7d;height:20%;border-top:2px solid #000}.CinematicProjectDisplay .floor .navigation{padding-inline:2rem;position:absolute;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:space-between;gap:1rem;z-index:3;font-size:4.375rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.CinematicProjectDisplay .floor .navigation .navigation-button{position:relative;cursor:pointer;color:var(--project-color);transition:.3s ease,visibility 0s}.CinematicProjectDisplay .floor .navigation .navigation-button.clicked{pointer-events:none}.CinematicProjectDisplay .floor .navigation .navigation-button span{position:absolute;display:block;width:1.5rem;height:1.5rem;background:transparent;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem;transition:.5s ease,visibility 0s!important}.CinematicProjectDisplay .floor .navigation .navigation-button.prev{transform:scaleX(-1)}.CinematicProjectDisplay .floor .navigation .navigation-button.prev span{transform:scaleX(-1);right:40%;top:38%}.CinematicProjectDisplay .floor .navigation .navigation-button.next{transform:scaleX(-1)}.CinematicProjectDisplay .floor .navigation .navigation-button.next span{transform:scaleX(-1);left:40%;top:38%}.CinematicProjectDisplay .floor .navigation .navigation-button.disabled{visibility:hidden}.CinematicProjectDisplay .floor .navigation .navigation-button:active{color:var(--project-color)}.CinematicProjectDisplay .floor .navigation .navigation-button:hover span{background:hsla(0,0%,100%,.031);transition:.7s ease}.CinematicProjectDisplay .floor .line{position:absolute;top:50%;left:0;height:7px;width:300%;background:repeating-linear-gradient(90deg,transparent 0,transparent 20px,#fff 0,#fff 40px);animation:slide 1s linear infinite}.CinematicProjectDisplay .floor .yellow-car{position:absolute;object-fit:contain;bottom:70%;left:20%;width:16.875rem;transition:1.2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media screen and (max-width:768px){.CinematicProjectDisplay .leaveButton{top:1rem;right:1rem}.CinematicProjectDisplay .CardOfProject{bottom:unset;top:4rem;right:1rem}.CinematicProjectDisplay .sky .end-of-cinematic-text{top:45%;font-size:.938rem}.CinematicProjectDisplay .sky .list-of-projects{left:1rem;top:1rem}.CinematicProjectDisplay .sky .list-of-projects.folder{height:1.875rem;width:1.875rem;font-size:1.25rem}.CinematicProjectDisplay .sky .list-of-projects.files{grid-template-columns:repeat(10,1fr)}.CinematicProjectDisplay .sky .list-of-projects.files .icon-file svg{width:15px;height:20px}.CinematicProjectDisplay .sky .list-of-projects.files .icon-file span{font-size:.438rem}.CinematicProjectDisplay .sky .description{left:1rem;top:4.5rem;font-size:.625rem;width:52%}.CinematicProjectDisplay .sky .description .technos-used{margin-top:.625rem;font-size:.5rem;gap:.125rem}.CinematicProjectDisplay .floor .navigation{padding-inline:1rem}.CinematicProjectDisplay .floor .navigation .navigation-button{font-size:2.5rem}.CinematicProjectDisplay .floor .navigation .navigation-button span{font-size:.75rem}.CinematicProjectDisplay .floor .navigation .navigation-button.prev span{right:27%;top:27%}.CinematicProjectDisplay .floor .navigation .navigation-button.next span{left:27%;top:27%}.CinematicProjectDisplay .floor .yellow-car{width:max-content}}.CardOfProject{background:#fff;max-height:37.5rem;height:62%;width:30%;padding:2rem;overflow:hidden;border-radius:20px;display:flex;gap:2rem;flex-direction:column;box-shadow:0 0 10px 0 rgba(0,0,0,.5);z-index:1}.CardOfProject .cover{height:23.75rem;border-radius:10px;background:color-mix(in srgb,var(--project-color),#fff 90%);overflow:hidden;box-shadow:0 2px 10px var(--couleur-box-shadow)}.CardOfProject .cover .button-in-progress{top:calc(2rem + 7px);right:calc(2rem + 7px)}.CardOfProject .cover img{height:unset;transform:translateY(0);transition:15s ease}.CardOfProject .cover:hover img{transform:translateY(calc(-100% + 8.438rem))}.CardOfProject .cover:active img{transform:translateY(0)}.CardOfProject .content{display:flex;justify-content:space-between;align-items:center;text-align:left;color:#000}.CardOfProject .content h3{color:#000}.CardOfProject .content .id-of-creation{background:var(--project-color);color:#fff;height:1.875rem;width:1.875rem;display:flex;align-items:center;justify-content:center;border-radius:5px;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:.3s ease}.CardOfProject .content .id-of-creation:hover{transform:rotate(10deg)}.CardOfProject .button-zone{margin-top:auto;display:flex;flex-direction:column;gap:1rem}.CardOfProject .button-zone a{position:relative;text-transform:uppercase;width:100%;padding:.7rem 1rem;border-radius:5px;text-align:center;font-weight:600;border:1px solid var(--project-color)}.CardOfProject .button-zone a,.CardOfProject .button-zone a span{display:flex;align-items:center;justify-content:center;gap:.625rem;transition:.3s ease}.CardOfProject .button-zone a.website-link{border-color:color-mix(in srgb,var(--project-color),#fff 20%);background-color:color-mix(in srgb,var(--project-color),#fff 20%)}.CardOfProject .button-zone a.website-link span{color:#fff}.CardOfProject .button-zone a.website-link:hover{background:var(--project-color)}.CardOfProject .button-zone a.github-link{background:#fff;border-style:dashed}.CardOfProject .button-zone a.github-link span{color:color-mix(in srgb,var(--project-color),#fff 20%)}.CardOfProject .button-zone a.github-link:after{position:absolute;content:"";top:-1px;left:-1px;width:100%;height:100%;border:1px solid var(--project-color);border-radius:5px;opacity:0;transition:.3s ease-in-out}.CardOfProject .button-zone a.github-link:hover span{color:var(--project-color)}.CardOfProject .button-zone a.github-link:hover:after{opacity:1}@media screen and (max-width:768px){.CardOfProject{position:relative;height:62%;width:30%;padding:.5rem;border-radius:10px;gap:.625rem;max-height:13.75rem}.CardOfProject .cover{height:8.438rem}.CardOfProject .cover .button-in-progress{top:calc(.5rem + 7px);right:calc(.5rem + 7px)}.CardOfProject .content{margin-block:auto}.CardOfProject .content .title-and-date{font-size:.75rem}.CardOfProject .content .title-and-date h3{padding-bottom:.313rem}.CardOfProject .content .id-of-creation{height:1.25rem;width:1.25rem;font-size:.75rem;margin-bottom:auto}.CardOfProject .button-zone{flex-direction:row}.CardOfProject .button-zone a{padding:.313rem}.CardOfProject .button-zone a span .text{display:none}}