.elementor-3902 .elementor-element.elementor-element-ef2361f > .elementor-container{min-height:1155px;}/* Start custom CSS for html, class: .elementor-element-13d2f93 */.main-wrap-1{
    margin-right: auto;
    margin-left : auto;
}

.container-cube-1 {
    width: 300px!important;
    height: 300px!important;
    margin-right: auto;
    margin-left : auto;
    perspective: 1000px;
}
.cube-1 {
    width: 300px;
    height: 300px;
    transform-style:preserve-3d;
    transform-origin: center;
    /*animation: spin 10s infinite linear;*/
}
.face {
    position: absolute;
    width: 300px;
    height: 300px;
}

/*@media(hover: hover) and (pointer: fine) {
    .face:hover {
        animation: grow 3s infinite ease-in-out;
    }
}*/

/*****************************************
CONSTRUCTION DU CUBE
******************************************/
.top {
    transform: rotateX(90deg) translateZ(150px);
}
.bottom {
    transform: rotateX(-90deg) translateZ(150px);
}
.left {
    transform: rotateY(-90deg) translateZ(150px);
}
.right {
    transform: rotateY(90deg) translateZ(150px);
}
.back {
    transform: rotateX(-180deg) rotateZ(180deg) translateZ(150px);
}
.front {
    transform: rotateX(0deg) translateZ(150px);
}


/******************************************
ANIMATIONS
******************************************/
@keyframes grow {
    from{
        transform: translateZ(150px);
    }
    50%{
        transform: translateZ(200px);
    }
    to{
        transform:  translateZ(150px);
    }
}

@-webkit-keyframes spin {
    from {
        transform: rotateX(0deg) rotateY(0deg);
    }
    to{
        transform: rotateX(0deg) rotateY(360deg);
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-bba2038 */.section-cube {
    position: relative; 
    top:600px;
    width: 100vw; 
    margin-top: 0px; 
    margin-bottom: 0px;
}/* End custom CSS */