.elementor-1257 .elementor-element.elementor-element-a791b30{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:100px 100px;--row-gap:100px;--column-gap:100px;}.elementor-1257 .elementor-element.elementor-element-5e4cb135{--display:flex;}.elementor-1257 .elementor-element.elementor-element-7609e6b5{--display:flex;}.elementor-1257 .elementor-element.elementor-element-404d6661{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;}.elementor-1257 .elementor-element.elementor-element-3148f076{--display:flex;}.elementor-1257 .elementor-element.elementor-element-4fde49e4{--display:flex;}.elementor-1257 .elementor-element.elementor-element-248e1e60{--display:flex;}.elementor-1257 .elementor-element.elementor-element-5ac243c7{--display:flex;}.elementor-1257 .elementor-element.elementor-element-657f03a2{--display:flex;}/* Start custom CSS for container, class: .elementor-element-a791b30 *//*.rectangle {*/
/*  position: relative;*/
/*  top: 50%;*/
/*  left: 50%;*/
/*  transform: translate(-50%, -50%);*/
/*  width: 100px;*/
/*  height: 50px;*/
/*  background-color: red;*/
/*  animation: levitate 2s ease-in-out infinite;*/
/*}*/

/*@keyframes levitate {*/
/*  0% {*/
/*    transform: translate(-50%, -50%) translateY(0);*/
/*  }*/
/*  50% {*/
/*    transform: translate(-50%, -50%) translateY(-20px);*/
/*  }*/
/*  100% {*/
/*    transform: translate(-50%, -50%) translateY(0);*/
/*  }*/
/*}*/



/*.cube {*/
/*  position: relative;*/
/*  transform-style: preserve-3d;*/
/*  transform: translate(-50%, -50%) rotateX(45deg) rotateY(45deg);*/
/*  width: 100px;*/
/*  height: 100px;*/
/*  perspective: 800px;*/
/*  animation: rotate 10s linear infinite;*/
  
/*}*/

/*@keyframes rotate {*/
/*  0% {*/
/*    transform: translate(-50%, -50%) rotateX(0deg) rotateY(0deg);*/
/*  }*/
/*  100% {*/
/*    transform: translate(-50%, -50%) rotateX(360deg) rotateY(360deg);*/
/*  }*/
/*}*/

/*.cube .face {*/
/*  position: absolute;*/
/*  width: 100px;*/
/*  height: 100px;*/
/*  background-color: #383838;*/
/*  border: 1px solid #FDD259;*/
  /*border-radius: 1px;*/
/*}*/

/*.cube .front {*/
/* transform: translateZ(50px) translateX(10px) translateY(0px);*/
/*top: 10px;*/
/*}*/

/*.cube .arriere {*/
/*  transform: translateZ(-50px) rotateY(180deg);*/
/*}*/

/*.cube .left {*/
/*  transform: translateX(-50px) rotateY(-90deg);*/
/*}*/

/*.cube .right {*/
/*  transform: translateX(50px) rotateY(90deg);*/
/*}*/

/*.cube .top {*/
/*  transform: translateY(-50px) rotateX(-90deg);*/
/*}*/

/*.cube .bottom {*/
/*  transform: translateY(50px) rotateX(90deg);*/
/*}*/

/*.face::before {*/
/*  content: "3D";*/
/*  color: #FDD259;*/
/*  display: flex;*/
/*  justify-content: center;*/
/*  align-items: center;*/
/*  position: absolute;*/
/*  top: 0;*/
/*  left: 0;*/
/*  right: 0;*/
/*  bottom: 0;*/
/*  font-size: 24px;*/
/*  font-weight: bold;*/
/*}*/

/*Partie balle rebondissante*/

.ball {
  position: relative;
  transform: translate(-50%, 0);
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #383838;
  border: 2px solid #FDD259;
  animation: bounce 2s ease infinite;
  
}

@keyframes bounce {
  0% {
    top: 0;
  }
  50% {
    top: calc(100% - 50px);
  }
  100% {
    top: 0;
  }
}

.ball::before {
  content: "2D";
  color: #FDD259;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  font-size: 12px;
  font-weight: bold;
}


/*Parteie Cube 3D*/
.cube {
  position: relative;
  transform-style: preserve-3d;
  transform: translate(-25%, -25%) rotateX(45deg) rotateY(45deg);
  width: 50px;
  height: 50px;
  perspective: 400px;
  animation: rotate 10s linear infinite;
}

@keyframes rotate {
  0% {
    transform: translate(-0%, -0%) rotateX(0deg) rotateY(0deg);
  }
  100% {
    transform: translate(-0%, -0%) rotateX(360deg) rotateY(360deg);
  }
}

.cube .face {
  position: absolute;
  width: 50px;
  height: 50px;
  background-color: #383838;
  border: 2px solid #FDD259;
}

.cube .front {
  transform: translateZ(25px) translateX(0px) translateY(0px);
  top: 10px;
  left: 10px;
}

.cube .arriere {
  transform: translateZ(-25px) rotateY(180deg);
}

.cube .left {
  transform: translateX(-25px) rotateY(-90deg);
}

.cube .right {
  transform: translateX(25px) rotateY(90deg);
}

.cube .top {
  transform: translateY(-25px) rotateX(-90deg);
}

.cube .bottom {
  transform: translateY(25px) rotateX(90deg);
}

.face::before {
  content: "3D";
  color: #FDD259;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  font-size: 12px;
  font-weight: bold;
}/* End custom CSS */