.flip-card {

    background-color: transparent;

    width: 190px;

    height: 254px;

    perspective: 1000px;

    border-radius: 10px;    

}

.flip-card-Statica {

    background-color: transparent;

    width: 190px;

    height: 254px;

    perspective: 1000px;

    border-radius: 10px;

}



.title_flip_card {

    font-size: 1.5em;

    font-weight: 900;

    text-align: center;

    margin: 0;

}



.flip-card-inner {

    position: relative;

    width: 100%;

    height: 100%;

    text-align: center;

    transition: transform 0.8s;

    transform-style: preserve-3d;

    border-radius: 10px;

}

.flip-card-inner-Statica {

    position: relative;

    width: 100%;

    height: 100%;

    text-align: center;

    border-radius: 10px;

}



.flip-card:hover .flip-card-inner {

    transform: rotateY(180deg);

}



.flip-card-front, .flip-card-back {

    box-shadow: 0 8px 14px 0 rgba(0,0,0,0.2);

    position: absolute;

    width: 100%;

    height: 100%;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    border-radius: 10px;

}



.flip-card-front {

    /*background: linear-gradient(120deg, bisque 60%, rgb(255, 231, 222) 88%, rgb(255, 211, 195) 40%, rgba(255, 127, 80, 0.603) 48%);

    color: coral;*/

    padding-top: 60px;

    background: linear-gradient(120deg, rgba(0, 0, 0, 0.00) 30%, rgba(0, 0, 0, 0.00) 88%, rgba(0, 0, 0, 0.00) 40%, #E7222E 78%);

}

.flip-card-front-Statica {

    box-shadow: 0 8px 14px 0 rgba(0,0,0,0.2);

    position: absolute;

    width: 100%;

    height: 100%;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    border-radius: 10px;

    padding-top: 60px;

    background: linear-gradient(120deg, #944087 30%, #16588E 88%, #16588E 40%);

}



.flip-card-back {

    background: linear-gradient(120deg, #16588E 30%, #1d71b5 88%, #D6D6D6 40%, #E7222E 78%);

    color: white;

    transform: rotateY(180deg);

}

.flip-card-back p {

margin-left: 6px;

margin-right: 6px;

}