.cube
{
    transform-style: preserve-3d;
    background: transparent;
    position: absolute;
    transition: transform ease-out .6s;
/*     top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
 */
}

/* #cube1, #cubeFront1AccrocheCube {
    transform: translateY(50px);

}
*/

.face1 {
    position: absolute;
    backface-visibility: visible;
    width: 80vw;
    height: 70vh;
    background: linear-gradient(135deg, rgba(0,80,255,0.8) 0%, rgba(255,255,255,0.4) 50%, rgba(49, 0, 255, 0.8) 100%);
    /* background-color: rgb(185, 105, 0); */
}

.topBottomFaceWidth
{
    width: 80vw;
    height: 80vw;
}

.face
{
    position: absolute;
    backface-visibility: visible;
    background: linear-gradient(135deg, rgba(117,0,255,0.55) 0%, rgba(0,183,255,0.4) 25%, rgba(117,0,255,0.55) 50%, rgba(0,183,255,0.4) 75%, rgba(117,0,255,0.55) 100%);
    /*     
    color_blue: #3100FF;
    color_purple: #7500ff;
 */    
    transition: transform ease-out .6s;
}

.faceFront
{
    backface-visibility: hidden;
    border: 2px solid white;
}

.faceBack
{
    backface-visibility: hidden;
    background: linear-gradient(135deg, rgba(0,183,255,0.55) 0%, rgba(117,0,255,0.4) 25%, rgba(0,183,255,1) 50%, rgba(117,0,255,0.4) 75%, rgba(0,183,255,0.55) 100%);
    /* background: linear-gradient(135deg, rgba(255,103,245,0.4) 0%, rgba(255,255,255,0.4) 50%, rgba(186,94,255,0.4) 100%); */
    
}

.faceTop
{
    border: 2px solid white;
    border-top: none;
/*     background-color: purple;
 */
}

.faceBottom
{
    border: 2px solid white;
    border-bottom: none;
/*     background-color: purple;
 */
}

.faceLeft
{
    border: 2px solid white;
    border-left: none;
    background: linear-gradient(135deg, rgba(117,0,255,0.6) 0%, rgba(0,183,255,0.6) 100%);
/*     background-color: yellow;
 */
}

.faceRight
{
    border: 2px solid white;
    border-right: none;
/*     background: linear-gradient(315deg, rgba(117,0,255,0.6) 0%, rgba(0,183,255,0.6) 100%);
 */
    background: linear-gradient(45deg, rgba(0,183,255,0.6) 0%, rgba(117,0,255,0.6) 100%);
/*     background-color: yellow;
 */
}