@charset "UTF-8";*{margin:0;padding:0;}body{background:url(../img/boites/backgroundboites.webp) center center/cover no-repeat fixed;}.titleboites{font-size:3rem;font-weight:bold;color:#2c3e50;text-transform:uppercase;letter-spacing:0.1rem;position:relative;padding:0.5rem 1rem;overflow:hidden;border:2px solid #2c3e50;background:linear-gradient(to right, #3498db, #9b59b6, #f39c12);background-size:200% auto;border-radius:5px;text-align:center;animation:gradientAnimation 3s ease infinite;width:80%;margin-left:auto;margin-right:auto;margin-top:12rem;}@keyframes gradientAnimation{0%{background-position:0% 50%;}50%{background-position:100% 50%;}100%{background-position:0% 50%;}}.titleboites::after{content:"";position:absolute;top:0;left:0;height:100%;width:100%;background:rgba(255, 255, 255, 0.3);transform:translateX(-100%);animation:slideIn 1.5s ease-out forwards;}@keyframes slideIn{0%{transform:translateX(-100%);}100%{transform:translateX(100%);}}.titleboites{box-shadow:0 4px 15px rgba(0, 0, 0, 0.1);}.titleboites:hover{transform:scale(1.05);transition:transform 0.3s ease;}.wrapper{position:relative;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:2em;margin-block:4em;margin-top:100px;}.card{position:relative;display:flex;flex-direction:column;width:18em;height:16em;padding:1em;background:#333230;border-radius:1em;}.card:hover{height:30em;}.image{position:absolute;inset:0.5em 0.5em 0em 0.5em;}.card:hover .image{position:absolute;inset:-4em 2em 0em 2em;}.log{width:100%;height:200px;object-fit:cover;border:0em solid rgba(0, 0, 0, 0);border-radius:0.8em;background-color:#171412;}.card:hover .log{border:0.5em solid #171412;border-radius:1.2em;background-color:#171412;}.textcache{position:absolute;top:50px;opacity:0;color:rgb(255, 255, 255);}.card:hover .textcache{transition-delay:0.15s;position:absolute;top:10em;opacity:1;width:90%;text-align:justify;}.button{position:absolute;bottom:0.4em;left:50%;translate:-50% 0;padding:0.25em 1em;background:#65d3ff;outline:0em solid rgba(0, 0, 0, 0);border-radius:4em;}.card:hover .button{bottom:-1.3em;padding:0.5em 2em;outline:0.5em solid #171412;}