@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap";.cube-3d{--cube-width: 70vw;--cube-height: 12vw;--cube-depth: calc(var(--cube-width) / 2);position:relative;width:var(--cube-width);height:var(--cube-height);transform-style:preserve-3d;perspective:58vw;perspective-origin:51% 70%}.cube-reflect{perspective-origin:51% -30%}.face{position:absolute;width:var(--cube-width);height:var(--cube-height);display:flex;align-items:center;opacity:.5;overflow:hidden}.face-front{transform:translateZ(calc(var(--cube-depth) / 1)) scale(1);display:none}.face-back{transform:translateZ(calc(var(--cube-depth) * -1)) rotateY(180deg) scaleX(-1)}.face-left{transform:translate(calc(var(--cube-depth) * -1)) rotateY(-90deg) scaleX(-1)}.face-right{transform:translate(var(--cube-depth)) rotateY(90deg) scaleX(-1)}.face-top{transform:translateY(calc(var(--cube-depth) * -1)) rotateX(90deg) scaleY(-1)}.face-bottom{transform:translateY(var(--cube-depth)) rotateX(-90deg) scaleY(-1)}.face-reflect.face-back{transform:translateZ(calc(var(--cube-depth) * -1)) rotateY(180deg) scaleX(-1) scaleY(-1)}.face-reflect.face-left{transform:translate(calc(var(--cube-depth) * -1)) rotateY(-90deg) scaleX(-1) scaleY(-1)}.face-reflect.face-right{transform:translate(var(--cube-depth)) rotateY(90deg) scaleX(-1) scaleY(-1)}.poem-text{font-family:Bebas Neue,sans-serif;font-size:8vw;color:#fff;white-space:nowrap;padding-top:5%}@keyframes scrollLeft{to{margin-left:-2670vw}}@keyframes scrollBack{to{margin-left:-2740vw}}@keyframes scrollRight{to{margin-left:-2810vw}}@keyframes hueRotate{0%,to{filter:hue-rotate(0deg)}50%{filter:hue-rotate(100deg)}}@keyframes blurAnimation{0%{filter:blur(0px)}to{filter:blur(.3vw)}}@keyframes brightnessAnimation{0%{filter:brightness(1) contrast(1)}to{filter:brightness(.8) contrast(1.3)}}.hue-overlay{animation:hueRotate 5s infinite;background:radial-gradient(ellipse at center,#df2c4c,#25436b)}.content-wrapper{animation:brightnessAnimation 2000s linear infinite}.face-left .poem-text{margin-left:30vw;animation:500s linear infinite scrollLeft}.face-back .poem-text{margin-left:-40vw;animation:500s linear infinite scrollBack}.face-right .poem-text{margin-left:-110vw;animation:500s linear infinite scrollRight}