@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:60vw;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:2%}@keyframes scrollLeft{0%{margin-left:30vw}to{margin-left:-5400vw}}@keyframes scrollBack{0%{margin-left:-40vw}to{margin-left:-5487vw}}@keyframes scrollRight{0%{margin-left:-110vw}to{margin-left:-5574vw}}@keyframes hueRotate{0%,to{filter:hue-rotate(0deg)}50%{filter:hue-rotate(100deg)}}@keyframes zoomIn{0%{transform:scale(1)}to{transform:scale(2.5)}}@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)}.container-full{animation:zoomIn 2000s linear infinite}.content-wrapper{animation:brightnessAnimation 2000s linear infinite}.face-left .poem-text{animation:scrollLeft 500s linear infinite}.face-back .poem-text{animation:scrollBack 500s linear infinite}.face-right .poem-text{animation:scrollRight 500s linear infinite}