body {
    background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
    background-size: 500% 500%;
    animation: gradient 15s ease infinite;
    font-family: 'Roboto', sans-serif;
}

@keyframes gradient {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

.center { margin-top: 50vh; transform: translateY(-50%); text-align:center; }
.container { display: grid; grid-template-columns: 550px 550px; justify-content: center; gap:20px; }
.box { width: 500px; background:white; border-radius:15px; overflow:hidden;
       box-shadow:0 3px 6px rgba(0,0,0,0.06),0 7px 14px rgba(36,51,82,0.11); transition: transform 0.3s cubic-bezier(.15,.8,.3,1.8);}
.box:hover { transform: translateY(-2px); }
.box img { height:200px; display:block; margin:10px auto 30px auto; width:70%; }
.box-text { text-align:center; padding:5px 20px 20px 20px; }

a.button4 { display:inline-block; padding:0.3em 1.2em; margin:0.1em;
            border:0.16em solid rgba(255,255,255,0); border-radius:2em;
            text-decoration:none; font-weight:300; color:#FFFFFF;
            text-align:center; text-shadow: 0 0.04em 0.04em rgba(0,0,0,0.35);
            transition: all 0.2s;}
a.button4:hover { border-color: rgba(255,255,255,1); }

.button4.wordpress { background-color: #4e9af1 !important; }
.button4.prestashop { background-color: #4e9af1 !important; }
.button4.admin { background-color: #2fb36f !important; }
.button4.delete { background-color: red !important; }

.supprimer { margin-top:30px; }