@import url(https://fonts.googleapis.com/css2?family=Bilbo+Swash+Caps&family=Cabin:ital,wght@0,400..700;1,400..700&display=swap);:root{--c-dark:#242038;--c-main_dark:#725ac1;--c-main:#8d86c9;--c-main_light:#cac4ce;--c-light:#f7ece1;--f-main:"Cabin",sans-serif;--f-title:"Bilbo Swash Caps"}.hero{background:var(--c-main_dark);height:100vh;overflow:hidden;position:relative;width:100vw}.hero__background{bottom:-1px;left:-2px;position:absolute;width:calc(100vw + 2px);z-index:0}.hero__content{left:50%;max-width:900px;position:absolute;top:45%;transform:translate(-50%,-50%)}.hero__content--title{color:var(--c-dark)}.cryptideFiche__txt--description,.hero__content--txt{backdrop-filter:blur(4px);border-radius:25px;color:var(--c-light);display:flex;flex-direction:column;gap:1rem;justify-content:center;margin:2rem 0;padding:1rem;text-align:center}@media only screen and (max-width:530px){.hero__background{bottom:-20px;transform:scale(3);transform-origin:bottom left}.hero__content{top:30%;width:95%}.hero__content--txt{margin:2rem 0}}.content{height:100%;overflow-x:hidden;position:relative;width:100vw}.content__background{bottom:0;left:0;position:absolute;width:100vw;z-index:-1}.content__page{align-items:center;display:flex;height:80vh;justify-content:center;overflow:hidden;position:relative;width:100vw}.listeCryptides__liste{align-items:center;display:flex;flex-wrap:wrap;gap:20px;height:100%;justify-content:space-evenly;width:100%}.apropos__link{bottom:1rem;display:block;left:1rem;position:absolute}.apropos{backdrop-filter:blur(4px);border-radius:25px;margin:0 auto;max-width:1000px;padding:1rem;width:80%}.apropos p{margin:1rem 0}.apropos ul{list-style:inside}.apropos__me{font-size:1.5rem;font-weight:700;line-height:1.75rem}@media only screen and (max-width:768px){.content__background{transform:scale(3.5);transform-origin:bottom}.content__page{align-items:center;height:fit-content;min-height:75vh}.listeCryptides__liste{align-items:center;flex-wrap:nowrap;gap:40px;height:100%;justify-content:flex-start;overflow-x:scroll;padding:50px 25px;top:30%;width:95%}.apropos{max-width:95%}}.cryptideFiche{align-items:center;display:flex;flex-wrap:wrap;gap:5%;height:fit-content;justify-content:center;max-width:100vw;padding:10px 5%;width:fit-content}.cryptideFiche__img{height:fit-content;max-width:800px;min-width:400px;object-fit:contain;width:30%;fill:var(--c-dark);background:var(--c-main_light);border-radius:50px;box-shadow:0 0 15px var(--c-main_light);overflow:hidden;transition:all .25s ease-in-out}.cryptideFiche__img:hover{fill:var(--c-main_light);backdrop-filter:blur(5px);background:none;box-shadow:none;overflow:visible}.cryptideFiche__txt{align-self:flex-start;flex:1 1 250px;height:auto;max-width:800px;width:800px}.cryptideFiche__txt ul{display:flex;flex-wrap:wrap;gap:5rem;margin:2rem 1rem;width:fit-content}.cryptideFiche__txt li{font-size:1.25rem;font-weight:700}.cryptideFiche__txt--donnee{color:var(--c-main_dark);font-family:var(--f-title);font-size:2rem}.cryptideFiche__txt .cryptideFiche__txt--description{margin:0;text-align:left}@media only screen and (max-width:768px){.cryptideFiche{flex-direction:column-reverse;gap:40px;padding:50px 25px}.cryptideFiche__img{min-width:95%;width:95%}.cryptideFiche__txt{width:auto}.cryptideFiche__txt ul{flex-direction:column;gap:1.5rem}.cryptideFiche__txt li{font-size:1rem;font-weight:700}.cryptideFiche__txt--donnee{font-size:1.75rem;font-weight:400}}.menu{align-items:flex-end;background:var(--c-dark);display:flex;flex-wrap:wrap;gap:15px;height:20vh;justify-content:space-evenly;margin:auto;max-width:1520px;min-height:fit-content;padding:0 20px;transform:translateY(-2px);z-index:5}.menu__item{background:transparent;fill:var(--c-main_dark);aspect-ratio:1/1;height:fit-content;object-fit:contain;transition:all .25s ease-in-out;width:100px}.choose{fill:var(--c-main_light)}.menu__item:hover{fill:var(--c-main)}@media only screen and (max-width:768px){.menu{gap:0 10px;height:25vh;padding:0 10px}.menu__item{width:65px}}.card{aspect-ratio:5/6;backdrop-filter:brightness(90%) blur(2px);background:transparent;border-radius:30px;box-shadow:0 0 15px var(--c-dark);min-width:250px;position:relative;transition:all .25s ease-in-out;width:20vw}.card__img{display:block;left:50%;margin:auto;top:50%;transform:translate(-50%,-50%);width:90%;z-index:2;fill:var(--c-main_light)}.card__img,.card__txt{position:absolute;transition:all .25s ease-in-out}.card__txt{background:linear-gradient(transparent 30%,var(--c-main));border-radius:30px;bottom:0;height:100%;left:0;opacity:0;right:0;top:0;width:100%;z-index:1}.card__txt--name{bottom:0;color:var(--c-light);line-height:2.5rem;position:absolute;transform:translateY(-100%);transition:all .25s ease-in-out;width:100%}.card:hover{backdrop-filter:brightness(90%) blur(5px);box-shadow:0 0 30px var(--c-main)}.card:hover .card__img{top:30%;width:110%}.card:hover .card__txt{opacity:1}.card:hover .card__txt .card__txt--name{transform:translateY(-20px)}@media only screen and (max-width:768px){.card{backdrop-filter:brightness(80%) blur(5px);box-shadow:0 0 20px var(--c-main);margin-bottom:50px}.card__img{top:30%;width:110%}.card__txt{opacity:1}.card__txt--name{transform:translateY(-20px)}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background:var(--c-dark);color:var(--c-light);overflow-x:hidden!important;width:100vw}h1,h2,h3{color:var(--c-main_dark);font-family:var(--f-title);font-weight:400;margin:auto;text-align:center}h1{font-size:9rem}h2{font-size:5rem}h3{font-size:3rem}ul{list-style:none}a,li,p,span{font-family:var(--f-main);font-size:1rem;line-height:1.3rem}a{color:var(--c-light);font-size:inherit;font-weight:700;text-decoration:underline;transition:all .2s ease-in-out}a:hover{color:var(--c-main_light)}::selection{background:var(--c-main);color:var(--c-dark)}@media only screen and (max-width:768px){h1{font-size:6rem}h2{font-size:4rem}h3{font-size:3rem}li,p,span{font-size:.75rem;line-height:1rem}}