@charset "UTF-8";@font-face{font-family:Exo_Variable;src:url(../fonts/Exo-VariableFont_wght.ttf) format("truetype")}html,body{font-family:Exo_Variable,sans-serif;text-shadow:.1rem .1rem .2rem rgba(0,0,0,.7);margin:0;padding:0;width:100%;height:100%;overflow-x:hidden;background:#4c6f7a}main{scroll-snap-type:y mandatory;overflow-y:scroll;height:100%}h1{margin-bottom:0}span{margin-bottom:1.5rem}.carte{position:relative;height:100%;width:100%;perspective:1600px;transform-style:preserve-3d;margin:10% 0}.carte:before{content:"";position:absolute;top:0;left:0;width:100%;height:90%;z-index:-1;scroll-snap-align:center;pointer-events:none}.carte-checkbox{position:absolute;opacity:0;width:0;height:0}.carte-label{position:absolute;top:3%;left:3%;width:6vh;height:6vh;min-width:30px;min-height:30px;max-width:60px;max-height:60px;z-index:3;cursor:pointer;border-radius:50%;background:transparent;display:flex;justify-content:center;align-items:center;transition:all .3s ease;box-shadow:-6px -6px 8px #4c6f7a80 inset,7px 7px 12px #add8e666 inset,6px 6px 14px #4c6f7a80,-3px -3px 12px #add8e666}.carte-label:before{position:absolute;content:"<";font-size:clamp(1rem,2.5vh,1.5rem);color:#fff;text-shadow:none;top:50%;left:50%;transform:translate(-50%,-50%);transition:all .3s ease}.carte-label:hover{box-shadow:none;transform:translateY(1px) scale(.99)}.carte-label:active{box-shadow:6px 6px 8px #4c6f7a80 inset,-7px -7px 12px #add8e666 inset,-6px -6px 14px #4c6f7a80,3px 3px 12px #add8e666;transform:translateY(1px) scale(.98)}.carte .front{transform:rotateY(0);z-index:2}.carte .back{transform:rotateY(-180deg);z-index:1}.carte .carte-checkbox:checked~.front{transform:rotateY(180deg);z-index:1}.carte .carte-checkbox:checked~.back{transform:rotateY(0);z-index:2}.carte .front .carte-label{left:3%;right:auto}.carte .front .carte-label:before{content:"<"}.carte .back .carte-label{left:auto;right:3%}.carte .back .carte-label:before{content:">"}.carte .carte-checkbox:checked~.front .carte-label{opacity:0;pointer-events:none}.front,.back{position:absolute;border-radius:2.5rem;box-shadow:0 0 1rem #000;height:90%;width:100%;background:linear-gradient(to top,#4c6f7a,#add8e6);color:transparent;display:grid;place-items:center;margin:0;backdrop-filter:blur(8px);transform-style:preserve-3d;backface-visibility:hidden;transition:transform 1s ease,z-index 0s .5s;transform-origin:center}.front-contenu,.back-contenu{display:flex;flex-direction:column;align-items:center;text-align:center;height:90%;width:auto;max-width:90%;max-height:90%;overflow:hidden;margin:auto;justify-content:center;color:#fff;text-shadow:none}.front-contenu h1,.front-contenu h2,.front-contenu span,.back-contenu h1,.back-contenu h2,.back-contenu span{color:transparent;text-shadow:0px .75px 1.5px #fff,0 0 0 #000,0px .75px 1.5px #fff}.front-contenu h1,.back-contenu h1{font-size:clamp(2rem,6vh,6rem);margin:5% 10%;line-height:1.2}.front-contenu h2,.back-contenu h2{font-size:clamp(1.5rem,4vh,5rem);margin:4% 10%;line-height:1.2}.front-contenu span,.back-contenu span{font-size:clamp(1rem,4vh,4rem);margin:3% 10%;line-height:1.2}@media (min-aspect-ratio: 1/1){.carte:before{height:100%;margin:5% 0}.carte-label{width:6vw;height:6vw;min-width:30px;min-height:30px;max-width:60px;max-height:60px;padding-bottom:0}.carte-label:before{font-size:clamp(1rem,2.5vw,1.5rem)}.front,.back{height:100%;width:90%;margin:5%}.front-contenu,.back-contenu{flex-direction:row;width:90%;height:90%;max-height:90%;margin:0 auto;justify-content:center;align-items:center}.front-contenu h1,.back-contenu h1{font-size:clamp(1.25rem,5vw,6rem);margin:5%}.front-contenu h2,.back-contenu h2{font-size:clamp(1rem,4vw,5rem);margin:4%}.front-contenu span,.back-contenu span{font-size:clamp(.6rem,2.5vw,4rem);margin:3%}.front-contenu button,.back-contenu button{font-size:clamp(.8rem,2vw,1.5rem);padding:.4em .8em}.avatar-img{max-width:20%;max-height:100%}.links-container{max-width:50%;aspect-ratio:2.5/1}}.tuile-img,.avatar-img{overflow:hidden;position:relative;width:auto;height:auto;object-fit:cover;box-shadow:none;filter:drop-shadow(-1px -1px 2px rgba(76,111,122,.7)) drop-shadow(3px 3px 3px rgba(173,216,230,.8))}.avatar-img{max-height:33%;border-radius:50%}.tuile-img{border-radius:15%;max-height:33%}.links-container{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:1rem;width:100%;max-width:40rem;aspect-ratio:2/1}.tuile-container{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:2rem;height:90%;width:90%;max-width:90%;max-height:70%;margin:0 auto}.scale-tuile{display:flex;box-shadow:.1rem .1rem .2rem #000000b3;width:100%;height:100%;align-items:center;justify-content:center;position:relative;border-radius:1rem}.scale-tuile img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block;border-radius:.5rem;filter:drop-shadow(-1px -1px 2px rgba(76,111,122,.7)) drop-shadow(3px 3px 3px rgba(173,216,230,.8))}.scale-tuile .tuile-content{position:relative;width:100%;height:100%}.scale-tuile .tuile-details{transform:scale(.5);pointer-events:none;position:absolute;background:#4c6f7af2;color:#fff;text-shadow:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:1.5rem;text-align:center;opacity:0;transition:all .3s ease;width:200%;height:120%;overflow-y:auto;z-index:10;border-radius:.5rem;box-shadow:.1rem .1rem .2rem #000000b3}.scale-tuile .tuile-details::-webkit-scrollbar{width:8px}.scale-tuile .tuile-details::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}.scale-tuile .tuile-details::-webkit-scrollbar-thumb{background:transparent;border-radius:4px}.scale-tuile .tuile-details::-webkit-scrollbar-thumb:hover{background:#f9f9f0cc}.scale-tuile .tuile-details h3{font-size:clamp(1.2rem,3vh,3.5rem);margin:.5rem 0 1rem;position:sticky;top:0;background:#4c6f7af2;width:100%;padding:.5rem 0}.scale-tuile .tuile-details p{font-size:clamp(.8rem,2vh,2.5rem);line-height:1.4;max-width:90%;margin:0 auto;padding:.5rem 1rem}.scale-tuile:hover .tuile-details,.scale-tuile>.tuile-content:focus .tuile-details{opacity:1;transform:scale(1);pointer-events:auto}.scale-tuile:nth-child(1) .tuile-details{top:0;left:0;transform-origin:top left}.scale-tuile:nth-child(2) .tuile-details{top:0;left:-50%;transform-origin:top center}.scale-tuile:nth-child(3) .tuile-details{top:0;right:0;transform-origin:top right}.scale-tuile:nth-child(4) .tuile-details{bottom:0;left:0;transform-origin:bottom left}.scale-tuile:nth-child(5) .tuile-details{bottom:0;left:-50%;transform-origin:bottom center}.scale-tuile:nth-child(6) .tuile-details{bottom:0;right:0;transform-origin:bottom right}@media (min-aspect-ratio: 1/1){.tuile-img{max-width:20%;max-height:100%}.tuile-container{width:90%;height:90%;max-height:90%}.scale-tuile{height:100%;width:100%}.tuile-details h3{font-size:clamp(1.5rem,4vh,4rem)}.tuile-details p{font-size:clamp(1rem,2.5vh,3rem)}}button,a{width:auto;height:auto;max-height:100%;min-height:10%;font-size:clamp(1rem,2.5vh,2.5rem);padding:.5em 1em;margin:0;cursor:pointer;background:transparent;color:transparent;border-radius:6px;border:none;position:relative;overflow:hidden;transition:all .3s ease,box-shadow .4s ease-in-out,filter .4s ease-in-out;font-family:inherit;font-weight:700;display:grid;place-items:center;text-align:center;text-decoration:none;box-shadow:-6px -6px 8px #4c6f7a80 inset,7px 7px 12px #add8e666 inset,6px 6px 14px #4c6f7a80,-3px -3px 12px #add8e666;text-shadow:0px .5px 1px #fff,0 0 0 #000,0px .5px 1px #fff}button:hover,a:hover{box-shadow:none;transform:translateY(1px) scale(.99)}button:active,a:active{box-shadow:6px 6px 8px #4c6f7a80 inset,-7px -7px 12px #add8e666 inset,-6px -6px 14px #4c6f7a80,3px 3px 12px #add8e666;transform:translateY(1px) scale(.98)}