#login-right-container {
    background: black;
    overflow: hidden;
}

#login-right-container::before {
    content:"";
    position: relative;
    width: 50%;
    height:100%;
    background: linear-gradient(to right,#847897, #c398a3);
    bottom: -50%;
    left: 0;
    transform: rotate(-60deg);
    filter: blur(70px);
}

#login-right-container::after {
    content: "";
    position: relative;
    width: 50%;
    height: 100%;
    background: linear-gradient(to right, #6e8894, #85baa1);
    bottom: -50%;
    right: 0;
    transform: rotate(60deg);
    filter: blur(70px);
}


.rotating-text {
    font-family: var(--font-global);
    font-size: 68px;
    position: relative;
    top:30%;
}

.rotating-text p {
    display: flex;
    justify-content: center;
    margin: 0;
    vertical-align: top;
}

.rotating-text p .word {
    position: absolute;
    display: flex;
    opacity: 0;
}

.rotating-text p .word .letter {
    transform-origin: center center 25px;
}

.rotating-text p .word .letter.out {
    transform: rotateX(90deg);
    transition: 0.32s cubic-bezier(0.6, 0, 0.7, 0.2);
}

.rotating-text p .word .letter.in {
    transition: 0.38s ease;
}

.rotating-text p .word .letter.behind {
    transform: rotateX(-90deg);
}

.bpx-color1 {
    color: #847897;
}

.bpx-color2 {
    color: #c398a3;
}

.bpx-color3 {
    color: #6e8894;
}

.bpx-color4 {
    color: #85baa1;
}