.ve975r6584g {
position: absolute;
top: 50%;
left: 50%;
transform-style: preserve-3d;
}
.ve975r6584g .face {
position: absolute;
}
.ve975r6584g .-front {
width: 100px;
height: 100px;
transform: translate(-50%, -50%) rotateY(0deg) translateZ(50px);
background: rgba(103, 148, 193, 1);
}
.ve975r6584g .-left {
width: 100px;
height: 100px;
transform: translate(-50%, -50%) rotateY(90deg) translateZ(50px);
background: rgba(88, 133, 178, 1);
}
.ve975r6584g .-top {
width: 100px;
height: 100px;
transform: translate(-50%, -50%) rotateX(90deg) translateZ(50px);
background: rgba(108, 153, 198, 1);
}
.ve975r6584g .-bottom {
width: 100px;
height: 100px;
transform: translate(-50%, -50%) rotateX(-90deg) translateZ(50px);
background: rgba(68, 113, 158, 1);
}
.ve975r6584g .-right {
width: 100px;
height: 100px;
transform: translate(-50%, -50%) rotateY(-90deg) translateZ(50px);
background: rgba(88, 133, 178, 1);
}
.ve975r6584g .-back {
width: 100px;
height: 100px;
transform: translate(-50%, -50%) rotateY(180deg) translateZ(50px);
background: rgba(78, 123, 168, 1);
}