:root{--brs:1.1rem;--c:#333;--fanny:#f64;--florentin:#d8a250;--estelle:#2959de;--laurent:#8aaf0f;--barbara:#a20000;--elisa:#ffb300;--charly:#4CF;--deborah:#F0C;--gaetane:#543;--charl-o:1;--gaeta-o:2;--elisa-o:3;--laure-o:4;--barba-o:5;--flore-o:6;--estel-o:7;--fanny-o:8;--debor-o:9;--hide-o:10;--charl-z:90;--gaeta-z:80;--elisa-z:70;--laure-z:60;--barba-z:50;--flore-z:40;--estel-z:30;--fanny-z:20;--debor-z:10;--hide-z:05}html{-webkit-box-sizing:border-box;box-sizing:border-box}*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}@font-face{font-family:"manrope";src:url("webfont/manrope/manrope-var.ttf") format("truetype-variations");font-weight:normal;font-style:normal}@font-face{font-family:"erin";src:url("webfont/erin/erin.ttf") format("truetype");font-weight:normal;font-style:normal}@font-face{font-family:"Kage-black";src:url("webfont/Kage-Black/font.woff") format("woff");font-weight:900;font-style:normal}strong{font-weight:normal}h1,h2,h3,h4,li,ol,p,ul{margin:0;padding:0;list-style-type:none;color:#444}picture{height:12rem}*{-webkit-transition:all 0.3s;transition:all 0.3s}body{margin:0;background:#352343;display:-ms-grid;display:grid;-ms-flex-line-pack:center;align-content:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-family:"manrope";min-height:calc(100vh - 2rem)}.card{margin-inline:-7rem;margin-block:0;color:var(--c);-webkit-box-ordinal-group:var(--o);-ms-flex-order:var(--o);order:var(--o);padding:1.5rem;border-radius:calc(1.5 * var(--brs));display:-ms-grid;display:grid;min-width:18rem;max-width:18rem;background:#fff;-webkit-box-shadow:0 1rem 2rem -0.4rem #0003,0 0 0rem 2px #000,inset 0 0 0 6px var(--c);box-shadow:0 1rem 2rem -0.4rem #0003,0 0 0rem 2px #000,inset 0 0 0 6px var(--c);position:relative;z-index:0;z-index:var(--z)}.card img{width:calc(100% + 1rem);height:100%;margin-inline:-0.5rem;-o-object-fit:cover;object-fit:cover;overflow:hidden;border-radius:var(--brs)}.card picture{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1;position:relative;z-index:1}.card picture:after{content:"";z-index:2;inset:0 -0.5rem;position:absolute;border-radius:var(--brs);-webkit-box-shadow:inset 0 0 0 0.4rem,inset 0 0 1rem 0.5rem;box-shadow:inset 0 0 0 0.4rem,inset 0 0 1rem 0.5rem;opacity:0.8}.card picture:before{position:absolute;z-index:3;content:"";inset:0 -0.5rem;background:-webkit-gradient(linear,left bottom,left top,color-stop(20%,var(--c)),color-stop(60%,transparent));background:linear-gradient(0deg,var(--c) 20%,transparent 60%);border-radius:var(--brs);opacity:0.3}.card h2{z-index:2;margin:-11.6rem 0.2rem 1rem;font-size:2rem;font-family:"kage-black";font-variation-settings:"wght" 600;text-shadow:0px 2px 0.5px var(--c),0px 3px 0.5px var(--c),0px 4px 0.5px var(--c),0px 5px 0.5px var(--c),0px 7px 2px #0008;line-height:0.6;color:white}.card__explain{color:#000C;margin-block:1rem;font-size:0.9rem;line-height:1.2}.card__underline{-webkit-box-ordinal-group:-1;-ms-flex-order:-2;order:-2;font-size:1rem;line-height:0.8;-webkit-margin-after:1rem;margin-block-end:1rem;margin-inline:0rem;min-height:1rem}.card li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.card li:not(:last-child){border-bottom:1px solid #0003;margin-block:0.4rem;padding-block:0 0.4rem}.card__hide{opacity:0;max-width:10rem;width:0;margin-left:-12rem}.card__fanny{--c:var(--fanny);--o:var(--fanny-o);--z:var(--fanny-z)}.card__florentin{--c:var(--florentin);--o:var(--flore-o);--z:var(--flore-z)}.card__estelle{--c:var(--estelle);--o:var(--estel-o);--z:var(--estel-z)}.card__laurent{--c:var(--laurent);--o:var(--laure-o);--z:var(--laure-z)}.card__barbara{--c:var(--barbara);--o:var(--barba-o);--z:var(--barba-z)}.card__elisa{--c:var(--elisa);--o:var(--elisa-o);--z:var(--elisa-z)}.card__charly{--c:var(--charly);--o:var(--charl-o);--z:var(--charl-z)}.card__deborah{--c:var(--deborah);--o:var(--debor-o);--z:var(--debor-z)}.card__gaetane{--c:var(--gaetane);--o:var(--gaeta-o);--z:var(--gaeta-z)}.card__hide{--o:var(--hide-o);--z:var(--hide-z)}a{text-decoration:none!important;color:unset}.wrapper{margin-inline:auto;display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3,1fr);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.wrapper:hover{padding-inline:0rem;margin-inline:0rem;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start}.wrapper:hover .card{margin:0 0}.wrapper:hover .card:hover{z-index:100}
/*# sourceMappingURL=style.css.map */