body{
    background-color: #000;
    height: 120vh;
    display: grid;
    place-items: center;
    overflow: hidden;
}

.app{
    /* border: 2px solid red; */
    perspective: 1000px;
    width: 50%;
    height: 150px;
}
.box{
    /* border: 4px solid white; */
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
}
.element{
    /* border: 2px solid yellow; */
    height: 150px;
    width: 200px ;
    background-image: linear-gradient(to right, #e92e26, #ee0054, #dc0086, #ab00b9, #2839e3);
    box-shadow: inset 0 0 50px hsl(0, 0%, 0%);
    position:absolute;
    left: 35%;
    transition: 3000ms ease;
    transform: rotateY(var(--rt)) translateX(220px) ;
}