/* yopp */
.padding-64 {
    padding-bottom: 0 ! important;
}
.formation{
    padding: 10px ;
}
span{
    font-weight: bold;
}
.the-row{
    display:flex;
    flex-direction: column;
    align-items: center;
}
.texte{
    margin-top: 0 ! important;
}
.info{
    margin-bottom: 30px ! important;
 
}
/* .bloc-2:hover{
    filter: blur(1px);
    background: -webkit-linear-gradient(to right, #fdeff9, #ec38bc, #7303c0, #03001e);
    background: linear-gradient(to right, #fdeff9, #addce7, #bad6e2, #03001e);
    box-shadow:
        inset 0 0 0 5px rgba(255, 255, 255, 0.6),
        inset 100px 100px 0 0px #fdeff9,  
        inset 200px 200px 0 0px  #addce7,
        inset 300px 300px 0 0px   #bad6e2, 
        inset 400px 400px 0 0px  #03001e;
} */
.bim{
    height: 25em;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: auto;
    background-color: rgb(29 122 127);
}
.réa{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;


}
.block-img{
    width: 12em;

}
.img-player{
    width: 100%;
    object-fit: cover;
}
.bim1{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.fa-solid, .fas {
    font-weight: 900;
    margin: auto;
}
 /* .blob{
    position: absolute;
    width: 250px;
    height: 250px;
    background: -webkit-linear-gradient(to right, #A5FECB, #20BDFF, #5433FF);   
    background: linear-gradient(to right, #A5FECB, #20BDFF, #5433FF);
    /* mix-blend-mode: color-dodge; */
        /* border-radius: 24% 76% 35% 65% / 27% 36% 64% 73%; */
    /*-webkit-animation: move 10s infinite alternate;
    animation: move 10s infinite alternate;
    transition: 1s cubic-bezier(0.07, 0.8, 0.16, 1);

} */
/*.blob:hover{
    width: 270px;
    height: 270px;
    filter: blur(8px);
    background: -webkit-linear-gradient(to right, #fdeff9, #ec38bc, #7303c0, #03001e);
    background: linear-gradient(to right, #fdeff9, #ec38bc, #7303c0, #03001e);
    box-shadow:
        inset 0 0 0 5px rgba(255, 255, 255, 0.6),
        inset 100px 100px 0 0px #fdeff9,  
        inset 200px 200px 0 0px #ec38bc,
        inset 300px 300px 0 0px  #7303c0,
        inset 400px 400px 0 0px  #03001e;
} */
/* background: #5433FF;  /* fallback for old browsers */
/* bleu stylé background: -webkit-linear-gradient(to right, #A5FECB, #20BDFF, #5433FF);   Chrome 10-25, Safari 5.1-6 
background: linear-gradient(to right, #A5FECB, #20BDFF, #5433FF);  */
/* Argon
background: #03001e;  fallback for old browsers 
background: -webkit-linear-gradient(to right, #fdeff9, #ec38bc, #7303c0, #03001e);   Chrome 10-25, Safari 5.1-6 
background: linear-gradient(to right, #fdeff9, #ec38bc, #7303c0, #03001e);  */
@-webkit-keyframes move {
    from{
        transform: translate(-100px, -50px) rotate(-90deg);
        border-radius: 24% 76% 35% 65% / 27% 36% 64% 73%;
    }
    to{
        transform: translate(500px, 100px) rotate(-10deg);
        border-radius: 76% 24% 33% 67% / 68% 55% 45% 32%;

    }
}

@keyframes move {
    from {
        transform: translate(-100px, -50px) rotate(-90deg);
        border-radius: 24% 76% 35% 65% / 27% 36% 64% 73%;
    }
    to{
        transform: translate(500px, 100px) rotate(-10deg);
        border-radius: 76% 24% 33% 67% / 68% 55% 45% 32%;

    }
}



@media screen , handled and(max-width: 320px) {
    .la-div-t{
        padding: 0 !important;
    }
    .texte{
        margin: 0;
    }
}