html#Webouille body .webouille-main[data-astro-cid-lvvxhqc7] .trigger-warning-blabla[data-astro-cid-lvvxhqc7]{background:var(--grut-color);color:var(--defaut-txt);font-family:Chelsea Market,system-ui;transform:rotate(-2deg)translate(-4rem)}div[data-astro-cid-lvvxhqc7]:has(.tools-icon){flex-direction:row;display:flex;& .tools-icon div{justify-content:flex-start;align-items:center;gap:1rem;width:100%;height:100%;display:flex;& img{background:var(--back-2);height:5rem;padding:1rem}}}html#Webouille body div[data-astro-cid-lvvxhqc7].webouille-main div[data-astro-cid-lvvxhqc7][class*=visuel-]{z-index:0;align-items:center;padding-bottom:1rem;display:flex;position:relative;& img{object-fit:contain}& p.description{background-color:var(--grut-color);color:var(--defaut-txt);z-index:1;opacity:0;min-width:240px;max-width:44%;height:fit-content;padding:.8rem;font-size:.9rem;font-style:italic;transition:all .15s;position:absolute;bottom:-1.3rem;right:0%;transform:rotate(-7deg)translate(3rem)}&:hover .description[data-astro-cid-lvvxhqc7]{opacity:1;transform:rotate(-5deg)translate(0)}}.webouille-main[data-astro-cid-lvvxhqc7]{background:var(--defaut-txt) url(/_astro/fig_3.DS7IeDFe.png);z-index:1;background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;flex-flow:wrap;width:100%;position:relative;& img{height:fit-content}& h1{width:100%;color:var(--back-2);z-index:2;margin-top:66px;padding-left:32px;font-size:4rem}& div.overlay-done{content:"";background-image:linear-gradient(transparent 10%, var(--defaut-txt) 55%);z-index:1;width:100%;height:30vh;position:absolute;bottom:0;right:0}&:after{content:"";z-index:0;background:var(--defaut-txt);opacity:.85;width:100%;height:100%;position:absolute}}section[data-astro-cid-lvvxhqc7]{z-index:1;padding-bottom:15vh}html#Webouille body .webouille-todo[data-astro-cid-lvvxhqc7]{width:auto;max-width:20%;& p .lien-actu:before{background-color:var(--back-2)}& *{color:var(--back-2)}&>div[data-astro-cid-lvvxhqc7]{flex-direction:column;justify-content:space-between;align-items:flex-start;max-height:88vh;padding:2vh 32px 8vh;display:flex;position:sticky;top:10vh}& ul{color:var(--back-2);width:inherit;padding:0;line-height:1.2rem;& li{font-family:sans-serif;font-size:.8em;font-weight:lighter}& li:first-of-type{font-size:1.2rem;line-height:1.5rem;list-style:none;animation:3.5s infinite forwards blink-todo}}}@keyframes blink-todo{0%,50%,to{opacity:1}25%,75%{opacity:0}}.webouille-done[data-astro-cid-lvvxhqc7]{flex-grow:1;width:auto;max-width:75%;position:relative;& ul.liste-intext li{max-width:640px;margin-left:1rem;font-size:1.1rem;position:relative;&:before{content:"";background-color:var(--grut-color);align-items:center;width:1.2rem;height:1.2rem;display:flex;position:absolute;left:-1.6rem;mask:url(/_astro/check-valid-png.ZQkDCAg8.png) 50%/contain no-repeat}}& ul.liste-intext.tools{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:0 1rem;display:flex;& li{text-wrap:nowrap;min-width:calc(320px - 3rem);font-family:Chelsea Market,system-ui;font-size:1.3rem}}& p span.mindfuck{font-size:1.1rem;font-style:italic;font-weight:lighter}& a{background-color:var(--grut-color)}&>div[data-astro-cid-lvvxhqc7].main-done{scrollbar-color:transparent transparent;flex-direction:column;gap:2.5rem;max-width:1024px;padding:2vh 4vw 8vh 10vw;display:flex;overflow-y:scroll;& :is(h2,h3,p){max-width:640px;height:auto}& :is(h2,h3){width:fit-content;padding:8px 16px 8px 0}& :is(h3,p){font-size:1.3rem}& :is(p,ul li){color:color-mix(in srgb, var(--back-2) 90%, var(--defaut-txt))}& h2{background:var(--back-2);color:var(--defaut-txt);font-size:2rem;&:nth-child(2n){transform:rotate(2deg)}&:nth-child(odd){transform:rotate(-2deg)}}& h3{color:var(--back-2);border-bottom:8px dashed var(--grut-color);padding:0;&:nth-child(2n){transform:rotate(-2deg)}&:nth-child(odd){transform:rotate(2deg)}}}}@media (width<1025px){html#Webouille body div[data-astro-cid-lvvxhqc7].webouille-main{z-index:1;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;flex-flow:column wrap;width:100%;position:relative;&:after{opacity:1}& section{min-width:100%;height:fit-content;padding:24px;&.webouille-todo{order:1}&>div[data-astro-cid-lvvxhqc7]{padding:0}}& div[class*=visuel-]{max-width:800px;height:auto;display:block;position:relative;& :is(p.description,img){position:relative}& p.description{opacity:1;object-fit:contain;width:100%;height:fit-content;max-width:unset;min-height:unset;transform:unset;padding:.5rem;transition:unset;bottom:0}&:hover p[data-astro-cid-lvvxhqc7].description{transform:unset}}& div.overlay-done{content:"";display:none;position:absolute}& div.img{z-index:0;align-items:center;padding:0 0 5rem;display:flex;position:relative;& img{object-fit:contain}}}html#Webouille body .webouille-main[data-astro-cid-lvvxhqc7] .trigger-warning-blabla[data-astro-cid-lvvxhqc7]{transform:unset;margin-top:16px}@media (width<601px){html#Webouille body .webouille-main[data-astro-cid-lvvxhqc7] .trigger-warning-blabla[data-astro-cid-lvvxhqc7]{transform:unset;margin-top:16px}.webouille-main[data-astro-cid-lvvxhqc7]{& h1{font-size:3rem}& h2{font-size:1.8rem}& h3{font-size:1.2rem}}}}