.corpo{
    display: flex;
    flex-direction: column;
    margin-bottom: 70px;
    width: 85%;
    margin-left: auto;
    margin-right: auto;
    background-color: rgba(110, 110, 110, 0.1);
    border-radius: 20px;
    margin-top: 70px;
    align-items: center;
    animation: sfondo 1s ease-in both;
}


.maestro{
    background-color: rgb(155, 4, 4);
    height: 450px;
    width: 90%;
    margin-top: 5%;
    border-radius: 30px;
    display: flex;
    flex-direction: row;
    animation: sinistra 1s ease-in 1s both;
}


.cintura-nera, .dan{
    display: flex;
    flex-direction: column;
    background-color: black;
    height: 450px;
    width: 90%;
    margin-top: 5%;
    border-radius: 30px;
    overflow: hidden;
}

.rosso{
    background-color: rgb(155, 4, 4);
    height: 40px;   
}


.rosso p{
    color: rgb(155, 4, 4);
}

.immagine{
    display: flex;
    flex-direction: row;
    height: 370px;
    width: 100%;
    
}

.immagine img{
    height: 100%;
    border-radius: 20px;
    margin-left: 20px;
    
}

.cintura-nera img, .maestro img{
    margin-top: 40px;
}

.testo, .testo-dan{
    width: 100%;
    text-align: center;
    display: flex;
    color: white;
    align-items: center;
    font-size: 30px;
}

.testo{
    margin-top: 70px;
}

.testo p, .dan p{
    width: 100%;
}

.animation1{
    animation: destra 1s ease-in 1.5s both;

}

.animatio2{
    animation: sinistra 1s ease-in 2s both;
}

.animatio3{
    animation: destra 1s ease-in 2.5s both;
}

.animatio4{
    animation: sinistra 1s ease-in 3s both;
}

@keyframes sfondo {
    from{
        opacity: 0;
    }
    to{
        opacity: 1;
    }
    
}

@keyframes sinistra {

    from{
        opacity: 0;
        transform: translateX(-60px);
    }
    to{
        opacity: 1;
        transform: translateX(0);
    }
    
}

@keyframes destra {

    from{
        opacity: 0;
        transform: translateX(60px);
    }
    to{
        opacity: 1;
        transform: translateX(0);
    }
    
}