.container{
    align-items: center;
    text-align: center;
    color: rgb(224, 208, 208);
}
header p{
    font-family: 'Orbitron', sans-serif;
    font-size: 2rem;
    letter-spacing: 5px;
    color: white;
    position: relative;
    animation: glitch 4s infinite;
}
body{
    background: #000;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 100vh;
    margin: 0;
    text-align: center;
    align-items: center;
}
header{
    text-decoration: #d3d2d6;
    font-size: 30px;
    border-bottom: 2px solid #5175eb;
}
.equi{
    background: radial-gradient(circle, #212144 0%, #020205 100%);
    border-top: 3px solid #c2cef5;
    align-items: center;
    text-align: center;
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    border-radius: 20px 13px;
}
.equi h1{
    align-items: center;
}
.carte{
    margin-left: 20px;
    margin-top: 30px;
    background: #000000;
    border: 4px solid rgba(0, 242, 255, 0.1);
    padding: 40px 20px;
    border-radius: 5px;
    transition: 0.4s;
    position: relative;
    clip-path: polygon(10% 0, 100% 0, 100% 90%, 90% 100%, 0 100%, 0 10%); 
}
.carte:hover{
    background: rgba(0, 242, 255, 0.05);
    border-color: #5175eb;
    transform: translateY(-10px) scale(1.02);
    box-shadow: 0 15px 30px rgba(0, 242, 255, 0.1);
}
.carte img{
    width: 100%;
    height: 390px;
    object-fit: cover;
    display: block;
}
.carte-content{
    padding: 15px;
    flex-grow: 1;
}
@keyframes glitch {
    0% { text-shadow: 2px 2px red, -2px -2px blue; }
    25% { text-shadow: -2px 2px red, 2px -2px blue; }
    50% { text-shadow: 2px -2px red, -2px 2px blue; }
    75% { text-shadow: -2px -2px red, 2px 2px blue; }
    100% { text-shadow: 2px 2px red, -2px -2px blue; }
}
a{
    text-decoration: none; 
    color: inherit;        
    display: contents; 
}
span{
    animation: flashtexte 0.8s,cachetexte 0s forwards 4s;
    font-weight: bold;
    color: #d3d2d6;
    height: auto;
    display: block;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    animation: glitch 4s,flashtexte 0.8s,cachetexte 0s forwards 4s;
}
@keyframes flashtexte{
    50%{opacity: 0;}
}
@keyframes cachetexte{
    to {display: none; visibility: hidden;}
}